:root{--ink:#17191d;--muted:#686b70;--line:#d8d9dc;--paper:#fff;--soft:#f2f3f4;--accent:#c9a66b;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Noto Sans JP',sans-serif;line-height:1.85;letter-spacing:.025em}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 96px));margin:auto}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 max(48px,calc((100vw - var(--max))/2));background:#fff;position:relative;z-index:20;border-bottom:1px solid #eee}.brand{font-weight:700;font-size:15px}.site-header nav{display:flex;gap:34px;font-family:Roboto Mono,monospace;font-size:11px;letter-spacing:.08em}.site-header nav a:hover{opacity:.5}.hero{height:700px;position:relative;color:#fff;background-image:linear-gradient(90deg,rgba(8,10,13,.58) 0%,rgba(8,10,13,.32) 43%,rgba(8,10,13,.05) 75%),url('/assets/hero.png');background-size:cover;background-position:center 48%;isolation:isolate}.hero:after{content:"";position:absolute;inset:auto 0 0;height:124px;background:rgba(7,8,10,.68);z-index:-1}.hero__inner{width:min(var(--max),calc(100% - 96px));margin:auto;padding-top:96px;text-shadow:0 2px 24px rgba(0,0,0,.32)}.eyebrow,.label{font-family:Roboto Mono,monospace;font-size:11px;letter-spacing:.17em;font-weight:600}.light{color:rgba(255,255,255,.78)}h1{font-size:54px;line-height:1.42;letter-spacing:.045em;margin:21px 0 22px;font-weight:600}.hero__lead{font-size:16px;line-height:2;margin:0;color:rgba(255,255,255,.94)}.hero__scope{margin-top:40px;display:flex;gap:26px;align-items:flex-start}.hero__scope span{border:1px solid rgba(255,255,255,.7);padding:5px 11px;font-size:11px}.hero__scope p{margin:-4px 0 0;font-size:13px;line-height:2}.proof{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:124px;width:min(var(--max),calc(100% - 96px));display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.proof span{font-size:12px;text-align:center;border-right:1px solid rgba(255,255,255,.3);padding:10px}.proof span:first-child{border-left:1px solid rgba(255,255,255,.3)}.section{padding:130px 0}.section-head{margin-bottom:72px}.section-head .eyebrow{color:#777;margin:0 0 22px}.section-head h2{font-size:36px;line-height:1.6;letter-spacing:.045em;margin:0;font-weight:600}.section-head>p:last-child:not(.eyebrow){color:var(--muted);margin:20px 0 0}.overview{display:grid;grid-template-columns:5fr 7fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:38px 0;margin-bottom:120px;gap:64px}.overview h3{font-size:23px;margin:12px 0}.overview dl{margin:0}.overview dl>div{display:grid;grid-template-columns:70px 1fr;border-bottom:1px solid var(--line);padding:11px 0}.overview dl>div:last-child{border:0}.overview dt{font-size:11px;color:var(--muted)}.overview dd{margin:0;font-size:13px}.process{padding:0 0 116px;margin:0 0 116px;border-bottom:1px solid var(--line)}.process:last-child{margin-bottom:0}.step{display:flex;align-items:center;gap:18px;font-family:Roboto Mono,monospace;font-size:11px}.step b{background:var(--ink);color:#fff;padding:7px 12px}.step span{color:#888}.process>h3{font-size:29px;margin:24px 0 50px}.input-map{background:var(--soft);padding:32px;margin-bottom:24px}.input-map>p{text-align:center;font-size:12px;color:var(--muted);margin:0 0 25px}.input-map>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.input-map span{background:#fff;padding:22px;font-size:14px}.input-map span b{color:var(--accent);margin-right:13px}.input-map small{display:block;margin:8px 0 0 34px;color:var(--muted)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.note-card{border:1px solid var(--line);padding:32px 36px;min-height:200px}.note-card h4{font-size:20px;margin:12px 0}.note-card li{font-size:13px}.note-card.dark{background:var(--ink);color:#fff;border-color:var(--ink);display:flex;flex-direction:column;justify-content:center}.note-card.dark p:last-child{font-size:16px}.priority{height:330px;background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;margin-bottom:24px}.priority p,.priority strong,.priority span,.priority small{margin:0;padding:9px 40px;border-bottom:1px solid #bbb}.priority strong{font-size:22px}.judgments{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.judgments>div{background:#fff;padding:32px;min-height:190px}.judgments b{font:500 11px Roboto Mono;color:#9b7c49}.judgments h4{font-size:16px;line-height:1.8}.design-output{display:grid;grid-template-columns:1fr 1fr;gap:24px}.design-output figure{margin:0;background:var(--soft);padding:24px}.design-output img{height:390px;object-fit:cover;object-position:top}.design-output figcaption{font-size:11px;color:var(--muted);margin-top:14px}.result{margin-top:24px;background:var(--ink);color:#fff;padding:36px 44px;display:grid;grid-template-columns:190px 1fr;gap:30px}.result p{margin:0}.result p:last-child{font-size:14px}.works{background:var(--soft)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.work-card{background:#fff;padding-bottom:30px}.work-card h3,.work-card p,.work-card small{margin-left:26px;margin-right:26px}.work-card h3{font-size:19px;margin-top:25px}.work-card p{font-size:12px;color:#555}.work-card small{display:block;border-top:1px solid var(--line);padding-top:15px;color:#777;line-height:1.7}.work-shot{height:250px;background-size:cover;background-position:top;position:relative}.work-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 60%)}.work-shot span{position:absolute;z-index:1;left:20px;bottom:17px;color:#fff;font:500 10px Roboto Mono}.work-shot--hive{background-image:linear-gradient(135deg,#d9dde0,#747d84)}.work-shot--ten{background-image:linear-gradient(135deg,#d4cdc3,#756455)}.work-shot--keji{background-image:linear-gradient(135deg,#d9ded9,#60726a)}.skills{padding:110px 0}.skills .section-head{display:grid;grid-template-columns:1fr 2fr;margin-bottom:50px}.skills .section-head .eyebrow{grid-row:1}.skills .section-head h2{grid-column:2}.skill-list{border-top:1px solid var(--ink)}.skill-list>div{display:grid;grid-template-columns:1fr 2fr;padding:25px 0;border-bottom:1px solid var(--line)}.skill-list b{font-size:15px}.skill-list span{font-size:13px;color:var(--muted)}.support{background:#fff}.support-list{display:flex;flex-direction:column;gap:72px}.support-card{display:grid;grid-template-columns:7fr 5fr;min-height:510px;background:var(--soft)}.support-card:nth-child(even){grid-template-columns:5fr 7fr}.support-card:nth-child(even) img{order:2}.support-card img{height:100%;min-height:510px;object-fit:cover}.support-card>div{padding:55px 48px;align-self:center}.support-card h3{font-size:27px;line-height:1.65;margin:14px 0 29px}.support-card b{display:block;font:600 10px Roboto Mono;letter-spacing:.15em;margin-top:20px}.support-card p:not(.eyebrow){font-size:12px;color:#555;line-height:1.9}.profile{background:var(--soft)}.profile-panel{background:#fff;padding:64px 72px}.profile-intro{display:grid;grid-template-columns:1fr 2fr;align-items:start;padding-bottom:40px;border-bottom:1px solid var(--ink)}.profile-intro .label{grid-column:1}.profile-intro h3{grid-column:1;font-size:28px;margin:8px 0 0}.profile-intro p:last-child{grid-column:2;grid-row:1/3;align-self:center;color:var(--muted);font-size:13px}.timeline article{display:grid;grid-template-columns:170px 340px 1fr;padding:30px 0;border-bottom:1px solid var(--line);gap:28px;align-items:start}.timeline time{font:500 12px Roboto Mono;color:#957844}.timeline h4{margin:0;font-size:16px}.timeline p{margin:0;font-size:12px;color:var(--muted)}.closing{font-size:20px;text-align:center;margin:52px 0 4px}footer{height:120px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 max(48px,calc((100vw - var(--max))/2))}footer p{font-size:13px}footer small{font:500 9px Roboto Mono;color:#aaa}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.container,.hero__inner,.proof{width:min(100% - 40px,var(--max))}.site-header{height:72px;padding:0 20px}.site-header nav{display:none}.hero{height:690px}.hero__inner{padding-top:72px}h1{font-size:39px}.hero__lead br{display:none}.proof{grid-template-columns:1fr 1fr;height:150px}.hero:after{height:150px}.section{padding:88px 0}.section-head{margin-bottom:48px}.section-head h2{font-size:27px}.overview,.two-cols,.work-grid,.support-card,.support-card:nth-child(even),.profile-intro,.timeline article,.skills .section-head,.skill-list>div,.result{grid-template-columns:1fr}.overview{gap:20px}.input-map>div,.judgments{grid-template-columns:1fr}.design-output{grid-template-columns:1fr}.support-card:nth-child(even) img{order:0}.support-card img{min-height:300px;height:300px}.profile-panel{padding:42px 28px}.profile-intro p:last-child{grid-column:1;grid-row:auto}.timeline article{gap:8px}.skills .section-head h2{grid-column:1}.work-shot{height:310px}}
@media(max-width:560px){.hero{height:730px}.hero__inner{width:calc(100% - 40px);padding-top:58px}h1{font-size:32px}.hero__scope{display:block}.hero__scope p{margin-top:14px}.proof{width:100%;bottom:0}.proof span{font-size:10px}.section-head h2{font-size:23px}.process>h3{font-size:23px}.container{width:calc(100% - 40px)}.work-grid{gap:22px}.support-card>div{padding:38px 26px}.support-card h3{font-size:22px}.design-output img{height:300px}footer{padding:0 20px}footer small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}