/* Version 19: cinematic typography and lightweight interaction. */
#curious-board{overflow:clip}
#curious-board nav{position:sticky;top:0;z-index:20;background:#111411f7;padding:20px 6%;gap:20px}
#curious-board nav .brand{flex-shrink:0;max-width:none}
#curious-board .navitems{gap:8px 22px;font-size:13px}
#curious-board .navitems a{position:relative;min-height:44px;display:inline-flex;align-items:center}
#curious-board .navitems a::after{content:"";position:absolute;bottom:5px;left:0;right:0;height:1px;background:var(--aco-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
#curious-board .navitems a[aria-current]::after{transform:scaleX(1)}
#curious-board .navitems a[aria-current]{color:var(--aco-accent)}
#curious-board .menu-toggle{font:inherit;font-size:14px;background:transparent;color:#dfb984;border:1px solid #53604c;border-radius:5px;padding:8px 13px;min-height:44px;align-items:center;gap:16px;cursor:pointer}
#curious-board .menu-toggle[hidden]{display:none}
#curious-board section{scroll-margin-top:110px}
#main-content{scroll-margin-top:110px}
.skip{z-index:30}
#curious-board a:focus-visible,#curious-board button:focus-visible,#wallpaper-dialog a:focus-visible,#wallpaper-dialog button:focus-visible{outline:2px solid #dfb984;outline-offset:5px}
#curious-board .primary,#curious-board .preview-cta,#curious-board .download{transition:transform .2s ease,background-color .2s ease,color .2s ease}
#curious-board .primary:active,#curious-board .preview-cta:active,#curious-board .download:active{transform:translateY(1px) scale(.985)}
#curious-board .textlink,#curious-board .destination{min-height:44px}
#curious-board a>span[aria-hidden=true]{transition:transform .2s ease}
@media(hover:hover){#curious-board a:hover>span[aria-hidden=true]{transform:translate(2px,-2px)}#curious-board .navitems a:hover::after{transform:scaleX(1)}#curious-board .wallpaper-preview:hover img{transform:scale(1.018)}#curious-board .download:hover{transform:translateY(-2px)}}
#curious-board .cinematic-hero{display:block;padding:48px 8% 54px;min-height:0;background:#111411;isolation:isolate}
#curious-board .cinematic-hero::before{content:"";position:absolute;width:75%;height:80%;right:-15%;top:-10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#5e56352e,transparent 67%);opacity:.9}
#curious-board .cinematic-hero .hero-copy{width:100%;position:relative}
#curious-board .cinematic-hero .eyebrow{font-size:11px;margin-bottom:18px;letter-spacing:2.2px;color:#b6bea9}
#curious-board .cinematic-hero h1{max-width:none;margin:0 0 26px;line-height:1;letter-spacing:-2px;font-size:inherit}
#curious-board .hero-lead{display:block;font-family:'Instrument Serif',Georgia,serif;font-size:clamp(28px,3.6vw,48px);font-weight:400;letter-spacing:-.5px;color:#dfb984;margin-bottom:12px}
#curious-board .image-type{display:block;width:100%;font-family:Manrope,Arial,sans-serif;font-weight:800;font-style:normal;text-transform:uppercase;font-size:clamp(100px,25vw,345px);letter-spacing:-.055em;line-height:.86;color:#dfb984;padding-bottom:.045em}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
#curious-board .image-type{background-color:#dfb984;background-image:linear-gradient(#e9c79830,#e9c79830),url('/assets/hero-cinematic.webp');background-size:cover;background-position:center 46%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
#curious-board .hero-details{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:42px;border-top:1px solid #3d4436;padding-top:26px}
#curious-board .cinematic-hero .intro{max-width:660px;font-size:16px;line-height:1.85;color:#c5c8be}
#curious-board .cinematic-hero .actions{margin:0;gap:12px 20px;align-items:flex-start}
#curious-board .cinematic-hero .conversation-note{font-size:12px;margin-top:12px;color:#a8b1a2}
#curious-board .hero-invitation{padding-top:3px}
#curious-board .film-frame{border-radius:12px}
#curious-board .film-play{transition:background-color .2s ease,color .2s ease;min-height:44px}
#curious-board .storygrid p,#curious-board .music p,#curious-board .personal-story p,#curious-board .section-intro,#curious-board .featured-copy,#curious-board .path p,#curious-board .talk p{color:#c5c8be}
#curious-board .portrait{border:1px solid #353c32;border-radius:12px}
#curious-board .music-portrait{margin:0;justify-self:center;width:100%;max-width:290px}
#curious-board .music-portrait img{border-radius:12px;width:100%;max-height:none}
#curious-board .music-portrait figcaption{position:static;background:none;color:#a8b1a2;padding:14px 0 0;font-size:12px;line-height:1.65}
#curious-board .wallpaper-preview img{transition:transform .3s ease}
#curious-board .wallpaper-intro .pause-note{font-size:14px;margin-top:24px;color:#dfb984;display:flex;align-items:center;gap:12px}
#curious-board .pause-note>span{font-size:25px;line-height:1}
#wallpaper-dialog{margin:auto;width:min(92vw,500px);max-height:94dvh;overflow:auto}
#large-preview{height:min(65vh,700px);width:auto;max-width:100%;object-fit:contain}
#wallpaper-dialog.is-open{animation:preview-in .2s ease both}
#wallpaper-dialog::backdrop{background:#080b08ed}
#close-preview{min-height:44px}
@keyframes preview-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes quiet-glow{from{opacity:.3;transform:translate(-30px,12px) scale(.96)}to{opacity:.9;transform:none}}
#curious-board .reveal{transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}
#curious-board .reveal.pending{transform:translateY(12px)}
@media(prefers-reduced-motion:no-preference){
#curious-board .hero h1{animation:enter .34s both}
#curious-board .hero .intro{animation:enter .34s .06s both}
#curious-board .hero .actions{animation:enter .34s .12s both}
#curious-board .cinematic-hero::before{animation:quiet-glow 4.8s ease-out both}
}
@media(min-width:851px){#curious-board .menu-toggle{display:none}}
@media(max-width:1050px){#curious-board .navitems{gap:6px 16px}#curious-board nav{padding-left:5%;padding-right:5%}#curious-board .brand{font-size:16px}}
@media(max-width:850px){
#curious-board nav{flex-wrap:wrap;align-items:center;padding:14px 7%;gap:12px}
#curious-board .menu-toggle:not([hidden]){display:inline-flex}
#curious-board .navitems{width:100%;gap:3px 20px;font-size:14px}
#curious-board .nav-ready .navitems{display:none}
#curious-board .nav-ready.menu-open .navitems{display:flex;padding:8px 0 4px;border-top:1px solid #353c32}
#curious-board .cinematic-hero{padding:38px 7% 42px}
#curious-board .hero-details{grid-template-columns:1fr;gap:22px;padding-top:22px}
#curious-board .image-type{font-size:25.6vw}
#curious-board section{scroll-margin-top:90px}
}
@media(max-width:600px){
#curious-board .cinematic-hero h1{margin-bottom:22px}
#curious-board .cinematic-hero .eyebrow{font-size:9px;letter-spacing:1.5px;max-width:none;margin-bottom:20px}
#curious-board .hero-lead{font-size:31px;margin-bottom:16px}
#curious-board .cinematic-hero .intro{font-size:15px;line-height:1.8}
#curious-board .cinematic-hero .actions{gap:10px 18px}
#curious-board .wallpaper-intro{padding-top:36px}
#curious-board .collection-heading h2{font-size:24px}
#curious-board .music-portrait{max-width:260px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#curious-board *,#curious-board *::before,#curious-board *::after,#wallpaper-dialog{animation:none!important;transition:none!important}#curious-board .reveal.pending{opacity:1;transform:none}}
@media(forced-colors:active){#curious-board .image-type{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0}}

/* The two image-filled lines move with normal page scrolling. */
#curious-board .image-type{background:none;color:#dfb984;-webkit-text-fill-color:initial}
#curious-board .hero-word{display:block;background-color:#dfb984;background-image:linear-gradient(#f2d9b45e,#f2d9b45e),url('/assets/hero-cinematic.webp');-webkit-text-stroke:.65px #dfb984b3;background-size:100% 100%,100% auto;background-repeat:no-repeat;background-position:center,50% var(--photo-offset,34%)}
#curious-board .word-again{--photo-offset:66%}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
#curious-board .hero-word{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
@media(prefers-reduced-motion:no-preference){
#curious-board .word-begin{transform:translate3d(calc(-1 * var(--word-travel,0px)),0,0)}
#curious-board .word-again{transform:translate3d(var(--word-travel,0px),0,0)}
}
@media(forced-colors:active){#curious-board .hero-word{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0}}