@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+JP:wght@400;500;600&family=Shippori+Mincho:wght@500;600&display=swap');
*{box-sizing:border-box}:root{--ink:#15201c;--bone:#c6cbc9;--paper:#d7dcda;--rust:#183a31;--muted:#65706c;--line:rgba(21,32,28,.32);--pad:clamp(22px,4.2vw,72px)}html{scroll-behavior:smooth;scroll-padding-top:84px;background:var(--ink)}body{margin:0;background:var(--bone);color:var(--ink);font-family:'DM Sans','Noto Sans JP',sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}figure,p,h1,h2,h3,blockquote,dl,dd{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #315f52;outline-offset:4px}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode:multiply}.skip{position:fixed;top:-100px;left:20px;z-index:200;background:var(--paper);padding:14px 18px}.skip:focus{top:14px}
.site-header{height:84px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:0 var(--pad);border-bottom:1px solid var(--line);position:relative;z-index:30;background:rgba(216,211,199,.94);backdrop-filter:blur(10px)}.mark{font-size:13px;font-weight:600;letter-spacing:.05em}.mark span{color:var(--rust);margin:0 8px}.header-role{font-size:9px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase}.site-header nav{display:flex;gap:28px}.site-header nav a{font-size:11px;text-transform:uppercase;letter-spacing:.1em;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;border-bottom:1px solid;transition:right .35s ease}.site-header nav a:hover:after{right:0}.menu-button{display:none;border:0;background:none;padding:8px 0;text-transform:uppercase;font-size:10px;letter-spacing:.15em}
.hero{min-height:calc(100svh - 84px);height:max(760px,calc(100svh - 84px));position:relative;padding:24px var(--pad) 32px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;border-top:1px solid;padding-top:10px;position:relative;z-index:4}.hero-title-wrap{position:relative;z-index:3;padding-top:7vh;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 20px 1vw}.hero h1{font-family:'Shippori Mincho',serif;font-weight:500;font-size:clamp(52px,7.4vw,118px);letter-spacing:-.06em;line-height:1.12}.title-line{display:block;overflow:hidden}.title-line.indented{padding-left:13vw;font-style:italic;color:var(--rust)}.hero-image{position:absolute;width:min(34vw,510px);height:72%;right:9vw;bottom:0;z-index:1;overflow:hidden;background:#333}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.45))}.hero-image img{filter:grayscale(1) contrast(1.08);object-position:center 26%;transform:scale(1.05);will-change:transform}.hero-image figcaption{position:absolute;z-index:2;bottom:16px;left:16px;right:16px;color:var(--paper);display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em}.hero-note{position:absolute;z-index:5;left:var(--pad);bottom:11%;width:220px;border-top:1px solid;padding-top:12px}.note-no{font-size:8px;letter-spacing:.14em;color:var(--rust)}.hero-note p{font-family:'Shippori Mincho',serif;font-size:15px;line-height:1.9;margin-top:15px}.scroll-cue{position:absolute;z-index:5;right:var(--pad);bottom:30px;display:flex;gap:20px;align-items:center;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.scroll-cue i{font-style:normal;color:var(--rust);font-size:20px}
.section-index{display:flex;justify-content:space-between;border-top:1px solid;padding-top:11px;font-size:9px;letter-spacing:.16em}.section-index.light{border-color:rgba(230,224,212,.4);color:var(--paper)}.statement{padding:110px var(--pad) 130px;background:var(--paper)}.statement-grid{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(250px,.43fr);gap:5vw;margin-top:65px}.vertical-note{writing-mode:vertical-rl;font-size:8px;letter-spacing:.18em;color:var(--muted)}.split-heading{font-family:'Shippori Mincho',serif;font-weight:500;font-size:clamp(42px,6.2vw,88px);line-height:1.35;letter-spacing:-.055em}.split-heading em{font-style:normal;color:var(--rust)}.about-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:4vw;margin:70px 0 0 9vw;max-width:810px}.about-copy p{font-size:13px;line-height:2.1}.about-copy .lead{font-family:'Shippori Mincho',serif;font-size:16px;line-height:2.05}.field-note{align-self:end;margin-bottom:25px;border:1px solid var(--line);padding:22px;background:var(--bone);transform:rotate(1.5deg)}.field-note>span,.field-note cite{font-size:8px;letter-spacing:.14em;font-style:normal}.field-note p{font-family:'Shippori Mincho',serif;font-size:clamp(30px,3.4vw,50px);line-height:1.4;margin:42px 0 50px}
.record{padding:95px var(--pad) 110px}.record-head{display:flex;justify-content:space-between;align-items:end;margin:60px 0 80px}.record-head>p{font-size:11px;line-height:1.9;color:#57544c}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid;border-bottom:1px solid}.metrics>div{padding:20px 24px 30px;border-right:1px solid}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border-right:0}.metrics dt,.metrics>div>span{font-size:8px;letter-spacing:.16em;text-transform:uppercase}.metrics dd{display:flex;align-items:baseline;margin:28px 0 10px}.metrics strong{font-weight:400;font-size:clamp(64px,8vw,120px);line-height:.9;letter-spacing:-.075em}.metrics small{font-size:22px;color:var(--rust);margin-left:5px}.partners{margin-top:40px;display:flex;justify-content:space-between;align-items:center}.partners span{font-size:8px;letter-spacing:.15em}.partners p{font-family:'Shippori Mincho',serif;font-size:16px}
.works{background:var(--ink);color:var(--paper);padding:90px var(--pad) 150px}.works-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;margin-top:65px}.sticky-title{position:sticky;top:115px;align-self:start}.sticky-title>p:first-child{font-size:8px;letter-spacing:.16em;color:#9f9a8f}.sticky-title h2{font-family:'Shippori Mincho',serif;font-weight:500;font-size:clamp(45px,5.5vw,78px);letter-spacing:-.055em;margin:25px 0 55px}.works-note{font-size:11px;line-height:2;color:#aaa497}.work-list{display:flex;flex-direction:column;gap:130px}.work-card{width:78%;margin-left:auto}.work-card.offset{width:65%;margin-left:0}.work-card.wide{width:100%}.work-number{display:flex;justify-content:space-between;border-top:1px solid rgba(230,224,212,.4);padding-top:9px;margin-bottom:12px;font-size:9px;letter-spacing:.13em}.work-number span{color:#999388}.work-card figure{height:min(65vw,680px);overflow:hidden;background:#282823}.work-card.offset figure{height:min(68vw,720px)}.work-card.wide figure{height:min(44vw,520px)}.work-card img{filter:grayscale(1) contrast(1.08);transform:scale(1.06);will-change:transform;transition:filter .8s ease}.work-card:hover img{filter:grayscale(.35) saturate(.45) contrast(1.05)}.work-caption{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:18px}.work-caption h3{font-weight:500;font-size:13px;letter-spacing:.12em}.work-caption p{font-family:'Shippori Mincho',serif;font-size:12px;line-height:1.8;color:#aaa497}
.philosophy{padding:120px var(--pad) 100px;background:var(--rust);color:var(--paper)}.philosophy-kicker{font-size:8px;letter-spacing:.2em;border-top:1px solid rgba(230,224,212,.5);padding-top:10px}.philosophy-line{font-family:'Shippori Mincho',serif;font-size:clamp(48px,8vw,124px);letter-spacing:-.07em;line-height:1.22;margin:95px 0 130px}.philosophy-line span{display:block}.philosophy-line span:last-child{text-align:right;font-style:italic}.philosophy-foot{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(230,224,212,.5);padding-top:15px}.philosophy-foot span{font-size:8px;letter-spacing:.15em}.philosophy-foot p{font-family:'Shippori Mincho',serif;font-size:13px;line-height:1.9}
.contact{background:var(--ink);color:var(--paper);padding:90px var(--pad) 28px}.contact-heading{display:grid;grid-template-columns:1fr 1.2fr;align-items:end;margin:70px 0 95px}.contact-heading>p{font-size:12px;line-height:2;color:#aaa497}.contact-heading h2{line-height:1.15}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.direct>span{font-size:8px;letter-spacing:.16em;color:#9d978b}.direct>a{display:flex;justify-content:space-between;border-bottom:1px solid rgba(230,224,212,.45);font-size:clamp(17px,2vw,27px);padding:22px 0 14px;margin-top:30px}.direct>a i{font-style:normal;color:var(--rust)}.socials{display:flex;gap:20px;margin-top:35px}.socials button{border:0;background:none;color:var(--paper);font-size:10px;letter-spacing:.1em;padding:10px 0}.contact-form{display:grid}.contact-form label{font-size:8px;letter-spacing:.15em;margin:0 0 9px}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(230,224,212,.42);border-radius:0;background:transparent;color:var(--paper);padding:8px 0 15px;margin-bottom:28px;resize:vertical;font-size:13px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#777269}.send{display:flex;justify-content:space-between;border:1px solid var(--rust);background:var(--rust);color:var(--paper);padding:17px 19px;margin-top:7px;font-size:11px;letter-spacing:.08em;transition:.3s ease}.send:hover{background:transparent}.send i{font-style:normal}.form-note{font-size:9px;color:#777269;margin-top:12px;line-height:1.7}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(230,224,212,.35);margin-top:110px;padding-top:20px;font-size:8px;letter-spacing:.13em}footer a{padding:8px}.toast{position:fixed;z-index:150;left:50%;bottom:24px;transform:translateX(-50%);background:var(--paper);color:var(--ink);border-left:4px solid var(--rust);padding:15px 18px;max-width:calc(100vw - 40px);font-size:11px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.65,.25,1),transform .9s cubic-bezier(.2,.65,.25,1)}.reveal.is-visible{opacity:1;transform:none}.image-reveal{opacity:.01;transform:translateY(22px);transition:opacity 1s cubic-bezier(.2,.65,.25,1),transform 1.15s cubic-bezier(.2,.65,.25,1)}.image-reveal.is-visible{opacity:1;transform:none}.title-line,.split-heading{opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.65,.25,1)}.title-line:nth-child(2){transition-delay:.12s}.title-line.is-visible,.split-heading.is-visible{opacity:1;transform:none}
.site-header{background:rgba(198,203,201,.94)}
.hero{background-color:var(--bone);background-image:linear-gradient(rgba(21,32,28,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(21,32,28,.045) 1px,transparent 1px);background-size:10vw 10vw}
.hero-title-wrap{padding-top:4.5vh}.hero h1{font-size:clamp(118px,17.5vw,270px);line-height:.73;letter-spacing:-.075em}.title-line.indented{padding-left:15vw;color:var(--rust);font-style:normal}.hero-image{width:min(38vw,570px);height:76%;right:7vw}.hero-image img{filter:saturate(.62) contrast(1.05) brightness(.88);object-position:center 25%}.hero-note p{font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.65;text-transform:uppercase;letter-spacing:.04em}.hero-meta,.eyebrow,.note-no,.scroll-cue,.section-index{font-size:11px}.statement{background:var(--paper)}.split-heading{line-height:1.12}.about-copy p{font-size:16px;line-height:1.9}.about-copy .lead{font-size:18px;line-height:1.85}.field-note{transform:none;background:transparent;border-color:var(--ink)}.field-note p{font-family:'DM Sans',sans-serif;font-weight:600;font-size:clamp(25px,2.8vw,42px);line-height:1.15;letter-spacing:-.045em}.field-note>span,.field-note cite{font-size:11px}.record-head>p,.works-note,.contact-heading>p{font-size:14px}.metrics dt,.metrics>div>span,.partners span,.sticky-title>p:first-child,.work-number,.philosophy-kicker,.philosophy-foot span,.direct>span,.contact-form label,footer{font-size:11px}.works{background:#183a31}.work-card img{filter:saturate(.58) contrast(1.06) brightness(.82);transition:filter 1.1s ease}.work-card:hover img{filter:saturate(.88) contrast(1.03) brightness(.92)}.work-caption{grid-template-columns:1fr auto}.work-caption p{font-family:'DM Sans',sans-serif;font-size:13px}.philosophy{background:#214b3e}.philosophy-line{font-family:'Shippori Mincho',serif;font-size:clamp(55px,9.2vw,142px);line-height:1.03}.philosophy-line span:last-child{font-style:normal}.philosophy-foot p{font-size:15px}.contact{background:#15201c}.direct>a i,.scroll-cue i{color:#5b8a7b}.send{background:#285b4b;border-color:#285b4b}.send:hover{background:transparent}.form-note{font-size:12px}
@media(max-width:900px){.hero-image{right:5vw;width:42vw}.statement-grid{grid-template-columns:25px minmax(0,1fr)}.field-note{grid-column:2;width:45%;margin:60px 0 0 auto}.about-copy{margin-left:0}.works-intro{gap:5vw}.work-card{width:86%}.contact-grid{gap:5vw}}
@media(max-width:680px){:root{--pad:22px}.site-header{height:68px;grid-template-columns:1fr auto}.header-role{display:none}.site-header nav{position:fixed;inset:68px 0 auto;background:var(--ink);color:var(--paper);display:grid;gap:0;padding:20px 22px 28px;transform:translateY(-120%);opacity:0;pointer-events:none;transition:.4s ease}.site-header nav.open{transform:none;opacity:1;pointer-events:auto}.site-header nav a{font-family:'Shippori Mincho',serif;font-size:27px;padding:14px 0;border-bottom:1px solid rgba(230,224,212,.2)}.menu-button{display:block}.hero{height:calc(100svh - 68px);min-height:680px;padding-top:18px}.hero-meta{font-size:7px}.hero-title-wrap{padding-top:5.5vh}.eyebrow{font-size:8px;margin-bottom:15px}.hero h1{font-size:clamp(40px,12.8vw,57px);line-height:1.25}.title-line.indented{padding-left:5vw}.hero-image{width:67vw;height:57%;right:0;bottom:75px}.hero-note{left:22px;bottom:44px;width:165px;background:var(--bone);padding:10px 10px 0 0}.hero-note p{font-size:12px;line-height:1.75;margin-top:8px}.scroll-cue{right:17px;bottom:24px}.scroll-cue span{display:none}.statement{padding:78px var(--pad) 85px}.section-index{font-size:7px}.statement-grid{grid-template-columns:1fr;gap:0;margin-top:45px}.vertical-note{writing-mode:horizontal-tb;font-size:7px;margin-bottom:28px}.split-heading{font-size:clamp(34px,10.7vw,48px);line-height:1.45}.about-copy{display:grid;grid-template-columns:1fr;gap:24px;margin-top:42px}.about-copy p{font-size:12px}.about-copy .lead{font-size:14px}.field-note{grid-column:auto;width:72%;margin:50px 0 0 auto;padding:17px}.field-note p{font-size:30px;margin:28px 0 34px}.record{padding:75px var(--pad) 80px}.record-head{display:block;margin:45px 0 50px}.record-head>p{margin-top:25px}.metrics{grid-template-columns:1fr}.metrics>div,.metrics>div:first-child{padding:18px 0 22px;border-right:0;border-bottom:1px solid}.metrics>div:last-child{border-bottom:0}.metrics dd{margin:18px 0 6px}.metrics strong{font-size:70px}.partners{display:block;margin-top:35px}.partners p{font-size:13px;line-height:1.9;margin-top:14px}.works{padding:75px var(--pad) 100px}.works-intro{display:block;margin-top:45px}.sticky-title{position:static}.sticky-title h2{font-size:47px;margin:20px 0 25px}.works-note{margin-bottom:70px}.work-list{gap:85px}.work-card,.work-card.offset,.work-card.wide{width:100%;margin:0}.work-card figure,.work-card.offset figure{height:126vw;max-height:560px}.work-card.wide figure{height:80vw;max-height:400px}.work-number{font-size:7px}.work-caption{grid-template-columns:1fr;gap:10px}.work-caption p{font-size:11px}.philosophy{padding:80px var(--pad) 65px}.philosophy-line{font-size:12.2vw;line-height:1.35;margin:65px 0 85px}.philosophy-foot{display:block}.philosophy-foot p{margin-top:25px;font-size:12px}.contact{padding:75px var(--pad) 24px}.contact-heading{display:flex;flex-direction:column-reverse;align-items:start;margin:50px 0 65px}.contact-heading>p{margin-top:32px}.contact-grid{grid-template-columns:1fr;gap:70px}.direct>a{font-size:16px}.contact-form input,.contact-form textarea{font-size:16px}footer{flex-wrap:wrap;gap:14px;margin-top:80px}footer span:nth-child(2){width:100%;order:3}}
.sticky-title h2{white-space:nowrap}
@media(max-width:680px){.site-header{background:rgba(198,203,201,.96)}.hero{min-height:700px}.hero-title-wrap{padding-top:5vh}.hero h1{font-size:24vw;line-height:.72}.title-line.indented{padding-left:11vw}.hero-image{width:72vw;height:59%;right:-3vw;bottom:66px}.hero-note{background:var(--bone);bottom:37px}.hero-note p{font-size:12px}.hero-meta,.eyebrow,.note-no,.scroll-cue,.section-index{font-size:10px}.split-heading{font-size:13.5vw;line-height:1.12}.about-copy p{font-size:16px}.about-copy .lead{font-size:17px}.field-note{width:79%;background:transparent}.field-note p{font-size:27px}.record-head>p,.works-note,.contact-heading>p{font-size:14px}.metrics dt,.metrics>div>span,.partners span,.sticky-title>p:first-child,.work-number,.philosophy-kicker,.philosophy-foot span,.direct>span,.contact-form label,footer{font-size:10px}.sticky-title h2{font-size:13.5vw;line-height:.95}.work-caption p{font-size:12px}.philosophy-line{font-size:15vw;line-height:1.05}.philosophy-foot p{font-size:14px}.contact-heading h2{font-size:17vw;line-height:.95}}
@media(max-width:680px){.hero-image{right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.image-reveal,.title-line,.split-heading{opacity:1;transform:none;clip-path:none;transition:none}.hero-image img,.work-card img{transform:none!important}}