/*
Theme Name: GROWTH MANAGER 데모 레퍼런스
Theme URI: https://growthgroup.co.kr/
Author: GROWTH GROUP
Author URI: https://growthgroup.co.kr/
Description: 치과 전문 워드프레스 테마 그로쓰매니저의 데모 레퍼런스 메인 페이지. 화이트+오렌지 톤으로, 임상 케이스 블로그형(A), 다국어 에디토리얼/원고형(B), 감각적 북릿/책형태(C), 풀 홈페이지+원고형(D), 퍼포먼스 랜딩형(E), 글로벌 메디컬투어리즘형(F) 6가지 데모를 소개하는 레퍼런스형 랜딩. Tailwind CSS 유틸리티 기반.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: growth-manager
Tags: dental, landing-page, multilingual, portfolio, tailwind, demo
*/

/* ------------------------------------------------------------------
   Tailwind은 functions.php에서 Play CDN으로 로드됩니다.
   아래는 CDN/폰트가 늦게 뜨더라도 기본 톤을 잡아주는 폴백 + 커스텀 유틸.
   운영 배포 시에는 Tailwind CLI로 빌드한 정적 CSS로 교체하는 것을 권장합니다.
------------------------------------------------------------------- */

:root{
  --gm-paper:#FFFFFF; --gm-sand:#FAF5EE; --gm-ink:#1C1712; --gm-orange:#FF6A2B;
}

html{ scroll-behavior:smooth; }
body{ margin:0; background:var(--gm-paper); color:var(--gm-ink);
  font-family:Pretendard,"Space Grotesk",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased; }

.mono-label{ font-family:"Space Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }

.outline-letter{
  -webkit-text-stroke:2px var(--gm-orange); color:transparent;
  font-family:"Space Grotesk",sans-serif; font-weight:700; line-height:.8;
}

.grow-path{ stroke-dasharray:1400; stroke-dashoffset:1400;
  animation:gm-draw 2.6s cubic-bezier(.2,.7,.2,1) .3s forwards; }
@keyframes gm-draw{ to{ stroke-dashoffset:0; } }

.reveal{ opacity:0; transform:translateY(22px);
  transition:opacity .7s ease, transform .7s ease; }
.reveal.in{ opacity:1; transform:none; }

.mock{ font-size:10px; line-height:1.35; }
::selection{ background:var(--gm-orange); color:#fff; }

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .grow-path{ animation:none; stroke-dashoffset:0; }
  .reveal{ opacity:1; transform:none; transition:none; }
}

/* WordPress 기본 정렬/캡션 호환 */
.aligncenter{ display:block; margin-left:auto; margin-right:auto; }
.alignright{ float:right; margin-left:1.25rem; }
.alignleft{ float:left; margin-right:1.25rem; }