/* The supplied artwork forms a layered, dimensional cover. */
#ch-intro{background:radial-gradient(ellipse at 72% 45%,#34201966 0,transparent 48%),#050505;padding:94px 5.5vw 72px;isolation:isolate}
#ch-intro .parallax-field{opacity:.25;pointer-events:none}
#ch-intro{scrollbar-width:thin;scrollbar-color:#51412e #080706}
#ch-intro .intro-shell{grid-template-columns:1fr 1.15fr;gap:3vw;min-height:0;max-width:1480px;flex:1;align-items:center}
#ch-intro .intro-copy{padding:32px 0 32px 2vw;z-index:4}
#ch-intro .eyebrow{color:#b9a17c;font-size:9px;letter-spacing:.26em}
#ch-intro .intro-label{margin-top:35px;color:#9b8976;letter-spacing:.22em}
#ch-intro .intro-heading h1{font-size:clamp(48px,5.1vw,82px);line-height:1.35;letter-spacing:.13em}
#ch-intro .intro-heading h1 span{color:#cbb18b}
#ch-intro .intro-lead,#ch-intro .intro-title p{color:#a39788;line-height:2.1;margin:24px 0;font-size:13px}
#ch-intro .intro-copy .btn.primary{background:#a03b2d;border-color:#b7644c;color:#f7e7cd;padding:16px 30px;box-shadow:0 8px 40px #9b301114;min-width:190px}
#ch-intro .intro-copy .btn.primary:hover{background:#b34735;border-color:#d2966e}
#ch-intro .intro-meta{margin-top:35px;color:#776b5b;font-size:9px;gap:14px}
#ch-intro .intro-meta span+span{padding-left:14px}
#ch-intro .intro-bottom{padding:14px 0;color:#7b6b57;border-color:#b79b6d22}
.cover-scene{--cover-x:0;--cover-y:0;position:relative;height:clamp(500px,75dvh,750px);width:100%;isolation:isolate;perspective:850px;touch-action:pan-y}
.cover-halo{position:absolute;inset:8% -10% 5%;border-radius:50%;background:radial-gradient(ellipse,#c77a3422,transparent 65%);filter:blur(25px);pointer-events:none}
.cover-float{height:100%;width:100%;position:relative;transform-style:preserve-3d}
.cover-world{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(var(--cover-y)*-9deg)) rotateY(calc(-5deg + var(--cover-x)*17deg));will-change:transform}
.cover-plane{position:absolute;pointer-events:none;backface-visibility:hidden}
.cover-card{height:86%;aspect-ratio:841/1870;top:5%;left:50%;transform:translate3d(calc(-50% + var(--cover-x)*-12px),calc(var(--cover-y)*-8px),-22px);background:#d9b98a;border-radius:9px;box-shadow:3px 1px 0 #735138,6px 3px 0 #35291d,calc(18px - var(--cover-x)*18px) calc(25px - var(--cover-y)*12px) 55px #000b;overflow:hidden;isolation:isolate}
.cover-landscape{position:absolute;inset:9% 5% 12%;background:#e7cc9b;overflow:hidden;border-radius:45% 45% 25% 25% / 18% 18% 12% 12%}
.cover-landscape img{width:150%;height:128%;max-width:none;object-fit:cover;position:absolute;left:-25%;top:-12%;mix-blend-mode:multiply;transform:translate(calc(var(--cover-x)*-25px),calc(var(--cover-y)*-15px))}
.cover-frame{position:absolute;width:100%;height:100%;inset:0;mix-blend-mode:multiply;object-fit:fill}
.cover-sheen{position:absolute;inset:0;background:linear-gradient(112deg,transparent 20%,#fff4d620 44%,transparent 64%);transform:translateX(calc(var(--cover-x)*28%));pointer-events:none}
.cover-person{height:77%;width:90%;left:5%;top:12%;transform:translate3d(calc(var(--cover-x)*24px),calc(var(--cover-y)*14px),120px) rotateY(calc(var(--cover-x)*-3deg));filter:drop-shadow(calc(8px - var(--cover-x)*18px) calc(14px - var(--cover-y)*10px) 16px #1a090980)}
.cover-person img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.cover-floral-back{height:90%;width:115%;left:-7%;top:1%;transform:translate3d(calc(var(--cover-x)*-28px),calc(var(--cover-y)*-18px),-90px) rotate(-6deg);opacity:.5;filter:blur(.8px)}
.cover-floral-back img{width:100%;height:100%;object-fit:contain}
.cover-floral-front{width:36%;height:22%;left:9%;bottom:13%;overflow:hidden;transform:translate3d(calc(var(--cover-x)*42px),calc(var(--cover-y)*26px),210px) rotate(calc(-7deg + var(--cover-x)*3deg));filter:drop-shadow(calc(4px - var(--cover-x)*10px) 14px 12px #0009)}
.cover-floral-front img{position:absolute;width:100%;max-width:none;height:auto;bottom:0;left:0}
#ch-intro .cover-scene .blank-feather-wrap{left:77%;top:24%;width:36px;padding:0;opacity:.9;transform:translateZ(105px) rotate(28deg);filter:drop-shadow(0 0 10px #efd4a780);z-index:auto;border:0;background:none}
#ch-intro .cover-scene .blank-feather-wrap svg{width:100%;height:auto}
#ch-intro .cover-scene .blank-feather-wrap:hover{filter:drop-shadow(0 0 20px #ffe6a8);opacity:1}
.cover-side-note{position:absolute;right:1%;top:21%;writing-mode:vertical-rl;font:12px var(--serif);letter-spacing:.35em;color:#aa9475;display:flex;align-items:center;gap:16px;pointer-events:none}
.cover-side-note span{height:36px;width:1px;background:#a78b5d55}
.cover-art-footer{position:absolute;left:12%;right:8%;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;color:#927e64;letter-spacing:.16em}
.cover-art-footer button{font-size:9px;letter-spacing:.05em;color:#927e64;padding:10px 0;min-height:36px}
.cover-art-footer button:hover{color:#ead7b4}
.cover-touch-hint{display:none}
.cover-portal{position:absolute;top:5%;left:50%;height:86%;aspect-ratio:841/1870;transform:translateX(-50%);border:0;background:transparent;color:#f6dfb9;cursor:pointer;z-index:5;border-radius:6px;padding:0}
.cover-portal span{position:absolute;left:50%;bottom:17%;transform:translate(-50%,10px);white-space:nowrap;padding:10px 17px;border:1px solid #ecd8ae7a;background:#22130bcd;font:11px var(--sans);letter-spacing:.15em;opacity:0;transition:opacity .3s,transform .3s;box-shadow:0 4px 25px #0006}
.cover-portal:hover span,.cover-portal:focus-visible span{opacity:1;transform:translate(-50%,0)}
.cover-portal:focus-visible{outline:1px solid #d3ba8d;outline-offset:8px}
.cover-journey{position:fixed;inset:0;z-index:2000;overflow:hidden;background:#080604e8;animation:portalAppear .22s both;isolation:isolate}
.portal-camera{position:absolute;pointer-events:none;animation:portalCamera 1.75s cubic-bezier(.45,0,.2,1) both;isolation:auto;perspective:850px}
.portal-camera .cover-world{animation:portalFace .6s ease-out both}
.portal-camera .cover-card{animation:none;translate:none;rotate:none;box-shadow:0 0 70px #b48b4e30}
.portal-camera .cover-landscape img{animation:portalLandscape 1.75s ease-in both}
.portal-camera .cover-person{animation:portalPerson 1.25s cubic-bezier(.4,0,.4,1) both}
.portal-camera .cover-floral-front{animation:portalBranches 1.15s ease-in both}
.portal-camera .cover-floral-back{animation:portalBranches 1.35s ease-in both}
.portal-mist{position:absolute;inset:0;background:#050505;opacity:0;animation:portalMist 1.75s both;pointer-events:none}
.portal-status{position:absolute;left:50%;bottom:11%;transform:translateX(-50%);color:#dac9a8;letter-spacing:.22em;font:12px var(--serif);animation:portalWords 1.75s both}
.cover-journey.leaving{animation:portalLeave .5s both;pointer-events:none}
.cover-traveling .chrome{pointer-events:none}
@keyframes portalAppear{from{background:#08060400}to{background:#080604e8}}
@keyframes portalCamera{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(var(--travel-x),var(--travel-y),0) scale(var(--travel-scale))}}
@keyframes portalFace{to{transform:rotateX(0) rotateY(0)}}
@keyframes portalPerson{0%,12%{opacity:1}100%{opacity:0;transform:translate3d(-180px,40px,230px) rotateY(-16deg);filter:blur(5px)}}
@keyframes portalBranches{to{opacity:0;transform:translate3d(-120px,100px,300px) rotate(-20deg);filter:blur(6px)}}
@keyframes portalLandscape{to{transform:translate(0,0) scale(1.08)}}
@keyframes portalMist{0%,76%{opacity:0}100%{opacity:1}}
@keyframes portalWords{0%,12%,100%{opacity:0}30%,70%{opacity:1}}
@keyframes portalLeave{from{opacity:1}to{opacity:0}}
#ch-intro.active .cover-float{animation:coverFloat 8s ease-in-out infinite}
#ch-intro.active .cover-card{animation:coverCardEnter 1.5s cubic-bezier(.16,1,.3,1) both}
#ch-intro.active .cover-person{animation:coverPersonEnter 1.9s cubic-bezier(.16,1,.3,1) both}
#ch-intro.active .cover-floral-front{animation:coverFlowersEnter 2.1s cubic-bezier(.16,1,.3,1) both}
#ch-intro.active .intro-copy{animation:coverCopyEnter 1.4s .15s both}
.cover-scene.motion-paused *{animation-play-state:paused!important;will-change:auto}
@keyframes coverFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes coverCardEnter{from{opacity:0;translate:0 32px;rotate:y 18deg}to{opacity:1;translate:0 0;rotate:y 0deg}}
@keyframes coverPersonEnter{from{opacity:0;translate:0 40px;scale:.94}to{opacity:1;translate:0 0;scale:1}}
@keyframes coverFlowersEnter{from{opacity:0;translate:-18px 24px}to{opacity:1;translate:0 0}}
@keyframes coverCopyEnter{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.cover-scene{height:min(78dvh,850px)}}
@media(max-width:1000px){#ch-intro .intro-heading h1{font-size:47px}#ch-intro .intro-shell{grid-template-columns:1fr 1.05fr;gap:1vw}.cover-scene{height:590px}#ch-intro .intro-copy{padding-left:0}#ch-intro .intro-meta{flex-wrap:wrap;font-size:8px}.cover-side-note{right:-2%;font-size:10px}}
@media(max-width:700px){#ch-intro{padding:82px 6vw 82px;overflow-x:hidden}#ch-intro .intro-shell{display:flex;flex-direction:column;gap:0;flex:none;min-height:0;margin:0}#ch-intro .intro-copy{padding:0;width:100%}#ch-intro .eyebrow{font-size:8px;letter-spacing:.14em}#ch-intro .intro-label{font-size:9px;letter-spacing:.15em;margin:16px 0 8px}#ch-intro .intro-heading h1{font-size:clamp(32px,8vw,50px);line-height:1.28;letter-spacing:.1em}#ch-intro .intro-heading h1 br{display:none}#ch-intro .intro-heading h1 span{display:block}#ch-intro .intro-lead,#ch-intro .intro-title p{font-size:11px;line-height:1.9;margin:12px 0}#ch-intro .intro-copy .btn.primary{font-size:11px;padding:11px 21px;min-width:150px}#ch-intro .intro-title .btn.text{font-size:10px;margin:0 0 0 10px}#ch-intro .intro-meta{display:none}.cover-scene{height:460px;margin:5px 0 16px;width:100%;max-width:440px}.cover-card{height:87%;top:4%}.cover-person{height:86%;top:7%}.cover-side-note{right:1%;top:25%;font-size:10px}.cover-art-footer{left:8%;right:5%;bottom:-3px;font-size:8px}.cover-floral-front{left:0;bottom:5%;width:49%}#ch-intro .intro-bottom{font-size:8px;padding:12px 0}#ch-intro .intro-bottom>span:last-child{display:none}}
@media(max-height:750px) and (min-width:701px){#ch-intro{padding-top:86px}.cover-scene{height:510px}#ch-intro .intro-heading h1{font-size:48px}#ch-intro .intro-label{margin-top:20px}#ch-intro .intro-lead,#ch-intro .intro-title p{margin:18px 0}#ch-intro .intro-meta{margin-top:22px}}
@media(prefers-reduced-motion:reduce){#ch-intro.active .cover-float,#ch-intro.active .cover-card,#ch-intro.active .cover-person,#ch-intro.active .cover-floral-front,#ch-intro.active .intro-copy{animation:none}.cover-world{transform:rotateY(-4deg);will-change:auto}.cover-art-footer button{display:none}}
@media(max-width:700px){.cover-scene{height:clamp(330px,calc(100svh - 420px),460px)}.cover-floral-front{left:4%;width:43%;bottom:8%}}
@media(max-width:700px){.cover-person{height:77%;top:12%}.cover-world{transform:rotateY(-5deg)}.cover-mouse-hint{display:none}.cover-touch-hint{display:inline}.cover-portal span{font-size:9px;opacity:.85;transform:translate(-50%,0);bottom:9%;padding:6px 10px}.cover-floral-front{left:10%;width:33%;bottom:13%}.portal-camera .cover-world{transform:rotateY(-5deg)}}
@media(prefers-reduced-motion:reduce){.cover-world{transform:rotateY(-4deg)}.cover-portal span{transition:none}}