:root{--bg:#070909;--text:#f3f4ef;--muted:#9b9f9d;--line:#292d2b;--acid:#c7ff36;--max:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.wrap{width:min(calc(100% - 80px),var(--max));margin-inline:auto}.kicker{margin:0;color:var(--acid);font-size:12px;font-weight:700;letter-spacing:.2em}.nav{position:absolute;z-index:5;top:0;left:0;width:100%;padding:30px 42px;display:flex;justify-content:space-between;align-items:flex-start}.brand{font-size:19px;font-weight:900;line-height:.8;letter-spacing:-.05em}.nav nav{display:flex;gap:34px;font-size:12px;font-weight:700;letter-spacing:.12em}.nav nav a{padding-bottom:5px;border-bottom:1px solid transparent}.nav nav a:hover{border-color:var(--acid)}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden}.hero>img{position:absolute;inset:0;object-position:center 48%;animation:hero-in 1.2s ease-out both}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.08) 64%),linear-gradient(0deg,rgba(0,0,0,.58),transparent 48%)}.hero-content{position:absolute;left:max(40px,calc((100% - var(--max))/2));bottom:11%;max-width:1100px}.hero h1{margin:20px 0 30px;font-size:clamp(64px,9vw,142px);line-height:.78;letter-spacing:-.075em;font-weight:900}.hero h1 span{color:transparent;-webkit-text-stroke:1.5px #fff}.hero-copy{font-size:18px;line-height:1.8}.hero-index{position:absolute;right:42px;bottom:38px;font-size:11px;line-height:1.8;letter-spacing:.14em}.intro{padding:150px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:40px}.intro h2{margin:0;font-size:clamp(52px,6.7vw,98px);line-height:.95;letter-spacing:-.065em}.intro-grid>p{margin:0;max-width:600px;color:var(--muted);font-size:18px;line-height:2}.case-head{padding:120px 0 100px;border-top:1px solid var(--line);display:grid;grid-template-columns:110px 1.25fr .85fr;gap:5%;align-items:start}.case-no{font-size:12px;color:var(--muted);letter-spacing:.16em}.case-head h2,.film h2,.cta h2{margin:20px 0 0;font-size:clamp(58px,7.6vw,112px);line-height:.82;letter-spacing:-.07em}.case-desc .large{margin:0 0 26px;color:var(--text);font-size:24px;line-height:1.55;font-weight:500}.case-desc p:last-child{color:var(--muted);font-size:16px;line-height:1.95}.chapter{padding-bottom:150px}.chapter-title{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;align-items:end;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:14px}.chapter-title span{color:var(--acid);font-size:12px}.chapter-title h3{margin:0;font-size:clamp(38px,5vw,72px);letter-spacing:-.055em;line-height:.9}.chapter-title p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.competition-grid,.off-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:90px;gap:10px}.competition-grid figure,.off-grid figure,.portrait-grid figure{margin:0;overflow:hidden}.c1{grid-column:1/9;grid-row:1/7}.c2{grid-column:9/13;grid-row:1/5}.c3{grid-column:9/13;grid-row:5/10}.c4{grid-column:1/5;grid-row:7/12}.c5{grid-column:5/13;grid-row:10/15}.c6{grid-column:1/5;grid-row:12/15}.off-chapter{padding-top:20px}.o1{grid-column:1/8;grid-row:1/7}.o2{grid-column:8/13;grid-row:1/6}.o3{grid-column:1/5;grid-row:7/12}.o4{grid-column:5/13;grid-row:7/13}.o5{grid-column:8/13;grid-row:6/7}.o6{grid-column:1/5;grid-row:12/15}.film{padding:130px 0 160px;border-top:1px solid var(--line);display:grid;grid-template-columns:.75fr 1.25fr;gap:7%;align-items:end}.film>div:first-child>p:last-child{color:var(--muted);font-size:16px;line-height:1.9;margin:35px 0 0}.video{aspect-ratio:16/9;background:#111}.video iframe{width:100%;height:100%;border:0}.portrait-case{padding:40px 0 150px;background:#e8e9e4;color:#080a09}.portrait-head{border-color:#c8cbc5}.portrait-head .kicker,.portrait-case .portable .kicker{color:#557300}.portrait-case .case-desc p:last-child{color:#585d59}.portrait-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:110px;gap:10px}.p1{grid-column:1/9;grid-row:1/7}.p2{grid-column:9/13;grid-row:1/6}.p3{grid-column:1/5;grid-row:7/12}.p4{grid-column:5/9;grid-row:7/12}.p5{grid-column:9/13;grid-row:6/12}.p6{grid-column:1/13;grid-row:12/18}.portrait-grid .p1 img,.portrait-grid .p6 img{object-position:center}.portable{padding:120px 0 20px}.portable h3{font-size:clamp(32px,4.3vw,64px);line-height:1.25;letter-spacing:-.045em;max-width:1100px;margin:26px 0 60px}.portable-points{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b9bcb6;border-bottom:1px solid #b9bcb6}.portable-points span{padding:25px 0;font-size:12px;font-weight:700;letter-spacing:.12em;border-right:1px solid #b9bcb6}.portable-points span+span{padding-left:25px}.portable-points span:last-child{border:0}.services{padding:150px 0}.service-list{margin-top:55px;border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;padding:38px 0;border-bottom:1px solid var(--line)}.service-list span{font-size:12px;color:var(--acid)}.service-list h3{margin:0;font-size:26px}.service-list p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}.cta{background:var(--acid);color:#080a09}.cta .wrap{padding:140px 0}.cta .kicker{color:#3f5100}.cta p:not(.kicker){max-width:620px;font-size:17px;line-height:1.8;margin:40px 0}.cta a{display:inline-flex;justify-content:space-between;align-items:center;min-width:310px;padding:19px 22px;border:1px solid #080a09;font-size:14px;font-weight:700}.cta a:hover{background:#080a09;color:#fff}.cta a span{font-size:20px}footer{padding:80px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:50px;color:var(--muted);font-size:14px;line-height:1.8}.footer-name{margin:0 0 22px;color:#fff;font-size:24px;font-weight:900;line-height:.9}.links{display:flex;flex-direction:column;align-items:flex-start}.links a{padding:7px 0;color:#fff;border-bottom:1px solid var(--line)}.credit{grid-column:1/3;padding-top:24px;margin-top:40px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.15em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes hero-in{from{transform:scale(1.05);filter:brightness(.5)}to{transform:scale(1);filter:brightness(1)}}@media(max-width:820px){.wrap{width:min(calc(100% - 34px),var(--max))}.nav{padding:22px 17px}.nav nav{gap:16px;font-size:10px}.nav nav a:nth-child(2){display:none}.hero{min-height:640px}.hero-content{left:17px;right:17px;bottom:12%}.hero h1{font-size:14.5vw}.hero-copy{font-size:15px}.hero-index{display:none}.intro{padding:95px 0}.intro-grid,.case-head,.film{grid-template-columns:1fr}.intro-grid{gap:35px}.intro-grid>p{font-size:16px}.case-head{padding:90px 0 70px;gap:35px}.case-desc .large{font-size:20px}.chapter{padding-bottom:100px}.chapter-title{grid-template-columns:45px 1fr;gap:15px;align-items:start}.chapter-title p{grid-column:2}.competition-grid,.off-grid,.portrait-grid{grid-auto-rows:58px;gap:6px}.c1,.o1,.p1{grid-column:1/13;grid-row:1/7}.c2,.o2,.p2{grid-column:1/7;grid-row:7/12}.c3,.o3,.p3{grid-column:7/13;grid-row:7/12}.c4,.o4,.p4{grid-column:1/7;grid-row:12/17}.c5,.o5,.p5{grid-column:7/13;grid-row:12/17}.c6,.o6,.p6{grid-column:1/13;grid-row:17/23}.film{padding:90px 0;gap:50px}.portrait-case{padding-top:0}.portable{padding:90px 0 0}.portable-points{grid-template-columns:1fr 1fr}.portable-points span{border-bottom:1px solid #b9bcb6}.portable-points span:nth-child(2){border-right:0}.portable-points span:nth-child(n+3){border-bottom:0}.service-list article{grid-template-columns:42px 1fr}.service-list p{grid-column:2}.cta .wrap{padding:100px 0}footer{grid-template-columns:1fr}.credit{grid-column:1;margin-top:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}