.temple{--accent:#81e0c8}.dream{--accent:#e3bf76}.water{--accent:#94dbea}.meta{--accent:#d1bb91}
html{scroll-padding-top:64px}.site-header nav{font-size:14px}.hero .eyebrow,.world .eyebrow{font-size:12px}.hero-bottom .scroll-link{font-size:12px}
.world{padding-bottom:140px;min-height:840px}.world-bottom{position:absolute;bottom:40px;left:5.6%;right:5.6%;display:flex;align-items:center;justify-content:space-between;color:#c6cbbf;font-size:12px;gap:24px}.world-bottom>a{font-size:13px}.world-bottom>a>span{margin-left:16px}.world-count{font:500 28px/1 var(--display);color:var(--accent)}.world-count i{font:400 14px var(--body);color:#ffffff70;font-style:normal;margin-left:4px}
.lost .world-backdrop{object-position:68% 45%}.lost .world-shade{background:linear-gradient(90deg,#17170eee 0%,#17170e45 48%,#17170eab 70%,#17170eee 100%),linear-gradient(0deg,#17170e,transparent 50%)}.temple .world-shade{background:linear-gradient(90deg,#062b28e8,#062b2850 50%,#061c23df),linear-gradient(0deg,#0d201a,transparent 60%)}.dream .world-backdrop{object-position:center}.dream .world-shade{background:linear-gradient(90deg,#0b0d25f0,#15132660 50%,#0d0b22ef),linear-gradient(0deg,#13121e,transparent 60%)}.dream h2{font-size:clamp(64px,7.4vw,116px)}.dream h2>span{font-size:.83em}.water .world-shade{background:linear-gradient(90deg,#05283ce8,#05283c3a 50%,#092637e8),linear-gradient(0deg,#10242a,transparent 55%)}.meta h2{font-size:clamp(64px,7.4vw,110px)}.meta h2>span{font-size:.72em}.meta .world-shade{background:linear-gradient(90deg,#191b15eb,#191b1540 50%,#131911e6),linear-gradient(0deg,#171c16,transparent 60%)}
.gallery-wrap{padding:32px 5.6% 65px;background:#161b15;border-bottom:1px solid #ffffff18}.gallery-wrap.lost{background:#17170e;--accent:#e5ae6c}.gallery-wrap.temple{background:#0d201a}.gallery-wrap.dream{background:#13121e}.gallery-wrap.water{background:#10242a}.gallery-wrap.meta{background:#171c16}.gallery-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.gallery-intro .eyebrow{color:var(--accent);font-size:12px}.gallery-intro>p:last-child{font-size:12px;color:#9ca499}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-2{grid-template-columns:repeat(2,1fr)}.art-card{padding:0;background:#000;position:relative;overflow:hidden;min-width:0;text-align:left;aspect-ratio:1.6;border:1px solid #ffffff1c}.art-card::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#070d0aeb);pointer-events:none}.art-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .3s}.art-card:hover img{transform:scale(1.05);filter:brightness(1.08)}.art-card .art-text{position:absolute;left:22px;right:35px;bottom:18px;z-index:1;display:flex;flex-direction:column;gap:6px}.art-text strong{font-size:16px;line-height:1.3;font-weight:600}.art-text small{font-size:12px;color:#d0d4c9;line-height:1.4}.expand-icon{position:absolute;top:15px;right:18px;font-size:22px;text-shadow:0 1px 6px #000}
.water-sites{padding:30px 0 0;display:grid;grid-template-columns:160px 1fr;gap:15px 30px}.water-sites>p:nth-child(2){font-size:17px}.water-sites span{color:var(--accent);margin:0 8px}.water-sites small{grid-column:2;font-size:12px;color:#a8bbc0;line-height:1.7}
.initiative{background:#f0eee7;color:#18211c;padding:110px 7%;display:grid;grid-template-columns:1fr 1.3fr;gap:8%;align-items:center}.initiative-brand{text-align:center}.initiative-brand img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.initiative-brand .eyebrow{justify-content:center;margin-top:15px;color:#62685d}.initiative-copy>.eyebrow{color:#8b542e;font-size:12px;margin-bottom:22px}.initiative h2{font:600 clamp(50px,5vw,80px)/.97 var(--display);letter-spacing:-.5px;margin-bottom:25px}.initiative-copy>p:not(.eyebrow){font-size:16px;color:#48534a;max-width:610px}.founder{margin:32px 0}.founder>span{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#596552;display:block;margin-bottom:9px}.founder strong{font-size:19px;display:block;font-weight:600}.founder p{font-size:14px;margin-top:7px;color:#586552}.initiative .button{background:#1c2b22;color:#f0eee7}.initiative .button:hover{background:#344b3b}
footer{background:#101811;color:#c7d0bf;border-top:1px solid #ffffff20;padding:38px 5.6%}footer>p{font-size:12px;color:#9daa95}footer>a{font-size:14px;text-decoration:none}footer .brand small{font-size:12px;letter-spacing:2px}footer .brand>span{font-size:33px}
.art-dialog{padding:0;background:#111512;color:#efeee8;border:1px solid #ffffff28;max-width:min(1100px,94vw);width:max-content;max-height:95svh;overflow:auto}.art-dialog::backdrop{background:#030805ec;backdrop-filter:blur(10px)}.art-dialog figure{margin:0;padding:50px 45px 20px}.art-dialog figure img{display:block;max-width:100%;max-height:70svh;object-fit:contain;width:auto;margin:auto}.art-dialog figcaption{text-align:center;font-size:14px;line-height:1.6;margin-top:20px}.close-dialog{position:absolute;top:8px;right:10px;width:42px;height:42px;font-size:28px;background:#111512d9;border-radius:50%;z-index:3}.dialog-controls{display:flex;align-items:center;justify-content:center;gap:25px;padding:0 25px 25px}.dialog-controls button{width:44px;height:44px;border:1px solid #ffffff3b;background:transparent;font-size:21px}.dialog-controls span{font-size:12px;color:#a6b19f}.dialog-open{overflow:hidden}
.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.motion-ready .reveal.is-visible{opacity:1;transform:none}.world-story.reveal{transition-delay:.12s}.play-icon{font-size:19px;line-height:1}.world .button{gap:18px}.site-header .brand small{font-size:12px;letter-spacing:3px}.status{font-size:12px}.world-story p{font-size:16px}.translation{font-size:15px}
@media(min-width:1500px){.world{min-height:920px}.world-story{max-width:380px}.world-backdrop{transition:transform 1s}.world.in-view .world-backdrop{transform:scale(1.015)}}
@media(max-width:1000px){.world{gap:7%;padding-top:85px;min-height:860px}.world-story p{font-size:16px}.world h2{font-size:85px}.dream h2{font-size:73px}.meta h2{font-size:clamp(60px,19vw,100px)}.art-card .art-text{left:15px;bottom:14px}.art-text strong{font-size:14px}.gallery{gap:12px}.initiative{padding:80px 6%;gap:5%}}
@media(max-width:700px){.world{display:block;min-height:950px;padding:75px 7% 110px}.world-heading{max-width:500px}.world-story{max-width:460px;justify-self:start;margin-top:55px}.world-story h3 br{display:none}.world-story p{font-size:16px}.world-story h3{margin:18px 0}.world-bottom{left:7%;right:7%;bottom:30px;flex-wrap:wrap;gap:18px}.world-bottom>span:first-child{font-size:12px;max-width:70%}.world-bottom>a{font-size:14px}.world-count{display:none}.world h2{font-size:clamp(75px,16vw,110px)}.dream h2{font-size:clamp(63px,12vw,95px)}.meta h2{font-size:clamp(60px,19vw,100px)}.world .world-shade{background:linear-gradient(90deg,#101911b0,#1019111a),linear-gradient(0deg,#111b16 8%,#111b16e6 36%,#111b1650 75%)}.world.dream .world-shade{background:linear-gradient(90deg,#111123be,#11112340),linear-gradient(0deg,#13121e 3%,#13121ee0 45%,transparent)}.world.water .world-shade{background:linear-gradient(90deg,#10242abd,#10242a20),linear-gradient(0deg,#10242a 3%,#10242ae0 45%,transparent)}.world .world-backdrop{height:65%;object-position:center}.gallery-wrap{padding:25px 7% 40px}.gallery{grid-template-columns:1fr}.art-card{aspect-ratio:1.8}.gallery-intro>p:last-child{display:none}.art-text strong{font-size:17px}.gallery{gap:18px}.water-sites{display:block}.water-sites>p:nth-child(2){font-size:16px;margin:16px 0}.water-sites small{display:block}.initiative{display:flex;flex-direction:column;padding:60px 7%;gap:50px}.initiative-brand{max-width:280px}.initiative h2{font-size:54px}.initiative-brand .eyebrow{margin-top:0}footer{display:flex;flex-wrap:wrap;gap:30px;padding:36px 7%}footer p{order:3;flex:1 1 100%;margin:0}footer>a:last-child{margin-left:auto}.art-dialog{max-width:96vw}.art-dialog figure{padding:55px 14px 18px}.art-dialog figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.world.in-view .world-backdrop{transform:none}}

/* The transparent logo straddles the header rule: cat above, wordmark below. */
.site-header{border-bottom-color:rgba(255,255,255,.65)}
.logo-filters{position:absolute;pointer-events:none;overflow:hidden}
.site-header .brand-cat{--mark-width:156px;--image-width:300px;--image-left:-77px;--cat-height:61px;--cat-offset:-34px;--name-offset:-94px;position:relative;display:block;flex:0 0 auto;align-self:flex-start;width:var(--mark-width);height:124px;top:calc(100% - var(--cat-height) - 6px);overflow:visible;background:none;border-radius:0}
.site-header .brand-cat-part,.site-header .brand-name-part{position:absolute;left:0;width:100%;overflow:hidden;display:block}
.site-header .brand-cat-part{top:0;height:var(--cat-height)}
.site-header .brand-name-part{top:calc(var(--cat-height) + 12px);height:54px}
.site-header .brand-cat img{position:absolute;display:block;width:var(--image-width);height:auto;max-width:none;left:var(--image-left);top:var(--cat-offset);filter:url(#header-logo-white)}
.site-header .brand-name-part img{top:var(--name-offset)}
.initiative-brand img{mix-blend-mode:normal;filter:url(#logo-transparent)}
footer .footer-cat{position:relative;display:block;flex:0 0 auto;width:148px;height:106px;overflow:hidden;background:none}
footer .footer-cat img{position:absolute;display:block;width:285px;height:auto;max-width:none;left:-74px;top:-31px;filter:url(#header-logo-white)}

/* The illustration keeps both characters clear; all copy follows the cat's face on the left. */
.world.lost{display:block;background:#17170e;padding-top:clamp(380px,34vw,620px);min-height:1220px}
.world.lost .world-backdrop{width:100%;height:auto;aspect-ratio:982/792;object-fit:contain;object-position:center top;transform:none}
.world.lost .world-shade{height:calc(100vw * 792 / 982);background:linear-gradient(0deg,#17170e,transparent 52%),linear-gradient(90deg,#17170eaa,transparent 64%)}
.world.lost .world-heading,.world.lost .world-story{max-width:44%;width:520px;margin-left:0;justify-self:start}
.world.lost h2{font-size:clamp(74px,6.7vw,108px)}
.world.lost .world-story{margin-top:34px}
.world.lost .world-story h3{font-size:32px;margin:18px 0}
.world.lost .world-story h3 br{display:none}
.world.lost .world-story p{line-height:1.75}
@media(max-width:1000px){.world.lost{padding-top:calc(100vw * .35);min-height:1160px}.world.lost .world-heading,.world.lost .world-story{max-width:48%;width:480px}.world.lost h2{font-size:76px}}
@media(max-width:700px){.site-header{height:100px}.site-header .brand-cat{--mark-width:114px;--image-width:219px;--image-left:-56px;--cat-height:44px;--cat-offset:-25px;--name-offset:-68px;height:100px}.site-header .brand-name-part{height:42px}.site-header nav{gap:16px;font-size:13px}.world.lost{padding-top:calc(100vw * 792 / 982 + 28px);min-height:0;padding-bottom:125px}.world.lost .world-heading,.world.lost .world-story{width:100%;max-width:100%}.world.lost .world-story{margin-top:40px}.world.lost .world-shade{background:linear-gradient(0deg,#17170e,transparent 38%)}.world.lost .world-backdrop{height:auto}.world.lost h2{font-size:80px}}

