/* UNICORNS v6: cinematic craft, quiet typography, discoverable chapters. */
:root{--paper:#fffaf5;--ink:#2b1710;--green:#74321e;--orange:#ad431d;--muted:#70594e;--line:#e5d5c8}
body{background:var(--paper)}
.review-strip{background:#fff0df;color:#643721;font-size:9px;letter-spacing:1px;padding:7px 16px}
header{position:absolute;inset:29px 0 auto;max-width:none;z-index:10;padding:25px 4.5%;color:white;background:transparent;gap:24px;flex-wrap:nowrap}
header .wordmark{color:white}header nav{margin-inline-start:auto;gap:28px}header .nav-apply{background:#ffbc72;color:#32190e;border-radius:8px;border:0;padding:13px 19px}
header .language-picker,header .motion{background:#28160f40;color:#fff;border:1px solid #ffffff60;border-radius:8px;padding:12px;font-size:11px;min-height:42px}header option{color:#2b1710;background:#fff}
.showcase{position:relative;margin:0!important;border-radius:0;max-width:none!important;padding:130px 4.5% 28px;min-height:760px;isolation:isolate;overflow:hidden;background:#24110b;color:white}
.scene-backdrop{position:absolute;inset:0;z-index:-3;background:url('/craft-v6.png') 60% center/cover;animation:scene-drift 28s ease-in-out infinite alternate;transition:opacity .4s}
.showcase:before{display:none}.showcase:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#241009e8,transparent 76%),linear-gradient(0deg,#1c0c07ee,transparent 60%);pointer-events:none}
.showcase-topline{display:flex;justify-content:space-between;border:0;color:#fff1df;letter-spacing:2px;font-size:9px}.showcase-topline span:last-child{color:inherit}
.showcase-main{display:block;min-height:430px;padding:45px 0 22px}.showcase-copy{max-width:630px}.showcase-kicker{color:#ffbc72;font-size:10px;letter-spacing:2px;margin:0 0 22px}
.showcase h1,[lang=ru] .showcase h1{font:700 clamp(48px,5.4vw,82px)/1.02 Arial,sans-serif;letter-spacing:-3.5px;margin:0 0 24px;min-height:0;max-width:670px;color:#fffef7}.showcase h1 em{font:inherit;letter-spacing:inherit;color:#ffbc72}
.showcase-description{color:#fff5e9;font-size:15px;line-height:1.65;max-width:390px;min-height:0;margin-bottom:26px}
.showcase-primary{background:#ffbc72;color:#32190e;padding:17px 22px;border-radius:8px;box-shadow:none;font-size:13px;display:inline-flex;align-items:center;gap:25px}.showcase-primary:hover{background:#ffd5a3}.showcase-secondary{display:inline-block;color:#fff;border-color:#ffffff70;font-size:12px;margin:0 0 0 25px;padding-bottom:5px}
.showcase-art{display:none}.showcase-bottom{border-top:1px solid #ffffff40;padding:20px 0 0;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.scene-caption{color:#fff0dc;font-size:10px}.slide-controls{display:flex;gap:10px;align-items:center}.slide-count{color:#f8e2ce}
.slide-controls button{border:1px solid #ffffff55;background:#321a1055;color:white;border-radius:8px;min-height:44px;min-width:44px;font-size:11px}.slide-controls button[aria-pressed=true]{background:#ffbc72;border-color:#ffbc72;color:#32190e}.slide-controls [data-slide]{width:120px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 100px #32170cb0}.slide-controls [data-slide][aria-pressed=true]{box-shadow:none;background-image:none}.slide-controls [data-slide="0"]{background-image:url('/craft-v6.png')}.slide-controls [data-slide="1"]{background-image:url('/scene-v4.png')}.slide-controls [data-slide="2"]{background-image:url('/assets/03-Passing-attention.png')}
.scene-credit{position:absolute;right:4.5%;top:180px;max-width:160px;text-align:end;color:#fff;font-size:10px;line-height:1.6;opacity:.85}
.showcase[data-scene="1"] .scene-backdrop{background-image:url('/scene-v4.png');background-position:center}.showcase[data-scene="2"] .scene-backdrop{background-image:url('/assets/03-Passing-attention.png');background-size:150% auto;background-position:50% 75%}
.discovery-shelf{padding:58px 4.5% 42px;position:relative}.shelf-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.shelf-heading h2{font:650 clamp(27px,3vw,40px)/1.1 Arial;letter-spacing:-1.5px;margin:0}.shelf-heading a{font-size:12px;border-bottom:1px solid;padding:6px 0}.discovery-shelf>.small{margin:15px 0 10px}
.discovery-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:15px 0 20px}
.discovery-card{min-width:0;height:340px;border-radius:12px;position:relative;overflow:hidden;scroll-snap-align:start;padding:24px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;color:white;transition:transform .25s}
.discovery-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#251108f5,transparent 90%);z-index:-1}.discovery-card:hover{transform:translateY(-5px)}.discovery-card span{font-size:9px;letter-spacing:1.5px}.discovery-card h3{font:600 28px/1.1 Arial;letter-spacing:-1px;margin:0 20px 12px 0}.discovery-card p{font-size:12px;margin:0;max-width:90%}.discovery-card b{position:absolute;right:20px;bottom:22px;font-size:24px}
.card-craft{background:url('/craft-v6.png') 75% center/cover}.card-place{background:url('/scene-v4.png') 72% center/cover}.card-maker{background:url('/assets/03-Passing-attention.png') 100% 0/430% auto}.card-join{background:radial-gradient(at 90% 0,#ef9f54,transparent 65%),#572417}
.competition-bar{margin:0 4.5%;padding:30px 0;background:transparent;border-block:1px solid #e5d5c8;border-radius:0;gap:35px;color:#2b1710}.competition-bar b{font:500 32px Arial;color:#ad431d}.competition-bar h3{font:600 18px Arial}.competition-bar p{color:#70594e;font-size:12px}
h2,h3,.philosophy blockquote{font-family:Arial,sans-serif}h2 em{font-style:normal;color:#ad431d}.artist-intro{padding:65px 6% 0;max-width:900px}.artist-intro h2{font-size:42px;font-weight:600;letter-spacing:-2px}.artist-intro>p:not(.eyebrow){font-size:15px}.philosophy{padding:25px 6% 60px}.philosophy blockquote{font:500 clamp(25px,3vw,42px)/1.2 Arial;letter-spacing:-1px}.ribbon{display:none}
.story{max-width:none;border-radius:0;background:#f5e7dc;padding:70px 6%;grid-template-columns:.65fr 1fr;gap:6%}.story h2{font-size:clamp(35px,4vw,56px);font-weight:600}.story-book{transform:none}.book-tabs button{border-radius:6px;min-height:44px;background:#fffaf5}figure{border:0;border-radius:10px;overflow:hidden;padding:8px;box-shadow:0 18px 40px #48200f12}figcaption{font:14px/1.5 Arial}.small-note{font-size:11px;color:#70594e}
.adventure{border:0;padding-block:75px}.center-heading h2{font-size:clamp(32px,4vw,54px);font-weight:600}.steps{margin-top:35px}.steps article{border:1px solid #e5d5c8;border-radius:12px;background:transparent!important;padding:28px}.steps h3{font-size:24px;font-weight:600}.line-icon{font-size:32px;margin:14px 0}
#coffee-map{background:#f5e7dc}.application{gap:7%;padding-block:75px}.application h2{font-weight:600;font-size:clamp(36px,4vw,58px)}.application form{border:1px solid #e5d5c8;border-radius:14px;background:#fffdfb;box-shadow:0 15px 45px #48200f08}.roles label{border-radius:8px}.roles label:has(:checked){background:#ffe2bd}.application input:not([type=radio]):not([type=checkbox]),.application textarea{border-radius:7px;background:#fffaf5}.submit{border-radius:8px;min-height:50px}.closing{background:#ffd5a3;padding:65px 6%}.closing h2{font-weight:600;font-size:clamp(29px,4vw,48px)}
@keyframes scene-drift{to{transform:scale(1.025)}}.paused .scene-backdrop{animation-play-state:paused}
[dir=rtl] .showcase:after{background:linear-gradient(270deg,#241009ee,transparent 90%),linear-gradient(0deg,#1c0c07ee,transparent 70%)}[dir=rtl] .showcase h1,[lang=hi] .showcase h1{letter-spacing:0;line-height:1.25}[dir=rtl] .scene-credit{right:auto;left:4.5%;text-align:start}
@media(max-width:1050px){header{gap:12px}header nav{gap:14px}header nav>a:not(.nav-apply){display:none}.showcase h1,[lang=ru] .showcase h1{font-size:58px}.showcase-copy{max-width:550px}.showcase-secondary{display:block;width:max-content;margin:18px 0 0}.discovery-track{grid-auto-columns:32%}.story{grid-template-columns:1fr}.section-heading{max-width:650px}}
@media(max-width:680px){header{padding:18px 5%;gap:10px;flex-wrap:wrap;top:32px}.wordmark{font-size:16px}header nav{margin-inline-start:auto}.nav-apply span{margin-left:12px}header .language-picker,header .motion{font-size:10px;min-height:38px;padding:9px}.showcase{padding:175px 6% 24px;min-height:800px}.showcase-topline{font-size:8px;letter-spacing:1px}.showcase-topline span:last-child{display:none}.showcase-main{padding-top:35px;min-height:430px}.showcase-copy{max-width:100%}.showcase h1,[lang=ru] .showcase h1{font-size:clamp(39px,11vw,54px);letter-spacing:-2px}.showcase-description{font-size:14px;max-width:310px}.scene-backdrop{background-position:67% center}.showcase:after{background:linear-gradient(90deg,#241009e8,#24100925),linear-gradient(0deg,#1c0c07,transparent 70%)}.scene-credit{display:none}.showcase-bottom{grid-template-columns:1fr;gap:12px}.scene-caption{margin:0}.slide-controls{gap:6px;width:100%}.slide-controls [data-slide]{flex:1;min-width:0;width:auto;font-size:10px}.slide-count{display:none}.showcase-primary{font-size:12px;padding:16px 18px}.showcase-secondary{font-size:12px}.discovery-shelf{padding:38px 6% 20px}.shelf-heading h2{font-size:27px}.discovery-track{grid-auto-columns:82%;gap:14px}.discovery-card{height:330px}.competition-bar{margin:0 6%;padding:28px 0;gap:22px}.artist-intro{padding:45px 6% 0}.artist-intro h2{font-size:32px}.philosophy{padding:15px 6% 40px}.story{padding:45px 6%;max-width:none}.story h2{font-size:36px}.application{padding-block:50px}.application h2{font-size:38px}.section-heading h2 br{display:initial}[dir=rtl] .showcase h1,[lang=hi] .showcase h1{font-size:39px;line-height:1.3;letter-spacing:0}.book-tabs button{padding:10px;font-size:10px}.closing{padding-block:45px}}
@media(prefers-reduced-motion:reduce){.scene-backdrop{animation:none}.discovery-card{transition:none}}
/* Review 1: keep scene navigation above the desktop fold; readable asset label. */
@media(min-width:1051px){.showcase{min-height:710px;padding-top:118px}.showcase-main{padding-top:34px;min-height:400px}.showcase h1,[lang=ru] .showcase h1{font-size:clamp(48px,5vw,74px)}.scene-credit{top:auto;bottom:118px;font-size:11px;max-width:230px;background:#29160e99;padding:10px 13px;border-radius:6px}}
/* Review 2: avoid a second header row and recover the mobile first screen. */
@media(max-width:680px){header{display:grid;grid-template-columns:1fr auto 42px;gap:12px;align-items:center}header nav{display:none}header .language-picker{width:96px;max-width:none;order:initial}header .motion{order:initial;width:42px;padding:0;font-size:0}header .motion:before{content:'Ⅱ';font-size:18px}header .motion[aria-pressed=true]:before{content:'▶';font-size:13px}.showcase{padding-top:120px;min-height:740px}.showcase-main{padding-top:30px;min-height:420px}.showcase-bottom{padding-top:18px}.scene-credit{display:block;position:static;max-width:none;text-align:start;font-size:10px;padding-top:16px;margin:0;color:#ffe8ce;order:3}.showcase{display:flex;flex-direction:column}.scene-credit{order:5}.showcase-topline{order:0}.showcase-main{order:1}.showcase-bottom{order:2}.discovery-shelf>.small{font-size:11px!important}}
.spam-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
/* Review 3: clipped spam field must not enlarge the RTL scroll area. */
.spam-trap{left:0!important;inset-inline-start:0!important;clip-path:inset(50%);clip:rect(0,0,0,0);white-space:nowrap}
/* Review 3: the comic remains a complete page, separate from fictional campaign imagery. */
.showcase[data-scene="2"] .scene-backdrop{background-size:auto 100%;background-position:right center;background-repeat:no-repeat;background-color:#2e160e}
.showcase[data-scene="2"]:after{background:linear-gradient(90deg,#2e160e 15%,#2e160ef0 38%,#2e160e33 85%),linear-gradient(0deg,#2e160e,transparent 60%)}
[dir=rtl] .showcase[data-scene="2"]:after{background:linear-gradient(270deg,#2e160ef0 25%,#2e160e55 90%),linear-gradient(0deg,#2e160e,transparent 70%)}
@media(max-width:680px){.showcase[data-scene="2"] .scene-backdrop{background-size:auto 100%;background-position:60% center}.showcase[data-scene="2"]:after{background:#2e160ebb}}
@media(min-width:681px){[lang=ru] .showcase h1{font-size:clamp(48px,4.3vw,64px)}[lang=hi] .showcase h1{font-size:clamp(40px,4vw,58px)}}

/* V6: natural materials, amber light, espresso depth. */
:root{--cream:#fffaf5;--gold:#b65323;--sage:#ead4c1}
body{color:#2b1710;background:#fffaf5}
.showcase-primary,header .nav-apply{background:linear-gradient(135deg,#ffd6a0,#ffae59);box-shadow:0 8px 30px #15090435,inset 0 1px #fff5dc}
.story{background:radial-gradient(ellipse at 100% 0,#fffaf5,transparent 65%),#f5e7dc}
#coffee-map{background:#f7eee6}.coffee-map-canvas{background:repeating-linear-gradient(35deg,transparent 0 55px,#c58b5220 55px 57px),#f5dfc2;border-color:#d7b99b}
.map-water{background:linear-gradient(135deg,#083d5c,#137f9e);border-color:#f8ecda}.map-water-label{color:#fff}.map-city-label{color:#846246}
.coffee-stop{background:#fffaf5;color:#32190e;border-color:#caa27d;box-shadow:0 8px 22px #48200f24}.coffee-stop span{background:#68331c;color:#fff}.coffee-stop[aria-pressed=true]{outline-color:#b65323}
.quest-card{background:#fffdfb;border-color:#e5d5c8}.quest-card>p:not(.eyebrow),.small-note{color:#70594e}.coffee-map-canvas>small{color:#503321}
.button,.submit{background:#74321e;color:#fff}.eyebrow{color:#a64119}.closing{background:radial-gradient(ellipse at 80% 0,#fff1d9,transparent 65%),#ffce99}
:focus-visible{outline:3px solid #b65323;outline-offset:4px}
/* Consistency review: inherited quotation and selected controls. */
.philosophy blockquote{color:#3c2117}.book-tabs button[aria-selected=true],.book-tabs button.active{background:#74321e;color:#fff}.language-picker{border-color:#caa27d}.motion{border-color:#caa27d}
/* Map caption: opaque surface keeps contrast independent of map artwork. */
.coffee-map-canvas>small{inset-inline:14px;left:14px;right:14px;bottom:12px;width:fit-content;max-width:calc(100% - 28px);padding:8px 10px;border:1px solid #e5d5c8;border-radius:6px;background:#fffaf5;color:#3c2117;font:500 11px/1.5 Arial,sans-serif;letter-spacing:.3px;text-align:start;box-sizing:border-box;box-shadow:0 2px 8px #2b171014}
[dir=rtl] .coffee-map-canvas>small{direction:rtl;margin-inline-start:auto}
