@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+JP:wght@400;500;600&display=swap";
:root{--paper:#f7f6f1;--ink:#171816;--sub:#62645f;--line:#d1d0c8;--dark:#20231f;--accent:#dbe755}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Noto Sans JP,sans-serif}body:before{content:"";z-index:100;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url(https://acg-media.struffelproductions.com/file/ambientCG-Web/media/thumbnail/512-JPG/Fabric036.jpg);background-repeat:repeat;background-size:360px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{z-index:200;background:var(--ink);color:#fff;padding:.75rem 1rem;font-size:.8rem;transition:transform .2s;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f6f1f0;justify-content:space-between;align-items:center;height:76px;padding:0 max(28px,50vw - 620px);display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.04em;font-size:1.15rem;font-weight:600}.site-header nav{gap:2rem;font-size:.78rem;display:flex}.site-header nav a,.plain-link{border-bottom:1px solid #0000;padding:.35rem 0;transition:border-color .2s}.site-header nav a:hover,.plain-link:hover{border-color:currentColor}.menu-button{background:0 0;border:0;width:42px;height:42px;padding:10px;display:none}.menu-button span{background:var(--ink);height:1px;margin:7px 0;display:block}.hero{grid-template-columns:.88fr 1.12fr;align-items:start;gap:3.2rem 7vw;max-width:1240px;margin:auto;padding:64px 0 76px;display:grid}.hero-title{grid-column:1/3;position:relative}.hero-title,.hero-summary,.hero-side{animation:.75s cubic-bezier(.22,1,.36,1) both hero-in}.hero-summary{animation-delay:80ms}.hero-side{animation-delay:.16s}.reveal{opacity:0;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transform:translateY(26px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:60ms}.reveal-delay-2{transition-delay:.12s}.reveal-delay-3{transition-delay:.18s}.eyebrow,.section-label,.work-index,.small-works span{text-transform:uppercase;letter-spacing:.14em;font-size:.66rem}.hero h1{letter-spacing:-.07em;margin:1.5rem 0 .5rem;font-size:clamp(4rem,7.3vw,7.3rem);font-weight:500;line-height:.95}.hero h1 span{white-space:nowrap;display:block}.hero h1 span:nth-child(2){width:max-content;margin-left:10.5%;position:relative}.hero h1 span:nth-child(2):after{content:"";background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;bottom:12%;right:-28px}.craft-line{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;width:100%;color:var(--sub);justify-content:flex-end;margin:2.4rem 0 .85rem;padding-bottom:.65rem;font-size:.58rem;display:flex}.craft-line span{align-items:center;gap:.8rem;display:flex}.craft-line i{background:var(--line);width:28px;height:1px;display:block}.hero-lead{max-width:520px;color:var(--sub);font-size:1rem;line-height:1.95}.hero-actions{align-items:center;gap:2rem;margin-top:2.6rem;display:flex}.primary-link{background:var(--ink);color:#fff;justify-content:space-between;gap:3rem;padding:1rem 1.2rem;font-size:.8rem;transition:transform .2s,background .2s;display:inline-flex}.primary-link:hover{background:#343832;transform:translateY(-2px)}.text-link{white-space:nowrap;border-bottom:1px solid;justify-content:space-between;align-items:center;gap:2rem;padding:.55rem 0;font-size:.78rem;display:inline-flex}.hero-product{background:#dedfd8;padding:28px 28px 0;transition:transform .35s;display:block}.hero-product:hover{transform:translateY(-5px)}.browser-bar{border-bottom:1px solid var(--line);background:#f2f2ee;align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.browser-bar i{background:#aaa;border-radius:50%;width:6px;height:6px}.browser-bar span{color:#777;margin-left:auto;font-size:.55rem}.hero-product img{aspect-ratio:1.55;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.product-caption{grid-template-columns:1fr auto;gap:.35rem 1rem;padding:18px 0 22px;display:grid}.product-caption span{text-transform:uppercase;letter-spacing:.12em;color:var(--sub);font-size:.58rem}.product-caption strong{grid-row:1/3;font-size:1.25rem;font-weight:500}.product-caption small{color:var(--sub);font-size:.68rem}.hero-side{padding-top:6px}.side-label{margin:0 0 1rem;font-size:1rem;font-weight:600}.hero-side>p:not(.side-label){max-width:500px;color:var(--sub);margin:0;line-height:1.9}.hero-side dl{margin:1.8rem 0 0}.hero-side dl div{border-top:1px solid var(--line);grid-template-columns:7rem 1fr;padding:.7rem 0;font-size:.7rem;display:grid}.hero-side dl div:last-child{border-bottom:1px solid var(--line)}.hero-side dt{color:var(--sub)}.hero-side dd{margin:0}.hero-side nav{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.6rem;display:grid}.hero-side nav a{border-bottom:1px solid;justify-content:space-between;padding:.55rem 0;font-size:.72rem;display:flex}.hero-summary{padding-top:43px}.hero-summary .hero-lead{margin-top:0}.intro,.works,.profile,.services,.process,.contact{padding:110px max(28px,50vw - 620px)}.section-label{border-top:1px solid var(--ink);grid-template-columns:48px 1fr;padding-top:12px;display:grid}.section-label span{color:var(--sub)}.intro-copy{max-width:820px;margin:72px 0 0;display:block}.intro h2,.section-heading h2,.profile h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.8rem,5vw,5rem);font-weight:500;line-height:1.05}.body-copy{max-width:720px;margin-top:2.2rem}.body-copy p{color:#3f413d;margin:0 0 1.4rem;line-height:2}.body-copy p:first-child{color:var(--ink);font-weight:600}.services,.process{background:var(--dark);color:#f5f4ef}.section-label.light{border-color:#666a64}.section-label.light span{color:#a5a8a2}.section-heading{grid-template-columns:1fr 430px;align-items:end;gap:6vw;margin:64px 0 54px;display:grid}.section-heading p{color:var(--sub);margin:0;line-height:1.85}.section-heading.light p{color:#b8bbb5}.service-heading{max-width:760px;margin:52px 0 46px}.service-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.8rem,5vw,5rem);font-weight:500;line-height:1}.service-heading p{color:#b8bbb5;max-width:650px;margin:1.5rem 0 0;font-size:1rem;line-height:1.9}.service-list{border-top:1px solid #666a64}.service-list article{border-bottom:1px solid #666a64;grid-template-columns:70px .7fr 1fr;align-items:start;gap:2rem;padding:28px 0;display:grid}.service-list article,.small-works article,.process li{transition:background-color .25s,transform .25s}.service-list article:hover{background:#292c28}.service-list span,.process li>span{color:var(--accent);font-size:.68rem}.service-list h3{margin:0;font-size:clamp(1.3rem,2vw,2rem);font-weight:500}.service-list p{color:#b8bbb5;max-width:560px;margin:0;line-height:1.85}.featured-work{border-bottom:1px solid var(--line);grid-template-columns:1.18fr .82fr;gap:6vw;padding:24px 0 80px;display:grid}.works-heading,.process-heading{margin:52px 0 44px;display:block}.works-heading h2,.process-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.8rem,5vw,5rem);font-weight:500;line-height:1}.works-heading p,.process-heading p{color:var(--sub);margin:1.35rem 0 0;font-size:.85rem}.process-heading p{color:#b8bbb5}.work-visual{background:#dedfd8;align-items:center;padding:48px;display:flex;overflow:hidden}.work-visual img{width:100%;height:auto;transition:transform .4s;display:block;box-shadow:0 16px 38px #0000001f}.work-visual:hover img{transform:scale(1.015)}.work-copy{align-self:center}.work-copy h3{letter-spacing:-.06em;margin:1.7rem 0;font-size:clamp(2.8rem,4.8vw,4.8rem);font-weight:500;line-height:1}.work-lead{color:var(--ink)!important;font-size:1.08rem!important}.work-copy>p{color:var(--sub);line-height:1.9}.work-copy dl{margin:2rem 0}.work-copy dl div{border-top:1px solid var(--line);grid-template-columns:5rem 1fr;padding:.75rem 0;font-size:.75rem;display:grid}.work-copy dl div:last-child{border-bottom:1px solid var(--line)}.work-copy dt{color:var(--sub)}.work-copy dd{margin:0}.small-works{grid-template-columns:1fr 1fr;max-width:960px;margin:0 auto;display:grid}.small-works article{padding:38px 42px}.small-works article+article{border-left:1px solid var(--line)}.small-works h3{margin:1rem 0;font-size:1.55rem;font-weight:500}.small-works p{color:var(--sub);margin-bottom:0;line-height:1.8}.small-works article:hover{background:#17181606}.profile{background:#e1e0d9}.profile-grid{grid-template-columns:1fr 1fr;gap:7vw;max-width:930px;margin:68px 0 0 auto;display:grid}.profile-grid>div{max-width:560px}.profile-lead{font-size:1.25rem;line-height:1.75}.profile-grid p:not(.profile-lead){color:#484a45;line-height:1.95}.plain-link{border-bottom-color:var(--ink);margin:1.7rem 1.5rem 0 0;font-size:.78rem;display:inline-block}.process ol{border-top:1px solid #666a64;grid-template-columns:repeat(4,1fr);margin:54px 0 0;padding:0;list-style:none;display:grid}.process li{border-right:1px solid #666a64;min-height:290px;padding:26px}.process li:last-child{border-right:0}.process h3{margin:3.8rem 0 1.2rem;font-size:1.35rem;font-weight:500}.process li p{color:#b8bbb5;font-size:.85rem;line-height:1.85}.contact{flex-direction:column;justify-content:center;align-items:flex-start;min-height:680px;display:flex}.contact h2{letter-spacing:-.065em;margin:2.5rem 0;font-size:clamp(3rem,6vw,6rem);font-weight:500;line-height:1}.contact>p:not(.eyebrow){max-width:540px;color:var(--sub);margin:0;line-height:1.9}.contact>a{border-bottom:1px solid;justify-content:space-between;width:min(620px,100%);margin-top:2rem;padding:1rem 0;font-size:clamp(1rem,1.5vw,1.35rem);display:flex}footer{background:var(--ink);color:#fff;grid-template-columns:1fr 1fr auto;align-items:center;padding:34px max(28px,50vw - 620px);font-size:.67rem;display:grid}footer p{color:#aeb1ab;margin:0}footer span{color:#777b75}@keyframes hero-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1280px){.hero{margin:0 28px}}@media (max-width:900px){.site-header{height:68px;padding:0 5vw}.menu-button{z-index:2;display:block;position:relative}.site-header nav{background:var(--paper);flex-direction:column;height:100vh;padding:8rem 5vw;font-size:1.5rem;display:none;position:absolute;inset:0}.site-header nav.is-open{display:flex}.hero{grid-template-columns:1fr;gap:42px;margin:0;padding:64px 5vw 80px}.hero-title{grid-column:1}.hero-summary{order:2;padding-top:0}.hero-side{order:3}.hero h1{font-size:clamp(3.1rem,11vw,5rem)}.hero h1 span:nth-child(2){margin-left:0}.hero h1 span:nth-child(2):after{width:8px;height:8px;right:-16px}.craft-line{justify-content:flex-start;margin-top:1.8rem}.craft-line span{gap:.45rem}.craft-line i{width:12px}.hero-lead{max-width:650px}.hero-product{padding:20px 20px 0}.hero-side{padding:18px 0 0}.hero-side nav{max-width:520px}.intro,.works,.profile,.services,.process,.contact{padding:80px 5vw}.intro-copy,.profile-grid{margin-top:50px}.section-heading{grid-template-columns:1fr;gap:22px;margin:50px 0 40px}.service-heading{margin:38px 0}.service-list article{grid-template-columns:45px 1fr;gap:1rem}.service-list article p{grid-column:2}.featured-work{grid-template-columns:1fr;padding-bottom:55px}.work-visual{padding:8vw}.small-works{margin-left:0}.process ol{grid-template-columns:1fr 1fr}.process li:nth-child(2){border-right:0}.process li{border-bottom:1px solid #666a64}.contact{min-height:600px;display:block}.contact>p:not(.eyebrow){margin-left:0}.contact>a{max-width:540px;margin-left:0}footer{grid-template-columns:1fr auto;gap:1rem}footer p{grid-area:2/1/auto/3}}@media (max-width:560px){.hero{gap:34px;padding-top:44px;padding-bottom:64px}.hero h1{font-size:11.4vw;line-height:1}.craft-line{overflow:hidden}.craft-line span{white-space:nowrap;font-size:.52rem}.hero-side nav{grid-template-columns:1fr;gap:.55rem}.hero-actions{flex-direction:column;align-items:stretch;gap:1rem}.primary-link{justify-content:space-between}.product-caption{grid-template-columns:1fr}.product-caption strong{grid-row:auto}.intro,.works,.profile,.services,.process,.contact{padding-top:68px;padding-bottom:68px}.intro h2,.section-heading h2,.profile h2,.service-heading h2,.works-heading h2,.process-heading h2{font-size:2.65rem}.service-list article{grid-template-columns:34px 1fr;padding:24px 0}.service-list article p{grid-column:1/3;padding-left:34px}.small-works{grid-template-columns:1fr}.small-works article,.small-works article+article{border-left:0;border-bottom:1px solid var(--line);padding:30px 0}.process ol{grid-template-columns:1fr}.process li{border-right:0;min-height:auto;padding:24px 0}.process h3{margin-top:1.8rem}.contact{min-height:520px}.contact h2{letter-spacing:-.05em;white-space:nowrap;font-size:clamp(1.65rem,8vw,2rem)}.contact h2 br{display:none}.contact>a{overflow-wrap:anywhere;font-size:.8rem}footer{padding-top:28px;padding-bottom:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1!important;transform:none!important}}