:root{--base:#f7f5f1;--ink:#23211e;--accent:#83643a;--sky:#2e5e78;--muted:#635f55;--line:color-mix(in srgb,var(--ink) 28%,transparent);--sage:#d5dacb;--sand:#e6ddca;--peach:#e8d0c3;--en:'Cormorant Garamond',serif;--serif:'Zen Old Mincho',serif;--sans:'Zen Kaku Gothic New',sans-serif;--gutter:clamp(24px,6vw,96px);--gap:clamp(72px,10vw,150px);--s:12px;--m:24px;--l:40px;--white:#fff;--dark:#161c1b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--base);color:var(--ink);font:15px/1.9 var(--sans)}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;object-fit:cover}p,figure{margin:0}header{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:var(--m) var(--gutter);color:var(--white)}.brand{font:500 29px/1 var(--en);letter-spacing:.08em;text-decoration:none}.brand span{display:block;font:9px/1 var(--sans);letter-spacing:.13em;margin-top:var(--s)}nav{display:flex;gap:var(--l);font:20px var(--en)}nav a{text-decoration:none}.draft-link{font:12px var(--sans)}.skip{position:fixed;top:-100px;z-index:100;background:var(--base)}.skip:focus{top:var(--s);left:var(--s)}.opening__sticky{position:relative;overflow:hidden}.film{position:absolute;inset:0 0 auto;height:100svh;background:var(--dark)}.film img,.film video,.film__shade{position:absolute;width:100%;height:100%;object-fit:cover}.film__shade{background:color-mix(in srgb,var(--dark) 43%,transparent)}.hero-copy{position:relative;z-index:2;min-height:100svh;padding:clamp(150px,22vh,240px) var(--gutter) 160px;color:var(--white)}.eyebrow,.section-meta,.asset-tag,.scroll-note,.layer-label{font:10px/1.7 var(--sans);letter-spacing:.14em}.display{font:400 clamp(65px,8.2vw,132px)/.92 var(--en);letter-spacing:-.035em}.display em{font-weight:400}.hero-copy .display{margin:var(--l) 0}.p-front-mv__title{font:400 clamp(13px,1.3vw,18px)/2 var(--serif);margin:0}.p-front-mv__title__line{display:block}.hero-link{font-size:12px;margin-top:var(--m)}.land-band{position:absolute;z-index:3;top:calc(100svh - 95px);left:-5%;width:110%;height:200px;background:var(--sage);border-radius:55% 36% 0 0/45% 35% 0 0;transform:rotate(-3deg);pointer-events:none}.land-band span{position:absolute;top:55px;left:10%;font-size:10px;color:var(--muted);letter-spacing:.1em;transform:rotate(3deg)}.layer-label{position:absolute;top:calc(100svh - 150px);right:var(--gutter);z-index:3;color:var(--white)}.arrival{position:relative;z-index:4;min-height:660px;padding:120px var(--gutter) var(--gap);background:var(--sage)}.arrival .display{margin:var(--l) 0}.arrival__ja{font:500 28px/1.8 var(--serif)}.annotation{position:absolute;right:var(--gutter);bottom:90px;color:var(--muted);font-size:12px;line-height:2}.scroll-note{position:absolute;right:var(--gutter);top:70vh;z-index:3;color:var(--white);writing-mode:vertical-rl}.scroll-note span{margin-top:var(--m)}.field{background:var(--sage);padding:var(--gap) var(--gutter) var(--m);overflow:hidden}.section-meta{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:var(--gap)}.field__heading{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--l);align-items:center}.field__heading .display{font-size:clamp(60px,7vw,108px)}.lead{font:500 30px/1.7 var(--serif);margin-bottom:var(--m)}small{font-size:10px;color:var(--muted)}.field__stage{position:relative;margin-top:var(--gap);padding-bottom:100px}.art-area{position:relative;border:1px dashed var(--muted);color:var(--muted);padding:var(--m);background:color-mix(in srgb,var(--base) 28%,transparent)}.art-area p{font:400 20px/1.8 var(--serif);margin-top:var(--m)}.art-area>span:last-of-type{font-size:12px}.art-area--panorama{height:560px;border-radius:40% 38% 3% 3%/10% 12% 3% 3%;padding:70px var(--l)}.wire-house{position:absolute;right:7%;bottom:90px;width:28%;height:180px;border:1px solid var(--line);background:var(--sand);display:grid;place-items:center;transform:skewY(-4deg)}.wire-fence{position:absolute;bottom:55px;left:4%;width:88%;height:85px;border-block:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0 23px,var(--line) 23px 24px)}.wire-marker{position:absolute;left:54%;bottom:15px;width:90px;height:45px;border:1px solid var(--muted);border-radius:50%;text-align:center;font:28px var(--en)}.photo{background:var(--base);padding:var(--s);position:relative;z-index:2}.photo img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;filter:saturate(.8)}.photo figcaption{padding:var(--s) 0 0;font-size:10px;color:var(--muted)}.photo figcaption span{display:block;font:italic 25px/1.2 var(--en);color:var(--ink);margin-bottom:6px}.photo--field{width:40%;position:absolute;left:5%;bottom:var(--l);transform:rotate(-5deg)}.field__note{margin-top:var(--m);margin-left:52%;font-size:12px;color:var(--muted)}.mission{padding:var(--gap) var(--gutter);position:relative;background:var(--base);border-radius:50% 10% 0 0/40px 30px 0 0;margin-top:-1px}.mission__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center}.mission__scene>.display{font-size:clamp(65px,7vw,100px);position:relative;z-index:3;margin-bottom:-15px}.art-area--people{height:310px;padding-top:65px;background:var(--peach);border-radius:47% 43% 30% 25%/18% 30% 30% 25%}.photo--learning{width:80%;margin:-70px 0 0 14%;transform:rotate(4deg)}.aside-copy{font-size:12px;line-height:2.2;margin-top:var(--l);color:var(--muted)}.mission-side .label{font:italic 27px var(--en);color:var(--accent)}.mission-side h2{font:500 clamp(28px,3vw,45px)/1.75 var(--serif);margin:var(--m) 0 var(--l)}.mission-side>p{font-size:14px;line-height:2.4;max-width:32em}.tlink{display:inline-block;margin-top:var(--l);font:22px var(--en)}.next{padding:var(--gap) var(--gutter);background:var(--sand);text-align:center}.next>span{font:11px var(--sans);letter-spacing:.18em}.next p{font:25px var(--serif);margin:var(--l) 0}.next small{display:block;margin-top:var(--m)}.draft-badge{position:fixed;bottom:var(--s);left:var(--s);z-index:20;padding:8px var(--s);background:var(--ink);color:var(--base);font:9px var(--sans);letter-spacing:.06em;pointer-events:none}.draft-badge span{margin-left:var(--s);opacity:.7}
@media(min-width:960px){.is-enhanced .opening{height:230vh}.is-enhanced .opening__sticky{position:sticky;top:0;height:100vh;background:var(--sage)}.is-enhanced .arrival{position:absolute;inset:0;min-height:0;display:flex;flex-direction:column;justify-content:center;padding-block:110px;background:transparent}.is-enhanced .land-band{top:calc(100vh - 95px);height:120vh}.is-enhanced .hero-copy{min-height:100vh}.is-enhanced .annotation{bottom:60px}}
@media(max-width:959px){header{padding:var(--m)}.brand{font-size:23px}nav{gap:var(--s)}nav>a:not(.draft-link){display:none}.hero-copy{padding-top:170px}.hero-copy .display{font-size:clamp(61px,10vw,90px)}.hero-copy{padding-bottom:170px}.layer-label{font-size:9px;top:calc(100svh - 125px)}.arrival{min-height:600px;padding-top:110px}.arrival .display{font-size:clamp(59px,9vw,88px)}.arrival__ja{font-size:23px}.annotation{position:static;margin-top:var(--l)}.section-meta{font-size:8px;gap:var(--m);margin-bottom:var(--l)}.section-meta span:last-child{text-align:right}.field__heading{grid-template-columns:1fr;gap:var(--l)}.field__heading .display{font-size:65px}.lead{font-size:26px}.field__stage{margin-top:var(--l);padding-bottom:var(--l)}.art-area--panorama{height:400px;padding:var(--l) var(--m)}.art-area p{font-size:17px}.wire-house{bottom:60px;width:40%;height:100px}.wire-fence{bottom:30px;height:55px}.wire-marker{left:40%;bottom:8px}.photo--field{position:relative;left:auto;bottom:auto;width:88%;margin:-80px 0 0 3%;transform:rotate(-3deg)}.field__note{margin:var(--l) 0 0}.mission__grid{grid-template-columns:1fr;gap:var(--gap)}.mission-side h2{font-size:31px}.mission__scene>.display{font-size:80px}.next p{font-size:22px}.scroll-note{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}