/* New Family Studio — Stage 7 visual layer. No API or form changes. */
:root{--nfs-ink:#29382f;--nfs-paper:#faf7f1;--nfs-sage:#9aab92;--nfs-gold:#c4a579}
html{scroll-behavior:smooth}body{background:var(--nfs-paper);-webkit-font-smoothing:antialiased}
::selection{background:#9daa98;color:#132a1d}
.header{backdrop-filter:blur(18px);background:rgba(250,247,241,.94);border-bottom:1px solid rgba(102,119,99,.13)}
.wordmark{letter-spacing:-.035em}.nav-cta,.btn{transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.nav-cta:hover,.btn:hover{transform:translateY(-3px)}
.hero{overflow:hidden}.hero-content{position:relative;z-index:2}.hero-content h1{letter-spacing:-.045em;text-wrap:balance}.hero-content>p{max-width:525px}
.hero-art{background:radial-gradient(circle at 50% 40%,#ebe9d9 0%,#d4ddcb 55%,#c6d2c4 100%)}
.hero-card{box-shadow:0 35px 85px rgba(37,54,40,.2),0 1px 0 rgba(255,255,255,.8) inset;animation:nfsFloat 8s ease-in-out infinite}.hero-card:after{content:'';pointer-events:none;position:absolute;inset:11px;border:1px solid rgba(106,126,102,.23)}
.floating-stamp{background:rgba(250,248,236,.66);backdrop-filter:blur(8px)}
.section-heading h2,.center-head h2,.process h2{letter-spacing:-.04em;text-wrap:balance}.section-kicker{letter-spacing:.24em}
.portfolio-card{display:block;transition:transform .36s ease}.portfolio-card:hover{transform:translateY(-7px)}
.portfolio-card .preview{border-radius:170px 170px 3px 3px;box-shadow:0 15px 45px rgba(45,46,32,.08);transition:filter .35s ease,box-shadow .35s ease}
.portfolio-card:hover .preview{box-shadow:0 24px 55px rgba(45,46,32,.15)}
.preview.romantic{background:radial-gradient(circle at 10% 12%,rgba(255,255,255,.76),transparent 38%),radial-gradient(circle at 100% 100%,#e8d9cd,transparent 55%),#edddd7}
.preview.minimal{background:linear-gradient(125deg,#e7e1d7,#cfc9bd)}
.preview.royal{background:radial-gradient(circle at 50% 35%,#476054,#17382e 75%)}
.preview-internal{border:1px solid rgba(255,255,255,.5)}
.feature{transition:background .25s ease}.feature:hover{background:#f3f4eb}.feature-icon{font-size:37px}
.price-card{box-shadow:0 14px 40px rgba(44,56,43,.06);transition:transform .35s ease,box-shadow .35s ease}.price-card:hover{transform:translateY(-6px);box-shadow:0 24px 58px rgba(44,56,43,.1)}
.contact-form input,.contact-form textarea,.contact-form select{border-radius:6px;transition:border-color .2s ease,box-shadow .2s ease}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{box-shadow:0 0 0 3px rgba(74,113,79,.12)}
@keyframes nfsFloat{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-10px)}}
@media(max-width:760px){.hero-card{animation:none}.portfolio-card .preview{border-radius:145px 145px 2px 2px}.price-card:hover,.portfolio-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}