:root{--paper:#f8f7f4;--beige:#e8ded2;--ink:#292725;--muted:#77716b;--line:rgba(41,39,37,.18);--serif:'Playfair Display','Noto Sans JP',serif;--sans:'Noto Sans JP',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.85 var(--sans)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:fixed;top:-4rem;left:1rem;z-index:20;background:var(--ink);color:#fff;padding:.6rem}.skip-link:focus{top:1rem}.site-header{height:64px;padding:0 3.3vw;display:flex;align-items:center;justify-content:space-between;position:absolute;width:100%;z-index:5}.logo{font:500 clamp(22px,2vw,30px)/1 var(--serif);letter-spacing:-.06em}.logo span{font-style:italic}nav{display:flex;gap:1.6rem;align-items:center;font:10px var(--mono);letter-spacing:.08em}nav a{opacity:.72;transition:opacity .2s}nav a:hover{opacity:1}.nav-contact{border-bottom:1px solid var(--ink);padding-bottom:2px}.nav-contact i,.text-link i,.button-dark i{font-style:normal}.menu-toggle{display:none}.hero{min-height:100vh;padding:64px 3.3vw 3.3vw;display:grid;grid-template-columns:28% 72%;align-items:end}.hero-copy{align-self:start;padding-top:2rem}.eyebrow{margin:0 0:1.3rem;font:10px/1.4 var(--mono);letter-spacing:.1em;color:var(--muted)}.hero h1{font:500 clamp(29px,3vw,42px)/1.1 var(--serif);letter-spacing:-.06em;margin:0}.hero-sub{font:10px var(--mono);letter-spacing:.07em;margin:1rem 0;color:var(--muted)}.hero-art{height:calc(100vh - 7.3vw - 64px);position:relative;overflow:hidden;background:#d2c3b2}.hero-art:before{content:'';position:absolute;width:58%;aspect-ratio:1;border:1px solid rgba(41,39,37,.48);border-radius:50%;left:8%;top:9%}.hero-art:after{content:'';position:absolute;width:37%;aspect-ratio:1;background:#f8f7f4;border-radius:50%;right:7%;bottom:9%}.hero-art-label{position:absolute;z-index:2;top:7%;left:6%;font:14px/1.05 var(--mono);letter-spacing:-.06em}.hero-art-label span{font-size:9px;letter-spacing:.1em}.hero-orbit{position:absolute;width:32%;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;top:27%;left:35%;z-index:2}.hero-orbit:before{content:'';position:absolute;width:32%;aspect-ratio:1;right:-13%;top:4%;border-radius:50%;background:#919188}.hero-shape-a{width:17%;height:57%;position:absolute;left:28%;bottom:6%;border-radius:50% 50% 0 0;background:var(--ink);transform:rotate(28deg)}.hero-shape-b{width:30%;aspect-ratio:1;position:absolute;right:17%;top:38%;border-radius:48% 52% 41% 59%;background:#e8e1d8}.hero-dots{position:absolute;right:8%;bottom:8%;font-size:7vw;line-height:.8;z-index:3}.scroll-mark{position:absolute;left:3.3vw;bottom:3.3vw;font:9px var(--mono);letter-spacing:.08em;display:flex;gap:.6rem;align-items:center}.scroll-mark i{display:block;width:28px;height:1px;background:var(--ink)}.section{padding:clamp(90px,12vw,180px) 8.5vw}.intro{padding-top:14vw;padding-bottom:14vw}.intro-grid{display:grid;grid-template-columns:1fr 240px;align-items:end;gap:3rem}.intro h2{font:500 clamp(27px,3.5vw,46px)/1.32 var(--serif);letter-spacing:-.06em;margin:0}.intro p{font-size:13px;color:var(--muted);margin:0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:4rem}.section-head h2,.about h2,.instagram h2,.contact h2{font:500 30px/1.2 var(--serif);letter-spacing:-.05em;margin:0}.text-link{padding:0 0 3px;background:none;border:0;border-bottom:1px solid var(--ink);font:10px var(--mono);letter-spacing:.08em;cursor:pointer}.filter{display:flex;gap:1.2rem;margin:0 0 6rem;border:0}.filter button{padding:0;background:none;border:0;color:var(--muted);font:10px var(--mono);letter-spacing:.07em;cursor:pointer}.filter button.active{color:var(--ink);border-bottom:1px solid var(--ink)}.works-grid{display:block}.work-card{width:78%;margin:0 0 14vw}.work-card:nth-child(even){width:57%;margin-left:auto}.work-card:nth-child(3n){width:68%;margin-left:8%}.work-open{all:unset;display:block;width:100%;cursor:pointer}.work-visual{position:relative;width:100%;overflow:hidden;display:grid;place-content:center;background:var(--work-color)}.work-visual:before{content:'';position:absolute;width:42%;aspect-ratio:1;border:1px solid rgba(41,39,37,.42);border-radius:50%;top:12%;left:13%}.work-visual:after{content:'';position:absolute;width:30%;aspect-ratio:1;border-radius:50%;background:rgba(248,247,244,.85);right:10%;bottom:12%}.work-visual i{position:absolute;width:16%;height:47%;background:var(--ink);border-radius:30px 30px 0 0;transform:rotate(27deg);bottom:4%;left:37%;opacity:.85}.work-visual span{z-index:2;text-align:center;font:clamp(17px,2.2vw,29px)/1 var(--mono);letter-spacing:-.07em}.work-visual b{display:none}.wide{aspect-ratio:1.45}.tall{aspect-ratio:.85}.square{aspect-ratio:1}.portrait{aspect-ratio:.78}.work-visual.has-image:before,.work-visual.has-image:after,.work-visual.has-image i{display:none}.work-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.work-open:hover img{transform:scale(1.025)}.work-meta{padding-top:.75rem;display:flex;gap:.7rem;align-items:baseline}.work-meta p,.work-meta span{font:10px var(--mono);letter-spacing:.04em;color:var(--muted);margin:0}.work-meta h3{font:500 13px var(--sans);margin:0;order:-1}.approach{background:var(--ink);color:var(--paper)}.approach-top{display:grid;grid-template-columns:1fr 280px;gap:2rem;align-items:end}.approach-top .eyebrow{grid-column:1/-1;color:#bdb5ac}.approach h2{font:500 clamp(26px,3vw,40px)/1.35 var(--serif);letter-spacing:-.05em;margin:0}.approach-top p:last-child,.approach-foot p{font-size:12px;color:#c4bdb5;margin:0}.flow{display:flex;align-items:center;margin:7vw 0}.flow-item{width:19%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:.9rem;border:1px solid #77716a}.flow-item span,.flow-item i{font:9px var(--mono);color:#bdb5ac;font-style:normal}.flow-item b{font:11px var(--mono);letter-spacing:-.04em}.flow-line{height:1px;flex:1;background:#77716a}.flow-item.illustration,.flow-item.branding{background:var(--beige);color:var(--ink);border-color:var(--beige)}.approach-foot{border-top:1px solid #77716a;padding-top:1.2rem;display:flex;justify-content:space-between;align-items:center}.round-link{font:10px var(--mono);border-bottom:1px solid var(--paper);padding-bottom:2px}.service{padding-top:12vw}.head-note{margin:0;color:var(--muted);font-size:12px}.services{border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:9% 32% 1fr auto;gap:1rem;border-bottom:1px solid var(--line);padding:1.3rem 0}.service-item span,.service-item i{font:10px var(--mono);font-style:normal}.service-item h3{font:11px var(--mono);margin:0}.service-item p{margin:0;font-size:12px;color:var(--muted);max-width:360px}.about{display:grid;grid-template-columns:.85fr 1fr;gap:9vw;background:#f1ece5}.about-image{min-height:480px;background:#bcb3a6;position:relative;display:grid;place-content:center;overflow:hidden}.about-image:before{content:'';position:absolute;width:56%;height:76%;bottom:-4%;border:1px solid #625d58;border-radius:48% 48% 0 0}.about-image:after{content:'';position:absolute;right:13%;top:20%;width:23%;aspect-ratio:1;border-radius:50%;background:#292725}.about-image span{z-index:1;font:10px var(--mono);letter-spacing:.1em}.about-copy{align-self:center}.about-copy h2{margin-bottom:2rem}.about-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:470px}.about-sign{display:flex;gap:1rem;align-items:end;margin:2rem 0}.about-sign strong{font:500 20px var(--serif)}.about-sign span{font:9px var(--mono)}.instagram{display:grid;grid-template-columns:.65fr 1.35fr;gap:6vw}.instagram h2{font-size:33px;margin-bottom:1.4rem}.insta-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:300px;margin-bottom:1.8rem}.button-dark{background:var(--ink);color:var(--paper);display:inline-block;padding:.8rem 1rem;border:0;font:10px var(--mono);letter-spacing:.07em}.insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.insta-post{background:var(--post-color);aspect-ratio:1;display:grid;place-content:center;position:relative}.insta-post span{font:10px/1 var(--mono);text-align:center}.insta-post i{display:none}.contact{background:var(--beige);display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact h2{font-size:38px;margin:0 0 1.6rem}.contact-title>p:not(.eyebrow){font-size:13px;color:var(--muted)}.contact-form{display:grid;gap:1.3rem;align-self:end}.contact-form label{font-size:11px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;display:block;padding:.55rem 0;border:0;border-bottom:1px solid #92887d;background:transparent;border-radius:0;outline:0;font-size:13px}.contact-form textarea{resize:vertical}.form-note{font-size:10px;color:var(--muted);margin:0}footer{background:var(--ink);color:var(--paper);padding:4vw 5vw;display:grid;grid-template-columns:1fr 1fr auto;gap:1rem}footer p,footer a,footer small{font:10px var(--mono);letter-spacing:.06em;margin:0}footer div{display:flex;gap:1rem}footer small{grid-column:1/-1;color:#aaa39b;margin-top:3rem}dialog{max-width:min(900px,92vw);border:0;padding:0;background:var(--paper)}dialog::backdrop{background:rgba(30,28,25,.7)}#modalContent{display:grid;grid-template-columns:1fr 1fr}.modal-visual .work-visual{height:100%}.modal-copy{padding:3.5rem 2.5rem}.modal-copy h2{font:500 35px var(--serif);margin:0 0 2rem}.modal-copy dl{margin:0}.modal-copy dl div{border-top:1px solid var(--line);padding:.8rem 0}.modal-copy dt{font:9px var(--mono)}.modal-copy dd{font-size:12px;margin:.2rem 0 0}.modal-close{position:absolute;right:.8rem;top:.5rem;border:0;background:none;font-size:25px;z-index:3}.reveal{opacity:0;transform:translateY(12px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.site-header{height:56px;padding:0 5vw}.logo{font-size:24px}.menu-toggle{display:grid;grid-template-columns:16px auto;gap:3px 7px;border:0;background:none;padding:0}.menu-toggle span{width:16px;height:1px;background:var(--ink);grid-column:1}.menu-toggle b{grid-column:2;grid-row:1/4;font:9px var(--mono)}nav{position:fixed;inset:56px 0 0;padding:13vw 5vw;display:flex;flex-direction:column;align-items:start;gap:1.7rem;background:var(--paper);transform:translateX(100%);transition:transform .3s;z-index:3}nav.open{transform:none}nav a{font:20px var(--serif)}.hero{display:block;min-height:auto;padding:56px 0 0}.hero-copy{padding:12vw 5vw 7vw}.hero h1{font-size:34px}.hero-art{height:118vw}.scroll-mark{left:5vw;bottom:5vw}.section{padding:23vw 5vw}.intro{padding-top:26vw;padding-bottom:26vw}.intro-grid,.approach-top,.about,.instagram,.contact{display:block}.intro h2{font-size:31px}.intro-grid p{margin-top:1.6rem;max-width:280px}.section-head{margin-bottom:2rem}.section-head h2{font-size:28px}.filter{overflow:auto;gap:1rem;margin-bottom:16vw;white-space:nowrap}.work-card,.work-card:nth-child(even),.work-card:nth-child(3n){width:100%;margin:0 0 22vw}.work-card:nth-child(even){margin-left:0}.work-card:nth-child(3n){margin-left:0}.work-meta{gap:.45rem;flex-wrap:wrap}.approach h2{font-size:29px}.approach-top p:last-child{margin-top:1.8rem}.flow{display:grid;grid-template-columns:1fr 18px 1fr;margin:13vw 0}.flow-item{width:100%;padding:.7rem}.flow-line:nth-of-type(4){display:none}.flow-item:nth-of-type(5){grid-column:1}.flow-item:nth-of-type(7){grid-column:3}.approach-foot{display:block}.approach-foot p{margin-bottom:1.4rem}.service-item{grid-template-columns:15% 1fr auto}.service-item p{grid-column:2/4;margin-top:.5rem}.head-note{display:none}.about-image{min-height:105vw}.about-copy{padding-top:17vw}.instagram h2{font-size:31px}.insta-copy{margin-bottom:13vw}.contact h2{font-size:36px}.contact-title{margin-bottom:13vw}footer{padding:11vw 5vw;grid-template-columns:1fr auto}footer p{grid-column:1/-1}footer div{flex-direction:column;text-align:right}footer small{margin-top:2rem}#modalContent{display:block}.modal-visual .work-visual{aspect-ratio:1.25}.modal-copy{padding:2rem 1.4rem}.modal-close{color:var(--paper)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}