.hero{background:var(--ivory);isolation:isolate;padding:clamp(4.5rem,8vw,7rem) 0 1.4rem;position:relative;overflow:hidden}.hero-grid{z-index:1;grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(2rem,6vw,5.5rem);display:grid;position:relative}.hero-copy{padding:1rem 0 2.2rem;animation:.75s cubic-bezier(.2,.7,.2,1) both hero-copy-enter}.hero-kicker{color:#566176;letter-spacing:.14em;align-items:center;gap:.6rem;font-size:.72rem;font-weight:800;display:flex}.status-dot{background:#36a778;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #36a7781f}.kicker-divider{color:var(--gold)}.hero h1{max-width:700px;color:var(--navy);margin:1.55rem 0 1.4rem;animation:.8s ease-out 80ms both hero-heading-enter}.hero-ampersand{color:var(--blue)}.hero-period{color:var(--gold)}.hero-lead{color:#5d6778;max-width:580px;font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.85;animation:.8s ease-out .16s both hero-heading-enter}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;animation:.8s ease-out .24s both hero-heading-enter;display:flex}.hero-actions .button{transition:transform .25s,box-shadow .25s,background-color .25s}.hero-actions .button:hover{transform:translateY(-3px);box-shadow:0 9px 22px #101d381f}.hero-actions .button:active{transform:translateY(-1px)}.hero-visual{justify-self:end;width:100%;max-width:510px;padding:1.3rem 1.3rem 2rem;animation:.9s cubic-bezier(.2,.7,.2,1) .12s both hero-portrait-enter;position:relative}.portrait-frame{z-index:1;background:var(--navy);border-radius:28px;padding:1rem;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;position:relative;transform:rotate(1.2deg);box-shadow:0 28px 70px #101d382e}.portrait-frame:hover{transform:rotate(0)translateY(-4px);box-shadow:0 34px 80px #101d3838}.portrait-topline{color:#d3d9e5;letter-spacing:.13em;justify-content:space-between;gap:.5rem;padding:.25rem .25rem .9rem;font-size:.58rem;display:flex}.portrait-art{background:#dce5f2;border-radius:16px;height:clamp(300px,37vw,455px);position:relative;overflow:hidden}.portrait-art img,.portrait-art .hero-portrait-image{object-fit:cover;object-position:center top;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.portrait-frame:hover .hero-portrait-image{transform:scale(1.025)}.portrait-caption{color:var(--white);align-items:center;gap:.8rem;padding:1rem .3rem .2rem;display:flex}.caption-monogram{width:44px;height:44px;color:var(--gold-light);background:#263956;border-radius:12px;flex-shrink:0;place-items:center;font:800 1rem Manrope,sans-serif;display:grid}.portrait-caption>div{flex:1;line-height:1.35;display:grid}.portrait-caption strong{font-size:.9rem}.portrait-caption small{color:#c3cada;margin-top:.2rem;font-size:.75rem}.portrait-caption>svg{color:var(--gold-light);flex-shrink:0;transition:transform .3s}.portrait-frame:hover .portrait-caption>svg{transform:translate(3px,3px)}.floating-note{z-index:2;background:var(--white);border:1px solid #101d380f;border-radius:15px;align-items:center;gap:.7rem;padding:.8rem 1rem;transition:transform .3s,box-shadow .3s;animation:.7s ease-out .65s both floating-note-enter;display:flex;position:absolute;box-shadow:0 14px 35px #101d381f}.floating-note:hover{transform:translateY(-3px);box-shadow:0 18px 38px #101d3826}.floating-note--top{top:16%;left:-5%}.floating-icon{color:#89672b;background:#f7efd9;border-radius:11px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.floating-note>span:last-child{line-height:1.35;display:grid}.floating-note strong{color:var(--navy);font-size:.8rem}.floating-note small{color:var(--muted);margin-top:.2rem;font-size:.69rem}.visual-star{color:var(--gold);font-size:4.2rem;line-height:1;animation:.8s ease-out .5s both star-enter;position:absolute;top:0;right:0}.hero-orb{pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.hero-orb--one{background:radial-gradient(circle,#235ee814,#0000 68%);width:400px;height:400px;animation:12s ease-in-out infinite alternate orb-drift;top:-180px;right:16%}.hero-orb--two{background:radial-gradient(circle,#c8a45d1f,#0000 70%);width:340px;height:340px;animation:15s ease-in-out infinite alternate-reverse orb-drift;bottom:-190px;left:-100px}.hero-bottom{color:#737b88;letter-spacing:.12em;border-top:1px solid #e0dbd0;justify-content:space-between;gap:1rem;padding-top:2.1rem;font-size:.65rem;font-weight:700;animation:.8s ease-out .4s both hero-heading-enter;display:flex}.hero-bottom span:last-child{align-items:center;gap:.4rem;display:flex}.hero-bottom svg{color:var(--gold);flex-shrink:0;transition:transform .25s}.hero-bottom span:last-child:hover svg{transform:translate(2px,2px)}@keyframes hero-copy-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-heading-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-portrait-enter{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floating-note-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes star-enter{0%{opacity:0;transform:rotate(-18deg)scale(.8)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes orb-drift{0%{transform:translate(0,0)}to{transform:translate(12px,-16px)}}@media (max-width:900px){.hero-grid{grid-template-columns:1fr .85fr;gap:1rem}.hero-visual{padding-inline:.6rem}.floating-note--top{left:-2%}}@media (max-width:760px){.hero{padding-top:3.5rem}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:.5rem}.hero h1{max-width:620px}.hero-visual{justify-self:center;max-width:490px;margin-top:.8rem;padding-inline:1rem}.portrait-art{height:min(112vw,440px)}.hero-bottom{font-size:.58rem}.floating-note--top{left:-1%}}@media (max-width:420px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.floating-note{padding:.6rem .7rem}.floating-note--top{left:-2%}.portrait-frame{border-radius:22px;padding:.75rem}.portrait-topline{font-size:.52rem}}@media (prefers-reduced-motion:reduce){.hero *,.hero :before,.hero :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero-copy,.hero h1,.hero-lead,.hero-actions,.hero-visual,.hero-bottom{opacity:1;transform:none}}