@font-face{font-family:"UB";src:url(../fonts/ub-200.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"UB";src:url(../fonts/ub-200i.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
:root{--bg:#0b1a16;--or:#ff8000;--or2:#f07f19;--gr:#468354;--gr2:#6fae7e;--gg:#8a9a7c;--line:1.5px;--ease:cubic-bezier(.22,.61,.36,1)}
*,*::before,*::after{box-sizing:border-box}
html{font-size:min(1.4vh,.95vw);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg);scrollbar-color:#585a4d var(--bg)}
@media (max-width:700px){html{font-size:min(1vh,2.3vw)}}
@media (max-height:520px) and (min-width:701px){html{font-size:8px}}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:transparent;color:var(--or);font-family:"UB",ui-sans-serif,system-ui,sans-serif;font-weight:200;font-size:2.8rem;line-height:1.15;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}
html.noScroll{overflow:hidden}
::selection{background:var(--or);color:var(--bg)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:1.5px dashed var(--or);outline-offset:4px;border-radius:4px}
i{font-style:italic}
.up{text-transform:uppercase}
.mono{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-weight:400;letter-spacing:0}
.skip{position:absolute;left:-999px;top:8px;background:var(--or);color:var(--bg);padding:8px 14px;z-index:999;font-size:16px}
.skip:focus{left:8px}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:-2;display:block;pointer-events:none}
.bgFallback{position:fixed;inset:0;z-index:-3;background:radial-gradient(120% 80% at 50% 0%,#12271f 0%,var(--bg) 60%),var(--bg)}
/* header */
.siteHeader{position:fixed;top:0;right:0;left:0;z-index:3001;height:0}
.motionBtn{position:fixed;top:calc(env(safe-area-inset-top) + 2rem);right:calc(2rem + 46px + 14px);height:44px;display:flex;align-items:center;font-size:max(13px,1.8rem);font-weight:300;color:var(--gr2);letter-spacing:.16em;line-height:1;pointer-events:auto}
.roundBtn{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;transition:transform .5s var(--ease)}
.roundBtn svg{width:100%;height:100%;fill:none;stroke:var(--or2);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.roundBtn svg circle{fill:var(--bg)}
@media (hover:hover){.roundBtn:hover{transform:scale(1.07)}}
.menuBtn{position:fixed;top:calc(env(safe-area-inset-top) + 2rem);right:2rem;z-index:2}
@media (max-width:700px){.menuBtn{top:calc(env(safe-area-inset-top) + 14px);right:14px;width:44px;height:44px}.motionBtn{top:calc(env(safe-area-inset-top) + 14px);right:72px}}
.menuBtn .i-close{display:none}
.menuOpen .menuBtn .i-open{display:none}.menuOpen .menuBtn .i-close{display:block}
.pageMenu{position:fixed;inset:0;background:var(--bg);display:grid;place-items:center;opacity:0;transition:opacity .35s var(--ease)}
.pageMenu[hidden]{display:none}
.menuOpen .pageMenu{opacity:1}
.menuNav{display:flex;flex-direction:column;align-items:center;gap:3.4rem;font-size:max(26px,3.6rem);letter-spacing:.04em}
.menuNav a{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.menuOpen .menuNav a{opacity:1;transform:none}
.menuNav a:nth-of-type(2){transition-delay:.05s}.menuNav a:nth-of-type(3){transition-delay:.1s}.menuNav a:nth-of-type(4){transition-delay:.15s}
.menuNav .green{color:var(--gr2)}
.emblem-menu{width:max(140px,18rem);height:auto;margin-bottom:1rem}
/* emblem */
.emblem{fill:none;stroke:var(--or);stroke-width:2;stroke-linecap:round;overflow:visible}
.emblem .em-ring{transform-origin:200px 200px;animation:spin 120s linear infinite}
.emblem .em-ticks{stroke-width:1.6;transform-origin:200px 200px;animation:spin 80s linear infinite reverse}
.emblem .em-inner{stroke-width:1.2;stroke-dasharray:2 7}
.emblem .em-lem{stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 3.2s var(--ease) .3s forwards}
.emblem .em-lem2{stroke-width:1.2;opacity:.7;animation-delay:.9s}
.emblem .em-sun{fill:var(--or);stroke:none;transform-origin:120px 200px;animation:pulse 4.8s ease-in-out infinite}
.emblem .em-moon{stroke-width:2;transform-origin:280px 200px;animation:pulse 4.8s ease-in-out 2.4s infinite}
.emblem .em-dot{fill:#ffd2a0;stroke:none}
.emblem .em-ring circle:first-child{stroke-width:1.2}
.emblem .em-word{transform-origin:200px 200px;animation:spin 90s linear infinite}
.emblem .em-word text{fill:var(--or);stroke:none;font-family:"UB";font-weight:300;font-size:15.2px;letter-spacing:5.1px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.28)}}
/* hero */
.hero{position:relative;height:100vh;height:100svh;min-height:480px;display:grid;place-items:center;overflow:hidden}
.heroEmblem{width:min(51.4vh,76vw);aspect-ratio:1;opacity:0;transform:scale(.94);animation:heroIn 2s var(--ease) .1s forwards}
.heroEmblem .emblem{width:100%;height:100%;filter:drop-shadow(0 0 14px rgba(255,128,0,.22))}
@keyframes heroIn{to{opacity:1;transform:none}}
.scrollCue{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 26px);left:50%;width:1.5px;height:54px;margin-left:-.75px;background:rgba(255,128,0,.18);overflow:hidden}
.scrollCue span{position:absolute;left:0;top:-40%;width:100%;height:40%;background:var(--or);animation:cue 2.4s var(--ease) infinite}
@keyframes cue{to{top:110%}}
/* common text sections */
.sect{position:relative;display:flex;flex-direction:column;align-items:center}
.text h2{font-size:7rem;line-height:6.8rem;font-weight:200;margin:0;letter-spacing:.02em}
.text>p{width:70vw;max-width:1180px;padding:0 10rem;margin:3rem auto 0;line-height:3.2rem}
@media (max-width:700px){.text h2{font-size:5.5rem;line-height:5.3rem}.text>p{width:84vw;padding:0;font-size:2.8rem;line-height:3.25rem}}
/* intro */
.intro{min-height:100vh;min-height:100svh;justify-content:center;padding:10rem 0}
.mainTitle{font-weight:200;margin:0;line-height:1}
.mainTitle span{display:block;opacity:0;transform:translateY(.25em);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}
.mainTitle .t1{font-size:3.86rem;font-weight:300;letter-spacing:.5rem}
.mainTitle .t2{font-size:7.96rem;letter-spacing:.2rem;margin-top:-.4rem}
.mainTitle .t3{font-size:10.4rem;letter-spacing:.9rem;margin-top:-1.6rem;margin-right:-.9rem}
.mainTitle.in span{opacity:1;transform:none}
.mainTitle.in .t2{transition-delay:.12s}.mainTitle.in .t3{transition-delay:.24s}
.lead{font-size:2.6rem;line-height:3.3rem;width:70vw;max-width:1180px;padding:0 10rem;margin:5rem auto 0;letter-spacing:.02em}
.topNav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2.6rem;font-size:2rem;color:var(--gr2);margin-top:5rem;letter-spacing:.06em}
.topNav a,.indexLine a,.person a,.byline a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease),color .3s;padding-bottom:2px}
.topNav a:hover,.indexLine a:hover,.person a:hover{background-size:100% 1px}
@media (max-width:700px){.mainTitle .t2{font-size:8rem}.mainTitle .t3{font-size:10.6rem;letter-spacing:.5rem;margin-right:-.5rem}.lead{width:84vw;padding:0;font-size:2.55rem;line-height:3.2rem}.topNav{font-size:2.4rem;gap:1rem 3rem}}
/* about */
.about{padding:21rem 0}
/* quote */
.quoteSec{padding:0 4vw;display:grid;place-items:center}
.quoteOval{position:relative;width:min(62vw,920px);padding:7px;border-radius:50%;background:radial-gradient(ellipse at center,var(--or) 56%,var(--bg) 69%);}
.quoteOval blockquote{margin:0;background:var(--bg);border-radius:50%;padding:13rem 11rem;box-shadow:0 0 30px 6px rgba(255,128,0,.35) inset}
.quoteOval p{margin:0 auto;font-size:4.2rem;line-height:4.8rem;max-width:16ch}
.quoteOval footer{font-size:2.2rem;line-height:2.9rem;margin-top:1.2rem}
@media (max-width:700px){.quoteOval{width:88vw}.quoteOval blockquote{padding:14rem 6rem 14rem;border-radius:50%}.quoteOval p{font-size:3.4rem;line-height:4rem}.quoteOval footer{font-size:2rem;line-height:2.6rem}}
/* wings */
.wings{padding:21rem 0 10rem}
.wingRow{display:flex;justify-content:center;gap:3vw;width:60vw;margin-top:8rem}
.wing{flex:1;max-width:300px}
.wingBtn{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}
.egg{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:110/191;border:1.5px solid var(--or);border-radius:999px 999px 22px 22px;transition:box-shadow .6s var(--ease),transform .6s var(--ease);overflow:hidden;background:radial-gradient(60% 40% at 50% 55%,rgba(255,128,0,.10),transparent 70%)}
.egg::before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,128,0,.35);border-radius:inherit}
.egg::after{content:"";position:absolute;left:12%;right:12%;bottom:9%;height:1px;background:rgba(255,128,0,.5)}
@media (hover:hover){.wingBtn:hover .egg{box-shadow:0 0 40px rgba(255,128,0,.28),inset 0 0 50px rgba(255,128,0,.14);transform:translateY(-6px)}.wingBtn:hover .wingLabel{color:var(--or)}}
.wingLabel{font-size:max(12px,1.6rem);font-weight:300;letter-spacing:.16em;text-transform:uppercase;color:var(--gr2);transition:color .3s}
.sym{width:72%;height:auto;fill:none;stroke:var(--or);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.sym .spin{transform-origin:100px 100px;animation:spin 26s linear infinite}
.sym .spin-r{transform-origin:100px 100px;animation:spin 18s linear infinite reverse}
.sym .spin-slow{transform-origin:100px 100px;animation:spin 60s linear infinite}
.sym .orbit{transform-origin:100px 100px;animation:spin 9s linear infinite}
.sym .dotf,.sym .star{fill:var(--or);stroke:none}
.sym .core{fill:rgba(255,128,0,.18)}
.sym-tools rect{fill:rgba(255,128,0,.12)}
.sym-rooms .arch{animation:arch 4.8s ease-in-out infinite}
.sym-rooms .a1{animation-delay:.4s}.sym-rooms .a2{animation-delay:.8s}.sym-rooms .a3{animation-delay:1.2s}
.sym-rooms .star{animation:pulse 2.4s ease-in-out infinite;transform-origin:100px 128px}
@keyframes arch{0%,100%{opacity:.35}50%{opacity:1}}
@media (max-width:700px){.wingRow{flex-wrap:wrap;width:84vw;gap:6rem 7vw}.wing{flex:0 0 36vw}}
/* overlays */
.overlay{position:fixed;inset:0;z-index:3100;opacity:0;transition:opacity .3s var(--ease)}
.overlay[hidden]{display:none}
.overlay.on{opacity:1}
.ovBg{position:absolute;inset:0;background:rgba(7,17,14,.72);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.ovInner{position:absolute;top:10vh;left:15vw;width:70vw;height:80vh;overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border:1px solid var(--or);border-radius:30px;padding:9rem 8rem 6rem;transform:translateY(14px);transition:transform .45s var(--ease);scrollbar-width:thin;scrollbar-color:#585a4d transparent}
.overlay.on .ovInner{transform:none}
.ovClose{position:fixed;top:calc(10vh + 1.2rem);right:calc(15vw + 1.2rem);z-index:3}
.ovBack{display:flex;margin:6rem auto 0;width:8rem;height:8rem;min-width:52px;min-height:52px}
.ovSym{width:12rem;margin:0 auto 2rem}
.ovSym .sym{width:100%}
.ovInner h2{font-size:5.4rem;line-height:5.4rem;font-weight:200;margin:0;letter-spacing:.02em}
.ovInner h3{font-weight:200;font-style:italic;font-size:3rem;line-height:3.4rem;margin:1.6rem 0 0;color:var(--or)}
.ovInner p{font-size:2.6rem;line-height:3.3rem;max-width:40em;margin:3rem auto 0}
.textBox p{font-size:2.5rem;line-height:3.3rem}
.pill{display:inline-block;margin-top:4rem;padding:1.2rem 2.6rem;border:1.5px solid var(--or);border-radius:999px;font-size:max(13px,1.7rem);font-weight:300;letter-spacing:.14em;transition:background .3s,color .3s}
.pill:hover{background:var(--or);color:var(--bg)}
@media (max-width:700px){.ovInner{left:5vw;width:90vw;top:8vh;height:84vh;border-radius:24px;padding:8rem 6vw 5rem}.ovClose{top:calc(8vh + 10px);right:calc(5vw + 10px);width:42px;height:42px}.ovInner h2{font-size:4.6rem;line-height:4.8rem}.ovInner h3{font-size:2.5rem;line-height:3rem}.ovInner p,.textBox p{font-size:2.3rem;line-height:3rem}}
/* cavern */
.cavern{color:var(--gr2);padding:21rem 0 0}
.symBtn{display:block;margin:6rem auto 0;width:max(170px,26rem)}
.cavern-sym{width:100%;fill:none;stroke:var(--gr2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .8s var(--ease),filter .6s}
.cavern-sym .rays{transform-origin:120px 120px;animation:spin 70s linear infinite}
@media (hover:hover){.symBtn:hover .cavern-sym{transform:scale(1.05);filter:drop-shadow(0 0 18px rgba(70,131,84,.6))}}
#lb-reading .ovInner{border-color:var(--gr2);color:var(--gr2)}
#lb-reading .roundBtn svg{stroke:var(--gr2)}
#lb-reading .pill{border-color:var(--gr2)}#lb-reading .pill:hover{background:var(--gr2);color:var(--bg)}
/* shelves slider */
.shelves{padding:21rem 0 0}
.slider{position:relative;width:100%;margin-bottom:8rem}
.slides{position:relative;height:min(100vh,62.5vw);overflow:hidden;background:#0d1f1a}
.slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .7s ease;visibility:hidden}
.slide.on{opacity:1;visibility:visible}
.slide img{width:100%;height:100%;object-fit:cover;display:block}
.slide figcaption{position:absolute;left:0;right:0;bottom:0;padding:8rem 2rem 4.6rem;background:linear-gradient(transparent,rgba(11,26,22,.85));font-size:max(12px,1.6rem);font-weight:300;letter-spacing:.08em;color:#ffd9b0}
.arrows{position:absolute;inset:0;pointer-events:none}
.arrows .roundBtn{position:absolute;top:50%;margin-top:-33px;width:66px;height:66px;pointer-events:auto}
.sPrev{left:2rem}.sNext{right:2rem}
.sCount{position:absolute;left:0;right:0;bottom:1.8rem;font-size:max(11px,1.4rem);letter-spacing:.16em;color:#ffd9b0;font-weight:300}
.sCount b{font-weight:300;color:var(--or)}
@media (max-width:700px){.arrows .roundBtn{width:46px;height:46px;margin-top:-23px}.sPrev{left:10px}.sNext{right:10px}}
.textBtn{margin-top:5rem;width:max(56px,8rem);height:max(56px,8rem)}
/* explore link */
.exploreLink{position:relative;display:grid;place-items:center;padding:21rem 0 0;overflow:hidden}
.exploreBtn{display:block;width:min(38rem,80vw);aspect-ratio:1;transition:transform .8s var(--ease)}
.exploreBtn svg{width:100%;height:100%;fill:none;stroke:var(--or);stroke-width:1.6;overflow:visible}
.exploreBtn #hatch line{stroke:rgba(255,128,0,.55);stroke-width:1}
.xb-hatch{fill:url(#hatch);stroke:none}
.xb-face{fill:var(--bg)}
.xb-spin{transform-origin:200px 200px;animation:spin 40s linear infinite}
.xb-spin circle{fill:var(--bg)}
.xb-t1{fill:var(--or);stroke:none;font-family:"UB";font-weight:300;font-size:34px;letter-spacing:6px}
.xb-t2{fill:var(--or);stroke:none;font-family:"UB";font-style:italic;font-weight:200;font-size:32px}
@media (hover:hover){.exploreBtn:hover{transform:scale(1.04) rotate(3deg)}}
.indexLine{padding:10rem 0 0}
.indexLine p{margin:0 auto;font-size:max(15px,1.8rem);line-height:1.5;font-weight:300;width:84vw}
.indexLine a{color:var(--or);font-weight:400}
.socials{display:flex;justify-content:center;gap:3rem;padding:4rem 20px 0}
.socials a{display:block;width:max(42px,5rem);transition:transform .5s var(--ease)}
.socials svg{width:100%;height:auto;fill:none;stroke:var(--or);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover){.socials a:hover{transform:translateY(-4px)}}

.motionBtn{text-transform:uppercase;padding:0 4px}
.motionBtn .m-off{display:none}
html.still .motionBtn .m-on{display:none}html.still .motionBtn .m-off{display:inline}
html.still *,html.still *::before,html.still *::after{animation-play-state:paused!important}
.nojs{position:relative;z-index:5;padding:16px;font-size:16px;background:var(--bg)}
.byName{margin:2.6rem 0 0;font-size:max(15px,2.2rem);font-style:italic;color:var(--gr2);letter-spacing:.04em}
.lead{font-weight:200}
/* film */
.filmWrap{position:relative;padding-top:2rem}
.film{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:radial-gradient(90% 70% at 50% 40%,#122a22,var(--bg) 75%);display:flex;flex-direction:column;justify-content:center;gap:3.5%;padding:4% 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.frow{display:flex;width:max-content;height:27%;animation:pan var(--dur) linear infinite}
.frow.r1{animation-direction:reverse}
.frow svg{height:100%;width:auto;flex:none;display:block;fill:none;stroke:var(--or);stroke-width:1.4;overflow:visible}
.frow .sp rect{fill:rgba(255,128,0,.04)}
.frow .sp.hot rect{fill:rgba(255,128,0,.16);filter:drop-shadow(0 0 6px rgba(255,128,0,.6))}
.frow .sp line{stroke-width:1;opacity:.7}
.frow text{fill:var(--or);stroke:none;font-family:"UB";font-weight:300;font-size:13px;letter-spacing:2px}
.frow .board{stroke-width:2;opacity:.8}
.frow.r1 svg{opacity:.75}.frow.r2 svg{opacity:.55}
@keyframes pan{to{transform:translateX(-50%)}}
.filmCap{margin:2.4rem auto 0;width:84vw;font-size:max(13px,1.7rem);line-height:1.4;color:var(--gr2);font-weight:300}
/* wing modal */
.tabs{display:flex;justify-content:center;gap:4rem;margin-top:5rem;flex-wrap:wrap}
.tab{display:flex;flex-direction:column;align-items:center;gap:1rem;width:max(56px,8rem)}
.tab svg{width:100%;height:auto;fill:none;stroke:var(--or);stroke-width:1.6;stroke-linejoin:round;transition:transform .5s var(--ease),filter .5s}
.tab span{font-size:max(11px,1.4rem);letter-spacing:.14em;text-transform:uppercase;font-weight:300}
@media (hover:hover){.tab:hover svg{transform:translateY(-6px);filter:drop-shadow(0 0 10px rgba(255,128,0,.5))}}
.wPane[hidden],.wMain[hidden]{display:none}
.wPane{animation:paneIn .45s var(--ease)}
@keyframes paneIn{from{opacity:0;transform:translateY(10px)}}
.wPane>p{font-size:2.6rem;line-height:3.4rem}
.plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem 3rem;margin-top:5rem;text-align:left}
.plate{margin:0}
.plate img,.tplate{width:100%;aspect-ratio:16/10;display:block;object-fit:cover;border-radius:6px;box-shadow:0 0 0 1px rgba(255,128,0,.25)}
.plate figcaption{margin-top:1.2rem;font-size:max(13px,1.6rem);line-height:1.35;color:var(--gr2);font-weight:300}
.tplate{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6em;background:repeating-linear-gradient(45deg,rgba(255,128,0,.07) 0 1px,transparent 1px 9px),radial-gradient(70% 60% at 50% 50%,#173a2c,#0d1f1a 80%);overflow:hidden}
.tplate::before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,128,0,.45);border-radius:4px}
.tp-k{font-size:max(10px,1.3rem);letter-spacing:.2em;text-transform:uppercase;color:var(--gr2);font-weight:300}
.tp-n{font-size:6rem;font-weight:200;letter-spacing:.06em;text-transform:uppercase;line-height:1}
.tp-r{width:30%;height:1px;background:var(--or)}
.tplate.big .tp-n{font-size:12rem}.tplate.big .tp-k{font-size:max(12px,1.8rem)}
.shelf{list-style:none;padding:0;margin:5rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.6rem 4rem;text-align:left}
.book a{display:flex;gap:2rem;align-items:stretch;padding:1.6rem 0;border-top:1px solid rgba(255,128,0,.28)}
.book .spine{flex:none;display:flex;align-items:center;justify-content:center;width:max(40px,5.4rem);min-height:max(120px,16rem);border:1.5px solid var(--or);border-radius:5px 5px 2px 2px;background:linear-gradient(90deg,rgba(255,128,0,.04),rgba(255,128,0,.15) 45%,rgba(255,128,0,.04));transition:transform .5s var(--ease),box-shadow .5s;position:relative}
.book .spine::before,.book .spine::after{content:"";position:absolute;left:6px;right:6px;height:1px;background:rgba(255,128,0,.55)}
.book .spine::before{top:12%}.book .spine::after{bottom:12%}
.b-name{writing-mode:vertical-rl;transform:rotate(180deg);font-size:max(15px,2rem);font-weight:300;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.v-txt{display:flex;flex-direction:column;gap:.6rem;min-width:0}
.v-name{font-size:max(19px,3rem);font-weight:300;text-transform:uppercase;letter-spacing:.05em;line-height:1}
.v-tag{align-self:flex-start;font-size:max(10px,1.2rem);letter-spacing:.14em;text-transform:uppercase;color:var(--gr2);border:1px solid currentColor;border-radius:99px;padding:.2rem 1rem}
.v-desc{font-size:max(15px,2rem);line-height:1.38;font-weight:300}
.v-url{font-family:ui-monospace,Menlo,monospace;font-size:max(11px,1.35rem);color:var(--gr2);word-break:break-all}
@media (hover:hover){.book a:hover .spine{transform:translateY(-6px) rotate(-2deg);box-shadow:0 14px 30px -14px rgba(255,128,0,.7)}.book a:hover .v-url{color:var(--or)}}
@media (max-width:700px){.plates,.shelf{grid-template-columns:1fr}.tabs{gap:3rem 5rem}.tab{width:15vw}.wPane>p{font-size:2.4rem;line-height:3.2rem}.v-desc{font-size:15px}}
.symLbl,.btnLbl{display:block;margin-top:1.6rem;font-size:max(12px,1.6rem);letter-spacing:.16em;font-weight:300}
.btnLbl{margin-top:1.2rem}
.textBox h2{margin-bottom:1rem}
.textBox p+p{margin-top:2.4rem}
.xb-map{stroke-width:2.2}
.xb-map circle{stroke-width:1.2}
.exploreBtn{margin-top:6rem}
.socials{flex-direction:column;align-items:center}
.socLbl{margin:0 0 2rem;font-size:max(12px,1.5rem);letter-spacing:.18em;color:var(--gr2);font-weight:300}
.socRow{display:flex;gap:3rem}
/* colophon */
.colophon{padding:21rem 0 10rem}
.colo{width:min(80vw,900px);margin-top:6rem;display:grid;grid-template-columns:1fr;gap:0}
.crow{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:1.6rem 0;border-top:1px solid rgba(255,128,0,.22);align-items:baseline}
.crow:last-child{border-bottom:1px solid rgba(255,128,0,.22)}
.ct{text-align:right;font-size:max(14px,1.8rem);font-weight:300;color:var(--gr2)}
.cv{text-align:left;font-size:max(16px,2.2rem);letter-spacing:.05em}
/* footer */
.pageFooter{position:relative;padding:10rem 0 calc(env(safe-area-inset-bottom) + 4rem);background:linear-gradient(180deg,rgba(11,26,22,0),rgba(11,26,22,.9) 25%)}
.byline p{margin:0;font-size:max(14px,1.8rem);font-weight:300}
.byline .name{font-size:6rem;line-height:1.1;font-weight:200;letter-spacing:.08em;margin-top:1rem}
.contact{margin-top:10rem;display:flex;flex-direction:column;align-items:center}
.contact h3{font-size:5.4rem;font-weight:200;margin:0 0 4rem;letter-spacing:.02em}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:0 8rem;width:min(84vw,800px)}
.cols p{margin:0 0 3rem;font-size:max(13px,1.6rem);line-height:1.5;color:var(--gr2);font-weight:300}
.cols a{color:var(--or);font-size:max(16px,2.3rem);font-weight:200;letter-spacing:.03em;word-break:break-word}
@media (max-width:700px){.cols{grid-template-columns:1fr;gap:0}}
.toTop{display:inline-block;margin-top:5rem;font-size:max(12px,1.5rem);letter-spacing:.16em;color:var(--gr2);font-weight:300}
.toTop:hover{color:var(--or)}
.copy{margin:6rem auto 0;width:84vw;font-size:max(11px,1.3rem);font-weight:300;letter-spacing:.1em;color:#6d7166;text-transform:uppercase;line-height:1.6}

/* reveal */
.reveal{opacity:0;transform:translateY(2.4rem);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.mainTitle span{opacity:1;transform:none}.emblem .em-lem{stroke-dashoffset:0}}

.motionBtn{background:rgba(11,26,22,.55);border-radius:99px;padding:0 12px;height:34px;margin-top:5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.tplate.big .tp-n{font-size:min(12rem,14vw)}
@media (max-width:700px){
 .motionBtn{right:66px;font-size:12px;height:30px;margin-top:7px;padding:0 10px}
 .slides{height:calc(62.5vw + 64px);background:transparent}
 .slide img,.slide .tplate{height:62.5vw}
 .slide figcaption{top:62.5vw;bottom:auto;padding:12px 6vw 0;background:none;color:var(--gr2);font-size:13px;line-height:1.4}
 .arrows .roundBtn{top:31.25vw}
 .sCount{bottom:auto;top:calc(62.5vw - 26px)}
 .crow{grid-template-columns:34% 1fr;gap:5vw}
 .cv{font-size:15px}.ct{font-size:13px}
}

.tplate{container-type:inline-size}.tplate .tp-n{font-size:min(6rem,13cqw)}.tplate.big .tp-n{font-size:min(12rem,13cqw)}

/* bug-fix round: narrow-screen header scrim + compact motion toggle + touch hint */
.hintTouch{display:none}
@media (hover:none),(pointer:coarse){.hintPtr{display:none}.hintTouch{display:inline}}
@media (max-width:700px){
 .siteHeader::before{content:"";position:fixed;top:0;left:0;right:0;height:calc(env(safe-area-inset-top) + 76px);pointer-events:none;background:linear-gradient(to bottom,rgba(11,26,22,.97) 0,rgba(11,26,22,.92) 62%,rgba(11,26,22,.55) 82%,rgba(11,26,22,0) 100%);transition:opacity .35s var(--ease)}
 .menuOpen .siteHeader::before{opacity:0}
}
@media (max-width:480px){
 .motionBtn{width:34px;height:34px;padding:0;margin-top:5px;right:68px;justify-content:center;border:1px solid rgba(111,174,126,.45);background:rgba(11,26,22,.6)}
 .motionBtn span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .motionBtn::before{content:"";display:block;width:9px;height:11px;box-sizing:border-box;border-left:2.5px solid var(--gr2);border-right:2.5px solid var(--gr2)}
 html.still .motionBtn::before{width:0;height:0;margin-left:3px;border-right:0;border-left:10px solid var(--gr2);border-top:6px solid transparent;border-bottom:6px solid transparent}
}