/* Opening film: a garden grows, draws the brand, and gifts it one living leaf. */
.ghora-intro{--intro-ease-out:cubic-bezier(.23,1,.32,1);--intro-ease-in-out:cubic-bezier(.77,0,.175,1);position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 52% 40%,#fffdf6 0%,#f0efe7 55%,#e0e6d7 100%);color:#252b24;opacity:0;visibility:hidden;pointer-events:none;transition:transform .8s var(--intro-ease-in-out),opacity .3s,visibility 0s .8s;isolation:isolate}
html.ghora-intro-pending{overflow:hidden}
html.ghora-intro-pending .ghora-intro{opacity:1;visibility:visible;pointer-events:auto;transition:none}
html.ghora-intro-exiting .ghora-intro{opacity:1;visibility:visible;pointer-events:none;transform:translateY(-105%)}
.ghora-intro:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 210deg at 54% 52%,transparent 0deg,rgba(206,190,136,.15) 25deg,transparent 60deg,rgba(255,255,255,.6) 100deg,transparent 145deg);opacity:0;animation:ghora-daybreak 5.4s var(--intro-ease-out) forwards;pointer-events:none}
.ghora-intro:after{content:"";position:absolute;inset:18px;border:1px solid rgba(42,56,45,.13);pointer-events:none}
.ghora-intro-corner{position:absolute;z-index:1;width:22px;height:22px;border-color:#7b9078;opacity:.6}
.ghora-intro-corner-one{top:30px;left:30px;border-top:1px solid;border-left:1px solid}
.ghora-intro-corner-two{right:30px;bottom:30px;border-bottom:1px solid;border-right:1px solid}
.ghora-intro-art{position:relative;width:min(76vw,71vh,620px);aspect-ratio:1;margin-top:-6vh;animation:ghora-camera 5.4s var(--intro-ease-out) both}
.ghora-intro-mark,.ghora-garden{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
.ghora-garden{filter:drop-shadow(0 9px 8px rgba(58,77,43,.12))}
.garden-growth{animation:ghora-garden-depart .9s 3.75s var(--intro-ease-out) forwards;transform-origin:50% 50%}
.garden-stem,.garden-tendril{stroke-dasharray:1;stroke-dashoffset:1;animation:ghora-grow-line 2.55s .25s linear forwards}
.garden-stem-right{animation-delay:.4s}
.garden-tendril{animation-duration:.85s;animation-delay:var(--branch-delay)}
.garden-leaf{opacity:0;clip-path:inset(100% -30% -30% -30%);transform-origin:0 0;animation:ghora-unfurl .85s var(--grow-delay) var(--intro-ease-out) both}
.garden-seed{transform-box:fill-box;transform-origin:center;animation:ghora-seed 1.2s var(--intro-ease-out) both}
.garden-mote{opacity:0;animation:ghora-pollen 2.4s var(--mote-delay) ease-in-out both}
.ghora-intro-mark .logo-guides{animation:ghora-guides-away .4s 3.1s forwards}
.ghora-intro-mark .logo-guides path{stroke-dasharray:1;stroke-dashoffset:1;animation:ghora-grow-line 1.7s 1.3s linear forwards}
.ghora-intro-mark .logo-guides path:nth-child(2){animation-delay:1.5s}
.ghora-intro-mark .logo-guides path:nth-child(n+3){animation-delay:2.7s;animation-duration:.65s}
.ghora-intro-mark .logo-frame,.ghora-intro-mark .logo-base{opacity:0;animation:ghora-ink .5s 3s var(--intro-ease-out) forwards}
.ghora-intro-mark .logo-base{animation-delay:3.2s}
.ghora-intro-mark .logo-monogram{opacity:0;clip-path:inset(100% -5% -5% -5%);animation:ghora-monogram-grow 1.4s 2.25s var(--intro-ease-out) forwards}
.ghora-intro-mark .logo-leaf-top{opacity:0;transform-origin:545px 278px;animation:ghora-leaf-journey 2.65s 1.85s ease-in-out both;fill:#58734d}
.ghora-intro-mark .logo-leaf-inner{opacity:0;transform-box:fill-box;transform-origin:0 0;clip-path:inset(100% -30% -30% -30%);animation:ghora-unfurl .85s 3.5s var(--intro-ease-out) both;fill:#58734d}
.ghora-intro-mark .logo-name path,.ghora-intro-mark .logo-subtitle path{opacity:0;transform:translateY(13px);animation:ghora-glyph-arrive .6s calc(var(--glyph-delay) + 2s) var(--intro-ease-out) forwards}
.ghora-intro-footer{position:absolute;z-index:2;left:50%;bottom:clamp(35px,6vh,66px);transform:translateX(-50%);width:min(510px,calc(100% - 62px));opacity:0;animation:ghora-ink .6s .35s var(--intro-ease-out) forwards}
.ghora-intro-copy{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:12px;text-transform:uppercase;letter-spacing:.15em;font:600 10px/1.4 Arial,sans-serif}
.ghora-intro-copy strong{font:600 12px/1 Arial,sans-serif;letter-spacing:.08em;white-space:nowrap}
.ghora-intro-progress{height:2px;background:rgba(42,56,45,.14);overflow:hidden}
.ghora-intro-progress span{display:block;width:100%;height:100%;background:#758c70;transform:scaleX(var(--ghora-progress,0));transform-origin:left;transition:transform .35s var(--intro-ease-out)}
.ghora-intro-footer p{text-align:center;color:#758071;font:600 9px/1.5 Arial,sans-serif;letter-spacing:.21em;margin:18px 0 0}
.ghora-intro-skip{position:absolute;right:clamp(32px,5vw,80px);top:clamp(32px,5vh,64px);z-index:5;border:0;border-bottom:1px solid rgba(34,37,32,.5);background:none;color:#222520;padding:8px 0;font:600 10px/1.2 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.ghora-intro-skip span{margin-left:12px}.ghora-intro-skip:focus-visible{outline:2px solid #587151;outline-offset:6px}
@media(hover:hover) and (pointer:fine){.ghora-intro-skip:hover{color:#587151;border-color:#587151}}
@keyframes ghora-daybreak{0%{opacity:0;transform:rotate(-12deg)}55%{opacity:1}100%{opacity:.5;transform:rotate(9deg)}}
@keyframes ghora-camera{from{transform:translateY(10px) scale(1.04)}to{transform:none}}
@keyframes ghora-grow-line{to{stroke-dashoffset:0}}
@keyframes ghora-guides-away{to{opacity:0}}
@keyframes ghora-ink{to{opacity:1}}
@keyframes ghora-unfurl{0%{opacity:0;clip-path:inset(100% -30% -30% -30%);transform:rotate(-24deg) scale(.92)}25%{opacity:1}75%{clip-path:inset(-30%);transform:rotate(5deg) scale(1.02)}100%{opacity:1;clip-path:inset(-30%);transform:none}}
@keyframes ghora-monogram-grow{from{opacity:0;clip-path:inset(100% -5% -5% -5%);transform:translateY(12px)}to{opacity:1;clip-path:inset(-5%);transform:none}}
@keyframes ghora-leaf-journey{0%{opacity:0;transform:translate(-265px,40px) rotate(-65deg) scale(.93)}12%{opacity:1;transform:translate(-265px,40px) rotate(-35deg) scale(1)}28%{transform:translate(-295px,-30px) rotate(-12deg) scale(1.15)}48%{transform:translate(-185px,-150px) rotate(55deg) scale(1.18)}68%{transform:translate(-50px,-108px) rotate(105deg) scale(1.1)}84%{transform:translate(16px,-24px) rotate(22deg) scale(1.03)}94%{transform:translate(-3px,3px) rotate(-5deg)}100%{opacity:1;transform:none}}
@keyframes ghora-garden-depart{to{opacity:0;transform:translateY(-12px) scale(1.025)}}
@keyframes ghora-seed{0%{opacity:0;transform:translateY(-24px) rotate(-24deg)}30%{opacity:1;transform:translateY(2px) rotate(8deg)}55%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes ghora-pollen{0%{opacity:0;transform:translateY(25px)}35%{opacity:.7}100%{opacity:0;transform:translate(14px,-65px)}}
@keyframes ghora-glyph-arrive{to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.ghora-intro:after{inset:12px}.ghora-intro-corner-one{top:23px;left:23px}.ghora-intro-corner-two{right:23px;bottom:23px}.ghora-intro-art{width:min(82vw,54vh);margin-top:-6vh}.ghora-intro-footer{bottom:8vh}.ghora-intro-copy{font-size:9px}.ghora-intro-footer p{font-size:8px;letter-spacing:.13em}.ghora-intro-skip{top:26px;right:27px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.ghora-intro{display:none!important}.ghora-intro *{animation:none!important;transition:none!important}}