:root{color-scheme:light;--ink:#1b303d;--paper:#e8edf0;font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #36637b;outline-offset:6px}html{scroll-padding-top:110px}.header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:34px 4.4%;gap:24px}.brand{font-family:"Helvetica Neue",Arial,sans-serif;font-size:36px;letter-spacing:-2px;line-height:1;font-weight:500}.brand small{display:block;font-family:"Hiragino Sans",sans-serif;font-size:10px;letter-spacing:.05em;font-weight:400;margin-top:10px}.header nav{display:flex;align-items:center;gap:32px;font-size:12px}.back{border:1px solid #8c9ca6;border-radius:30px;padding:14px 22px}.back span{padding-left:16px}.journey{position:relative;min-height:100svh}.stage{height:100svh;min-height:650px;position:relative;overflow:hidden;isolation:isolate}.motion-enabled .journey{height:430svh}.motion-enabled .stage{position:sticky;top:0}.space{position:absolute;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(125deg,#e4eaee,#fafcfd 66%,#c9d6df)}.atmosphere{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% center;opacity:1}.light{position:absolute;left:67%;top:14%;width:30%;height:75%;background:#fff;filter:blur(50px);opacity:.3}.floor{position:absolute;left:-30%;right:-30%;bottom:-40%;height:70%;background:repeating-linear-gradient(105deg,transparent 0 22%,#a6b9c326 23%,transparent 24% 45%),linear-gradient(#e8eef180,#d0dde7);transform:rotate(-8deg);filter:blur(3px);opacity:0}.gates{position:absolute;inset:0;perspective:1000px;perspective-origin:70% 52%}.gate{position:absolute;left:58%;top:15%;width:30%;height:80%;border:30px solid #bac8d0;border-right-color:#dae2e7;border-left-color:#acbcc7;border-top-color:#f3f7f9;border-bottom-color:#c4d1da;border-radius:7px;box-shadow:inset 1px 0 2px #fff,1px 0 2px #7d939f,13px 14px 30px #6f85952b;transform-origin:center;opacity:0;will-change:transform,opacity}.gate-mid{border-width:17px;border-color:#c4d7df90;border-top-color:#f9fdff;border-left-color:#7697ab70;box-shadow:inset 1px 0 1px #fff,1px 0 2px #668296,6px 8px 15px #69839726}.gate-far{border-width:36px;border-color:#e0e6ea;border-left-color:#b9c8d0;border-top-color:white}.chapter{position:absolute;left:6.3%;top:27%;max-width:65%;will-change:transform,opacity}.chapter h1{font-size:clamp(64px,7.3vw,116px);font-weight:300;letter-spacing:.045em;line-height:1.48;margin:0}.chapter p{font-size:15px;line-height:2;margin:28px 0 0;letter-spacing:.025em}.chapter:not(.chapter-opening){opacity:0;visibility:hidden;top:33%}.chapter>span{font-size:13px;letter-spacing:.05em}.chapter h2{font-size:clamp(38px,4.3vw,66px);line-height:1.6;font-weight:300;letter-spacing:.035em;margin:22px 0}.chapter:not(.chapter-opening) p{font-size:14px;color:#486170;margin:20px 0 0}.journey-footer{position:absolute;bottom:38px;left:4.4%;right:4.4%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.tagline{font-family:"Helvetica Neue",Arial,sans-serif}.progress{display:flex;align-items:center;gap:15px;opacity:0}.progress i{width:50px;height:1px;background:#9bb0bd55;display:block}.progress b{height:1px;width:100%;display:block;background:#526e80;transform:scaleX(0);transform-origin:left}.skip{padding:10px 0}.skip span{margin-left:16px}.scroll-hint{position:absolute;right:4.4%;bottom:92px;font-size:11px;letter-spacing:.04em}.scroll-hint span{padding-left:16px}.work{position:relative;max-width:1600px;margin:auto;padding:120px 6.3% 80px;display:grid;grid-template-columns:42% 58%;column-gap:0;background:var(--paper);min-height:850px;align-content:center}.work-heading{grid-column:1;grid-row:1}.work-heading>p{font-size:12px;color:#526b7b;margin:0 0 32px}.work-heading h2{font-size:clamp(34px,3.4vw,54px);font-weight:300;letter-spacing:.035em;line-height:1.6;margin:0 0 44px}.work-visual{grid-column:2;grid-row:1/3;align-self:center;margin-left:25px;background:#fafcfd;border:12px solid #fafcfd;border-radius:20px;box-shadow:0 20px 55px #344d6219;transform:rotate(-3deg)}.work-visual img{width:100%;height:auto;display:block;border-radius:9px}.work-details{grid-column:1;grid-row:2}.work-details .client{font-size:12px;color:#526b7b}.work-details h3{font-size:23px;font-weight:500;margin:18px 0}.work-details p{font-size:14px;line-height:2}.work-details .scope{font-size:11px;color:#536572}.work-caption{grid-column:1/3;margin:65px 0 0;font-size:11px;color:#536572;font-family:"Helvetica Neue",Arial,sans-serif}.approach{padding:130px 12%;background:#f5f7f8;position:relative}.approach>p:first-child{font-size:12px;color:#526b7b}.approach h2{font-size:clamp(36px,4vw,60px);font-weight:300;line-height:1.6;letter-spacing:.025em;margin:30px 0}.approach-text{font-size:16px;line-height:2.2}.approach a{display:inline-block;margin-top:40px;border-bottom:1px solid #91a3af;padding:15px 0;font-size:13px}.approach a span{padding-left:80px}.prototype-note{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 4.4%;font-size:11px;color:#617582}.prototype-note p{line-height:1.9}.prototype-note a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){html{scroll-padding-top:30px}.header{padding:24px 6%;align-items:flex-start}.brand{font-size:29px}.brand small{font-size:8px}.header nav{gap:14px;font-size:10px}.header nav>a:not(.back){display:none}.back{padding:11px 13px}.back span{padding-left:9px}.stage{min-height:620px}.motion-enabled .journey{height:350svh}.chapter{left:8%;top:21%;max-width:88%}.chapter h1{font-size:clamp(52px,13.5vw,86px);line-height:1.45}.chapter p{font-size:12px;margin-top:24px}.chapter:not(.chapter-opening){top:23%}.chapter h2{font-size:clamp(30px,8vw,48px);line-height:1.65;margin:18px 0}.chapter>span{font-size:11px}.chapter:not(.chapter-opening) p{font-size:12px}.atmosphere{object-position:70% center;opacity:.52}.space:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#e8edf066 35%,transparent 75%);pointer-events:none}.gates{perspective-origin:60% 65%}.gate{left:39%;top:43%;width:47%;height:49%;border-width:20px}.gate-mid{border-width:12px}.gate-far{border-width:24px}.journey-footer{left:6%;right:6%;bottom:25px;flex-wrap:wrap;gap:8px}.tagline{font-size:9px}.progress{order:-1;width:100%;justify-content:center;margin-bottom:17px;gap:10px;font-size:9px}.progress i{width:28px}.skip{font-size:10px}.scroll-hint{right:6%;bottom:91px;font-size:10px}.work{padding:80px 8% 60px;display:flex;flex-direction:column;min-height:0}.work-heading>p{font-size:11px;margin-bottom:24px}.work-heading h2{font-size:32px;margin-bottom:36px}.work-visual{margin:0 0 36px;border-width:7px;transform:rotate(-2deg);border-radius:12px}.work-details h3{font-size:21px}.work-details p{font-size:13px}.work-caption{margin-top:30px;font-size:10px}.approach{padding:80px 8%}.approach h2{font-size:32px}.approach-text{font-size:13px}.prototype-note{padding:25px 8%;display:block;font-size:10px}.prototype-note p{margin:18px 0}}
@media(prefers-reduced-motion:reduce){.motion-enabled .journey{height:auto}.motion-enabled .stage{position:relative}.progress,.gate,.chapter:not(.chapter-opening){display:none!important}.scroll-hint{display:none}.work-visual{transform:none}}