:root{--ink:#11110f;--paper:#f6f6f4;--white:#fff;--violet:#643cff;--line:#d7d7d2;--muted:#777771}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif;font-size:16px;font-weight:300;line-height:1.9}a{color:inherit;text-decoration:none}.progress{position:fixed;inset:0 auto auto 0;z-index:20;width:0;height:2px;background:var(--violet)}.site-header{position:sticky;top:0;z-index:10;height:74px;padding:0 3.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(246,246,244,.94);backdrop-filter:blur(14px)}.logo{font-size:15px;font-weight:500;letter-spacing:.16em}.logo span{color:var(--violet)}nav{display:flex;gap:2.2vw}nav a,footer a{font-size:12px;letter-spacing:.11em}nav a:hover{color:var(--violet)}.menu-button{display:none;border:0;background:transparent;font:inherit;font-size:12px;letter-spacing:.12em}.section{padding:clamp(96px,12vw,190px) 5vw}.hero{min-height:calc(100vh - 74px);display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.section-heading>p,.art-title>p{margin:0 0 48px;color:var(--muted);font-size:12px;letter-spacing:.18em}.hero-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:7vw;align-items:end}.hero h1,.section-heading h2,.art-title h2,.contact h2{margin:0;font-family:"Noto Serif JP",serif;font-size:clamp(3.8rem,7.3vw,8.4rem);font-weight:400;line-height:1.18;letter-spacing:-.055em}.hero-copy{padding-bottom:1.3vw}.hero-copy p{margin:0 0 38px;max-width:420px}.hero-copy a{display:inline-flex;gap:42px;padding-bottom:8px;border-bottom:1px solid;font-size:12px;letter-spacing:.14em}.hero-purpose{align-self:flex-end;margin:70px 0 0;font-family:"Noto Serif JP",serif;font-size:clamp(1.4rem,2.3vw,2.5rem);font-weight:600;line-height:1.7}.philosophy{background:var(--white)}.section-heading{display:grid;grid-template-columns:1fr 2.6fr;gap:5vw;margin-bottom:clamp(76px,10vw,145px)}.section-heading h2{font-size:clamp(3rem,6vw,7rem)}.philosophy-grid{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(420px,1.22fr);gap:8vw;align-items:start}.philosophy-image{position:sticky;top:110px;margin:0}.philosophy-image img{display:block;width:100%;height:auto}.statement{padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line)}.statement span{color:var(--violet);font-family:"Cormorant Garamond",serif;font-size:22px}.statement p{margin:8px 0 0;font-family:"Noto Serif JP",serif;font-size:clamp(1.3rem,2vw,2rem);font-weight:600}.lead{margin:80px 0;font-family:"Noto Serif JP",serif;font-size:clamp(1.5rem,2.4vw,2.65rem);font-weight:600;line-height:1.75}.three-beauties article{display:grid;grid-template-columns:90px 55px 1fr;gap:18px;padding:34px 0;border-top:1px solid var(--line);align-items:baseline}.three-beauties b{font-family:"Noto Serif JP",serif;font-size:2.2rem}.three-beauties small{color:var(--muted)}.three-beauties h3{margin:0;font-family:"Noto Serif JP",serif;font-size:1.35rem}.three-beauties p{grid-column:3;margin:0;color:#4d4d48}.services{background:var(--ink);color:var(--white)}.services .section-heading>p{color:#999}.service-list article{display:grid;grid-template-columns:60px 1fr 1.1fr;gap:35px;padding:30px 0;border-top:1px solid #393936;align-items:baseline}.service-list article:last-child{border-bottom:1px solid #393936}.service-list span{color:var(--violet);font-size:12px}.service-list h3{margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,3.7vw,4.3rem);font-weight:400}.service-list p{margin:0;color:#b5b5af}.work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1px;background:var(--line);border:1px solid var(--line)}.work{min-height:280px;padding:40px;background:var(--white);display:flex;flex-direction:column;justify-content:flex-end}.work-large{grid-row:span 2;min-height:561px;background:var(--violet);color:#fff}.work p{margin:0 0 auto;font-size:12px;letter-spacing:.12em}.work h3{margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(2.8rem,5vw,6rem);font-weight:400;line-height:1}.work span{margin-top:18px;font-size:12px;letter-spacing:.08em}.selected-clients{margin:34px 0 0;color:var(--muted);font-size:12px;letter-spacing:.06em}.projects{background:var(--white)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.project-grid article{min-height:360px;padding:34px;background:var(--white);display:flex;flex-direction:column}.project-grid span{color:var(--violet);font-size:12px;letter-spacing:.12em}.project-grid h3{margin:auto 0 16px;font-family:"Cormorant Garamond",serif;font-size:clamp(2.2rem,4vw,4.7rem);font-weight:400;line-height:1}.project-grid p{margin:0}.art{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;background:var(--violet);color:#fff}.art-title h2{font-size:clamp(3rem,6vw,7.4rem)}.art-title>p{color:#d5cbff}.art-copy{align-self:end}.art-copy p{font-family:"Noto Serif JP",serif;font-size:1.35rem;line-height:2}.art-copy span{display:block;margin-top:55px;font-size:12px;letter-spacing:.14em}.profile{background:var(--white)}.profile .section-heading h2 i{display:block;margin-top:18px;color:var(--muted);font-family:"Cormorant Garamond",serif;font-size:.34em;font-style:normal;letter-spacing:.04em}.profile-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;margin-left:calc(28.5% + 2vw)}.profile-grid aside p{margin:0 0 35px;font-size:14px}.profile-body p{margin:0 0 1.8em}.contact h2{font-size:clamp(3rem,6.8vw,8rem)}.contact-row{margin-top:90px;padding-top:30px;display:flex;justify-content:space-between;gap:50px;border-top:1px solid var(--line)}.contact-row p{margin:0}.contact-row a{font-family:"Cormorant Garamond",serif;font-size:clamp(1.5rem,2.5vw,3rem);border-bottom:1px solid}.contact-row a span{color:var(--violet)}footer{padding:45px 3.2vw;display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center;border-top:1px solid var(--line)}footer div{display:flex;gap:30px}footer p{margin:0;text-align:right;font-size:12px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header{height:66px}.menu-button{display:block}nav{position:absolute;top:66px;left:0;right:0;padding:24px 5vw;display:none;flex-direction:column;gap:18px;background:var(--paper);border-bottom:1px solid var(--line)}nav.open{display:flex}.section{padding:90px 6vw}.hero{min-height:calc(100vh - 66px)}.hero-grid,.section-heading,.philosophy-grid,.art,.profile-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(3rem,13vw,5.8rem)}.hero-copy{margin-top:55px}.hero-purpose{align-self:flex-start}.section-heading{gap:0}.section-heading h2,.art-title h2,.contact h2{font-size:clamp(2.7rem,11vw,5rem)}.philosophy-image{position:relative;top:auto;width:min(100%,520px);margin:auto}.philosophy-copy{margin-top:45px}.three-beauties article{grid-template-columns:72px 45px 1fr}.service-list article{grid-template-columns:45px 1fr}.service-list p{grid-column:2}.work-grid,.project-grid{grid-template-columns:1fr}.work-large{grid-row:auto;min-height:360px}.profile-grid{margin-left:0}.contact-row{flex-direction:column}footer{grid-template-columns:1fr}footer div{flex-wrap:wrap}footer p{text-align:left}}@media(max-width:520px){body{font-size:15px}.site-header{padding-inline:5vw}.hero h1{font-size:12vw}.three-beauties article{grid-template-columns:1fr 1fr}.three-beauties p{grid-column:1/-1}.service-list h3{font-size:2.4rem}.work,.project-grid article{min-height:280px;padding:28px}.contact-row a{font-size:1.35rem}footer div{display:none}}
