:root{--paper:#f4f3ef;--surface:#faf9f6;--ink:#262624;--muted:#74736e;--line:#26262429;--line-strong:#26262447;--accent:#727d76;--shell:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Noto Sans JP,system-ui,sans-serif;line-height:1.8}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.section-shell{width:min(calc(100% - 64px), var(--shell));margin-inline:auto}.site-header{width:min(calc(100% - 64px), var(--shell));border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;min-height:104px;margin:0 auto;display:grid}.brand{flex-direction:column;justify-self:start;line-height:1.15;display:inline-flex}.brand-name{letter-spacing:.01em;font-size:16px;font-weight:600}.brand-sub{color:var(--muted);letter-spacing:.13em;margin-top:7px;font-size:9px;font-weight:500}.site-nav{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:30px;font-size:11px;font-weight:600;display:flex}.site-nav a,.footer-links a{position:relative}.site-nav a:after,.footer-links a:after{content:"";background:currentColor;height:1px;transition:right .18s;position:absolute;bottom:-5px;left:0;right:100%}.site-nav a:hover:after,.footer-links a:hover:after{right:0}.language-switch{border-bottom:1px solid var(--line-strong);letter-spacing:.1em;justify-self:end;padding:7px 0;font-size:11px;font-weight:600}.hero{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;gap:clamp(56px,8vw,120px);min-height:690px;padding:100px 0 120px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 25px;font-size:10px;font-weight:600}.hero h1,.section-heading h2,.about h2,.company h2,.contact h2,.legal-page h1,.not-found h1{letter-spacing:-.04em;margin:0;font-weight:500;line-height:1.08}.hero h1{max-width:760px;font-size:clamp(50px,6.2vw,86px);line-height:1.02}.hero-description{color:#52524f;max-width:560px;margin:36px 0 0;font-size:clamp(15px,1.4vw,17px);line-height:2}.text-link{border-bottom:1px solid var(--ink);letter-spacing:.05em;align-items:center;gap:14px;margin-top:34px;padding-bottom:5px;font-size:12px;font-weight:600;display:inline-flex}.text-link span{transition:transform .18s}.text-link:hover span{transform:translateY(3px)}.hero-art{margin:0}.hero-art img{aspect-ratio:16/10;object-fit:cover;background:#d8d5ce;border-radius:18px;width:100%}.hero-art figcaption{color:var(--muted);letter-spacing:.13em;text-align:right;text-transform:uppercase;margin-top:13px;font-size:9px}.works,.company{border-top:1px solid var(--line);padding:120px 0}.section-heading h2,.about h2,.company h2,.contact h2{font-size:clamp(36px,4.6vw,60px)}.section-heading-split{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:end;gap:80px;display:grid}.section-heading-split>p{max-width:440px;color:var(--muted);margin:0 0 4px;font-size:14px;line-height:2}.selected-works{border-top:1px solid var(--line-strong);margin-top:84px}.selected-work{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:center;gap:clamp(48px,7vw,96px);padding:76px 0;display:grid}.selected-work-reverse{grid-template-columns:minmax(280px,.55fr) minmax(0,1.45fr)}.selected-work-reverse .selected-work-visual{grid-column:2}.selected-work-reverse .selected-work-info{grid-area:1/1}.selected-work-visual{position:relative}.selected-work-main{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:18px;width:100%}.selected-work-no{border:1px solid var(--line);letter-spacing:.12em;backdrop-filter:blur(6px);background:#f4f3efeb;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-size:9px;font-weight:600;display:inline-flex;position:absolute;top:14px;left:14px}.selected-work-info{max-width:420px}.selected-work-icon{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:22px;width:100px;height:100px}.selected-work-heading{margin-top:28px}.selected-work-heading p,.selected-work-platform{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:9px;font-weight:600}.selected-work-heading h3{letter-spacing:-.035em;margin:9px 0 0;font-size:clamp(28px,3.1vw,42px);font-weight:500;line-height:1.14}.selected-work-description{color:#52524f;margin:25px 0 0;font-size:13px;line-height:2}.selected-work-platform{border-top:1px solid var(--line);margin-top:31px;padding-top:18px}.more-works{margin-top:76px}.more-works-label{color:var(--muted);letter-spacing:.08em;margin:0 0 24px;font-size:11px;font-weight:600}.work-grid{border-top:1px solid var(--line-strong);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.work-card{border-bottom:1px solid var(--line);grid-template-rows:1fr auto;grid-template-columns:54px 1fr auto;align-items:start;column-gap:18px;min-height:180px;padding:28px 0;transition:padding .18s,background .18s;display:grid}.work-card:nth-child(odd){border-right:1px solid var(--line);padding-right:32px}.work-card:nth-child(2n){padding-left:32px}.work-card:hover{background:#ffffff42;padding-inline-end:20px}.work-card:nth-child(2n):hover{padding-inline-start:42px}.work-no,.work-meta{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:600}.work-name{letter-spacing:-.025em;grid-column:2/-1;align-self:center;font-size:clamp(23px,2.5vw,34px);font-weight:500}.work-meta{grid-column:2;align-self:end}.work-arrow{grid-column:3;align-self:end;font-size:18px;transition:transform .18s}.work-card:hover .work-arrow{transform:translate(3px,-3px)}.about{border-top:1px solid var(--line);grid-template-columns:.62fr 1.38fr;align-items:start;gap:clamp(70px,10vw,150px);padding:140px 0;display:grid}.studio-facts{border-top:1px solid var(--line-strong);margin:0}.studio-fact{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr;align-items:baseline;gap:20px;padding:19px 0;display:grid}.studio-fact span{color:var(--muted);letter-spacing:.14em;font-size:9px;font-weight:600}.studio-fact strong{font-size:13px;font-weight:500}.about-text{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;margin-top:46px;display:grid}.about-text p{color:#52524f;margin:0;font-size:14px;line-height:2}.business-list{border-top:1px solid var(--line-strong);margin-top:68px}.business-item{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr;align-items:center;min-height:76px;display:grid}.business-item span{color:var(--muted);letter-spacing:.14em;font-size:9px;font-weight:600}.business-item p{margin:0;font-size:14px}.company{grid-template-columns:.75fr 1.25fr;gap:90px;display:grid}.company-list{border-top:1px solid var(--line-strong);margin:0}.company-row{border-bottom:1px solid var(--line);grid-template-columns:160px 1fr;gap:28px;padding:21px 0;display:grid}.company-row dt{color:var(--muted);font-size:11px}.company-row dd{margin:0;font-size:13px;line-height:1.9}.contact{border-top:1px solid var(--line);grid-template-columns:.75fr 1.25fr;gap:90px;padding:110px 0;display:grid}.contact-content{align-self:end}.contact-content p{max-width:520px;color:var(--muted);margin:0 0 30px;font-size:13px}.contact-mail{border-bottom:1px solid var(--ink);letter-spacing:-.025em;align-items:center;gap:14px;padding-bottom:6px;font-size:clamp(18px,2.5vw,28px);display:inline-flex}.contact-mail span{font-size:16px;transition:transform .18s}.contact-mail:hover span{transform:translate(3px,-3px)}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:30px;padding:38px 0 48px;display:grid}.footer-brand{flex-direction:column;gap:5px;font-weight:600;display:flex}.footer-brand small{color:var(--muted);letter-spacing:.14em;font-size:8px;font-weight:500}.footer-links{color:var(--muted);justify-content:flex-end;align-items:start;gap:24px;font-size:10px;display:flex}.copyright{color:var(--muted);grid-column:1/-1;margin:22px 0 0;font-size:9px}.legal-page{max-width:820px;padding:90px 0 130px}.legal-back{color:var(--muted);letter-spacing:.05em;margin-bottom:90px;font-size:11px;font-weight:600;display:inline-block}.legal-page h1,.not-found h1{font-size:clamp(44px,6vw,72px)}.legal-page section{border-bottom:1px solid var(--line);padding:44px 0}.legal-page section:first-of-type{border-top:1px solid var(--line);margin-top:66px}.legal-page h2{margin:0 0 18px;font-size:19px;font-weight:500}.legal-page p{color:#52524f;margin:0;font-size:13px;line-height:2}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding:15vh 0;display:flex}.not-found>p:not(.eyebrow){color:var(--muted);margin:24px 0 0}@media (width<=900px){.section-shell,.site-header{width:min(calc(100% - 40px), var(--shell))}.site-header{grid-template-columns:1fr auto;min-height:92px}.site-nav{display:none}.hero{grid-template-columns:1fr;gap:68px;min-height:auto;padding:76px 0 100px}.hero-copy{max-width:700px}.hero-art{justify-self:end;width:min(92%,760px)}.section-heading-split,.about,.company,.contact{grid-template-columns:1fr}.section-heading-split{gap:30px}.about{gap:64px}.studio-facts{max-width:520px}.company,.contact{gap:56px}}@media (width<=620px){.section-shell,.site-header{width:min(calc(100% - 32px), var(--shell))}.site-header{min-height:80px}.brand-name{font-size:14px}.brand-sub{font-size:7px}.hero{padding-top:52px}.hero h1{font-size:clamp(44px,13vw,64px)}.hero-art{width:100%}.works,.company{padding:88px 0}.selected-works{margin-top:54px}.selected-work,.selected-work-reverse{grid-template-columns:1fr;gap:30px;padding:54px 0}.selected-work-reverse .selected-work-visual,.selected-work-reverse .selected-work-info{grid-area:auto/1}.selected-work-info{max-width:none}.selected-work-icon{width:80px;height:80px}.more-works{margin-top:54px}.work-grid{grid-template-columns:1fr}.work-card,.work-card:nth-child(odd),.work-card:nth-child(2n){border-right:0;min-height:150px;padding:24px 0}.work-card:hover,.work-card:nth-child(2n):hover{padding-inline:0}.about{padding:96px 0}.about-text{grid-template-columns:1fr;gap:18px}.business-item{grid-template-columns:92px 1fr}.company-row{grid-template-columns:1fr;gap:6px;padding:18px 0}.contact{padding:88px 0}.contact-mail{overflow-wrap:anywhere;font-size:17px}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap;justify-content:flex-start;gap:15px 20px}.legal-page{padding-top:60px}.legal-back{margin-bottom:60px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}