:root{--blue:#0755f5;--ink:#111;--pale:#f2f6ff;--line:#c9d8f6;--paper:#fff;--sans:'Noto Sans JP',sans-serif;--serif:'Noto Serif JP',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--serif);font-weight:400}a{color:inherit;text-decoration:none}.sans{font-family:var(--sans)}
.site-header{height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:30;border-bottom:1px solid color-mix(in srgb,var(--blue) 20%,transparent);background:#ffffffec;backdrop-filter:blur(12px)}.logo{font:600 31px/1 Arial,sans-serif;letter-spacing:-.075em;color:var(--blue)}nav{display:flex;gap:7px}nav a{font:500 10px/1 var(--sans);letter-spacing:.04em;padding:11px 16px;border:1px solid var(--ink);border-radius:30px}.talk{color:#fff;background:var(--blue);border-color:var(--blue)}.menu{display:none;border:0;background:none;color:var(--blue);font:500 11px var(--sans)}
.chapter{position:relative;min-height:100svh;padding:120px 7vw 8vw;overflow:hidden}.chapter-label{position:absolute;top:112px;left:4vw;display:flex;flex-direction:column;gap:8px;color:var(--blue);font-size:9px;letter-spacing:.13em;line-height:1}.chapter-label span:first-child{font-size:20px;letter-spacing:0}.meta{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.13em;color:var(--blue)}
.cover{min-height:100svh;padding:106px 4vw 5vw;background:var(--pale);display:flex;flex-direction:column}.cover-copy{position:relative;z-index:2;margin:auto 3vw 2vh}.kicker{color:var(--blue);font-size:11px;letter-spacing:.11em;margin:0 0 30px}.cover h1{font-size:clamp(48px,7.2vw,108px);font-weight:400;line-height:1.35;letter-spacing:-.07em;margin:0;color:var(--blue)}.cover h1 em{font-style:normal}.intro{font-size:clamp(13px,1.15vw,17px);line-height:2.25;margin:45px 0 0 38vw}.map{position:absolute;width:min(46vw,640px);right:3vw;top:12%;color:var(--blue);opacity:.07;transform:rotate(-8deg)}.map svg{display:block;width:100%}.map path,.map ellipse{fill:currentColor}.map .main-island{fill:none;stroke:currentColor;stroke-width:17;stroke-linecap:round;stroke-linejoin:round}.dots i{position:absolute;z-index:1;width:8px;height:8px;border-radius:50%;background:var(--blue)}.dots i:nth-child(1){right:20%;top:24%}.dots i:nth-child(2){right:10%;top:42%;width:4px;height:4px}.dots i:nth-child(3){right:27%;top:55%;width:13px;height:13px}.dots i:nth-child(4){right:8%;top:68%;width:6px;height:6px;opacity:.5}.dots i:nth-child(5){right:39%;top:39%;width:5px;height:5px;opacity:.45}.scroll{position:absolute;right:4vw;bottom:4vw;color:var(--blue);font-size:9px;letter-spacing:.14em}.scroll span{font-size:16px;margin-left:8px}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:center}.statement p{font-size:13px;line-height:2;margin:0 0 7vh}.statement h2,.blue h2,.time h2,.notes h2,.edit h2,.deliver h2,.landscape h2,.finale h2{font-size:clamp(52px,7.5vw,112px);line-height:1.25;letter-spacing:-.075em;font-weight:400;margin:0}.body-copy{align-self:end;margin-bottom:4vh}.body-copy p,.blue-copy>p,.time-copy p,.edit-grid p,.deliver-copy p,.landscape-copy p,.final-copy p{font-size:clamp(13px,1.12vw,17px);line-height:2.45;margin:0 0 25px}
.blue{color:#fff;background:var(--blue)}.blue .chapter-label{color:#fff}.blue-copy{position:relative;z-index:2;margin-left:18vw}.blue-copy .small{margin-bottom:7vh}.blue h2{font-size:clamp(70px,11vw,164px);margin:0 0 7vh}.orbit{position:absolute;width:76vw;height:40vw;left:-20vw;bottom:-24vw;border:1px solid #fff;border-radius:50%;transform:rotate(10deg);opacity:.5}
.time{background:#f6f2e8}.seasons{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);color:#e8e1d3}.seasons span{display:grid;place-items:center;border-right:1px solid #e5dece;font-size:clamp(100px,16vw,240px);font-weight:500}.time-copy{position:relative;z-index:2;width:min(700px,68vw);margin:auto;background:#fffffff0;padding:6vw}.time h2{color:var(--blue);margin-bottom:6vh}
.notes{min-height:115svh;background:#fff}.notes h2{position:absolute;left:25%;top:41%;color:var(--blue)}.note{position:absolute;color:var(--blue);font-size:clamp(24px,4vw,60px);line-height:1.4;margin:0}.n1{left:8%;top:16%;transform:rotate(-4deg)}.n2{right:8%;top:24%;transform:rotate(3deg)}.n3{right:12%;bottom:21%;transform:rotate(-5deg)}.n4{left:8%;bottom:12%;font-size:clamp(20px,3vw,46px)}.notes-body{position:absolute;right:8%;top:47%;font-size:13px;line-height:2.2}
.edit{background:var(--pale)}.edit-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:9vw;align-items:end;margin-top:12vh}.edit h2 em{color:var(--blue);font-style:normal}.deliver{display:flex;flex-direction:column;justify-content:center}.deliver-copy{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:end}.deliver h2{color:var(--blue)}.forms{list-style:none;margin:11vh 0 0;padding:17px 0;border-top:1px solid var(--blue);border-bottom:1px solid var(--blue);display:flex;justify-content:space-between;color:var(--blue);font-size:10px;letter-spacing:.12em}
.landscape{background:#eaf1ff}.landscape-copy{max-width:940px;margin:6vh auto 0}.landscape h2{color:var(--blue);margin:8vh 0;text-align:center}.landscape-copy>p:last-child{margin-left:auto;width:55%}.finale{color:#fff;background:#111;display:flex;align-items:center}.finale .chapter-label{color:#8eaeff}.final-copy{position:relative;z-index:2;margin-left:12vw}.finale h2{font-size:clamp(62px,9vw,138px);margin:6vh 0;color:#fff}.final-dots{position:absolute;inset:0;background-image:radial-gradient(circle,#2870ff 0 3px,transparent 4px);background-size:12vw 12vw;opacity:.18;transform:rotate(8deg) scale(1.2)}
.contact{padding:12vw 7vw;background:var(--pale)}.contact>p{color:var(--blue);font-size:10px;letter-spacing:.14em}.contact h2{font-size:clamp(38px,5.5vw,82px);line-height:1.55;font-weight:400;letter-spacing:-.05em;margin:4vh 0 7vh}.contact>a{display:inline-flex;gap:70px;align-items:center;padding:18px 26px;border-radius:40px;background:var(--blue);color:#fff;font:500 12px var(--sans)}footer{background:var(--blue);color:#fff;padding:5vw 4vw 28px}.footer-logo{display:block;font:600 clamp(82px,17vw,250px)/.85 Arial,sans-serif;letter-spacing:-.085em}.footer-row{display:flex;justify-content:space-between;margin-top:5vw;padding-top:16px;border-top:1px solid #ffffff70;font-size:9px;letter-spacing:.12em}
.reveal{opacity:0;transform:translateY(42px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.site-header{height:66px;padding:0 5vw}.logo{font-size:27px}nav{display:none;position:absolute;top:66px;left:0;right:0;padding:16px;background:#fff;flex-direction:column}nav.open{display:flex}nav a{text-align:center}.menu{display:block}.chapter{min-height:100svh;padding:100px 7vw 15vw}.chapter-label{top:84px;left:7vw}.chapter-label span:first-child{font-size:15px}.meta span:nth-child(2){display:none}.cover{padding:88px 6vw 7vw;aspect-ratio:3/4;min-height:min(100svh,178vw)}.cover-copy{margin:auto 0 4vh}.kicker{margin-bottom:22px}.cover h1{font-size:11.5vw;line-height:1.48}.intro{font-size:11px;line-height:2.2;margin:35px 0 0 18vw}.map{width:92vw;right:-24vw;top:12%}.scroll{right:6vw;bottom:5vw}.split{display:block}.statement{margin-top:18vh}.statement h2,.blue h2,.time h2,.notes h2,.edit h2,.deliver h2,.landscape h2,.finale h2{font-size:13vw}.body-copy{margin:13vh 0 0 14vw}.body-copy p,.blue-copy>p,.time-copy p,.edit-grid p,.deliver-copy p,.landscape-copy p,.final-copy p{font-size:12px;line-height:2.35}.blue-copy{margin:12vh 0 0 8vw}.blue h2{font-size:21vw;line-height:1.2}.orbit{width:130vw;height:80vw;left:-60vw;bottom:-35vw}.seasons{grid-template-columns:1fr}.seasons span{position:absolute;border:0;font-size:34vw}.seasons span:nth-child(1){left:2%;top:1%}.seasons span:nth-child(2){right:3%;top:20%}.seasons span:nth-child(3){left:3%;bottom:17%}.seasons span:nth-child(4){right:3%;bottom:0}.time-copy{width:88vw;margin:11vh auto 0;padding:8vw}.notes{min-height:110svh}.notes h2{left:8%;top:43%}.note{font-size:8vw}.n1{left:7%;top:14%}.n2{right:6%;top:28%}.n3{right:7%;bottom:19%}.n4{left:7%;bottom:8%;font-size:6vw}.notes-body{right:7%;top:61%;font-size:11px}.edit-grid,.deliver-copy{display:block;margin-top:14vh}.edit-grid>div,.deliver-copy>p{margin:10vh 0 0 14vw}.forms{margin-top:10vh;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.landscape-copy{margin-top:10vh}.landscape h2{text-align:left;margin:9vh 0;font-size:14vw}.landscape-copy>p:last-child{width:86%;margin-left:14%}.final-copy{margin:11vh 0 0}.finale h2{font-size:15vw;line-height:1.35}.final-dots{background-size:28vw 28vw}.contact{padding:24vw 7vw}.contact h2{font-size:10vw}.footer-row{gap:15px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}