:root{--paper:#f5f4ef;--ink:#151515;--muted:#77756f;--line:#d5d2c9;--yellow:#e9c965;--yellow-soft:#f0df9e;--dark:#1c1c1b;--side:260px;--serif:"Noto Serif SC",serif;--sans:"Manrope","Noto Sans SC",sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;cursor:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;cursor:none}.site-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:var(--side);height:100vh;padding:38px 28px 30px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--paper);z-index:20}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--ink);border-radius:50%;font:500 11px var(--mono);letter-spacing:-.1em}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:11px;letter-spacing:.16em}.brand-copy small,.eyebrow,.project-type,.card-label,.topbar-label,.sidebar-bottom,.hero-foot,.image-caption,.timeline-label,.work-note,.footer{font:500 9px var(--mono);letter-spacing:.12em}.sidebar-rule{height:1px;background:var(--line);margin:42px 0 22px}.eyebrow{color:var(--muted);margin:0}.accent{color:#b88a10}.side-nav{display:flex;flex-direction:column;margin-top:18px}.side-nav a{display:flex;gap:15px;padding:13px 0;border-bottom:1px solid transparent;color:var(--muted);transition:.25s ease}.side-nav a span:first-child{font:500 10px var(--mono);color:#aaa69c}.side-nav a:hover,.side-nav a.active{color:var(--ink);border-bottom-color:var(--line)}.side-nav a.active span:first-child{color:#b88a10}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px;letter-spacing:.07em;flex-wrap:wrap}.sidebar-location{width:100%;margin-left:15px;color:#aaa69c}.status-dot{width:7px;height:7px;background:#86a875;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #dbe6d7}.main-content{width:calc(100% - var(--side));margin-left:var(--side);overflow:hidden}.topbar{height:78px;padding:0 52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.topbar-label{color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:28px}.lang-switch{font-size:11px;letter-spacing:.06em;color:var(--muted)}.lang-switch span{color:#c0bdb4;margin:0 4px}.menu-toggle{display:none;align-items:center;gap:8px;font:500 9px var(--mono);letter-spacing:.12em}.section-pad{padding:96px 7vw;position:relative}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(280px,.9fr) minmax(380px,1.1fr);gap:6vw;align-items:center;padding-top:82px;padding-bottom:74px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(52px,6.7vw,105px);line-height:.98;letter-spacing:-.08em;font-weight:700;margin:27px 0 32px}.hero h1 em{font-family:var(--serif);font-style:normal;font-weight:600;letter-spacing:-.14em}.outline-text{color:transparent;-webkit-text-stroke:1px var(--ink)}.hero-intro{max-width:330px;color:var(--muted);line-height:1.85;margin:0}.circle-cta{display:flex;align-items:center;justify-content:center;gap:17px;width:101px;height:101px;margin-top:47px;border:1px solid var(--ink);border-radius:50%;font-size:11px;line-height:1.35;transition:.3s ease}.circle-cta i{font-size:16px}.circle-cta:hover{background:var(--yellow);border-color:var(--yellow);transform:rotate(-10deg)}.hero-art{position:relative}.hero-image-frame{position:relative;width:min(100%,560px);margin-left:auto}.hero-image-frame:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid var(--line);z-index:-1}.hero-image-frame img{width:100%;height:min(63vh,570px);object-fit:cover;display:block;filter:saturate(.75)}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 19px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;display:flex;justify-content:space-between;font-size:8px}.floating-note{position:absolute;background:var(--yellow);padding:12px 15px;display:flex;gap:11px;align-items:center;font:500 9px var(--mono);letter-spacing:.07em}.floating-note strong{font:500 18px var(--sans)}.note-one{top:8%;left:-50px;transform:rotate(-4deg)}.note-two{bottom:9%;right:-34px;background:var(--ink);color:#fff;transform:rotate(5deg)}.note-two strong{font-size:25px;color:var(--yellow)}.hero-foot{position:absolute;bottom:28px;left:7vw;right:7vw;display:flex;justify-content:space-between;color:#aaa69c;font-size:8px}.section-header{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px}.section-index{font-family:var(--serif);font-size:14px;color:var(--muted)}.about-section{background:#efeee8}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:90px}.serif-lead{font:600 clamp(35px,4.4vw,68px)/1.25 var(--serif);letter-spacing:-.12em;margin:0}.serif-lead span{color:#b88a10}.muted-copy{color:var(--muted);line-height:1.9;max-width:400px}.about-lead .muted-copy{margin-top:45px}.about-details{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);align-self:start}.detail-card{min-height:151px;background:#efeee8;padding:20px}.card-label{color:#aaa69c}.detail-card p{line-height:1.8;margin:25px 0 0}.detail-muted{color:var(--muted);font-size:12px}.timeline{display:grid;grid-template-columns:160px 1px 1fr;gap:28px;margin-top:110px;padding-bottom:25px}.timeline-label{color:#aaa69c;padding-top:3px}.timeline-line{background:var(--ink);position:relative}.timeline-line:before,.timeline-line:after{content:"";position:absolute;width:7px;height:7px;background:var(--yellow);border:1px solid var(--ink);border-radius:50%;left:-3px}.timeline-line:before{top:0}.timeline-line:after{bottom:0}.timeline-item{border-bottom:1px solid var(--line);padding:0 0 31px;margin-bottom:31px}.timeline-item span{font:500 11px var(--mono);color:#b88a10}.timeline-item strong{display:block;margin:12px 0 10px;font-size:16px}.timeline-item p{color:var(--muted);line-height:1.8;margin:0;max-width:500px}.works-section{background:var(--paper)}.works-intro{display:flex;align-items:end;justify-content:space-between;padding:77px 0 50px}.works-intro h2,.lab-heading h2,.contact-copy h2{font-size:clamp(58px,8vw,120px);line-height:.84;letter-spacing:-.09em;margin:0}.works-intro h2 i,.contact-copy h2 em{font-family:var(--serif);font-style:normal;color:#b88a10;letter-spacing:-.15em}.works-intro p{color:var(--muted);line-height:1.8;margin:0 0 6px}.filter-row{display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:15px}.filter-btn{font:500 10px var(--mono);letter-spacing:.07em;border:1px solid var(--line);padding:11px 14px;color:var(--muted);transition:.25s}.filter-btn span{color:#aaa69c;margin-left:6px}.filter-btn:hover,.filter-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:58px 30px;margin-top:40px}.work-card-large,.work-card-wide{grid-column:span 2}.work-card{transition:.35s}.work-card.hidden{display:none}.work-trigger{text-align:left;width:100%;padding:0}.work-image{position:relative;overflow:hidden;background:#ddd}.work-card-large .work-image,.work-card-wide .work-image{height:min(55vw,590px)}.work-card:not(.work-card-large):not(.work-card-wide) .work-image{height:min(32vw,340px)}.work-image img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s;filter:saturate(.78)}.work-trigger:hover .work-image img{transform:scale(1.06);filter:saturate(1)}.work-arrow{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--yellow);opacity:0;transform:translateY(10px);transition:.3s}.work-trigger:hover .work-arrow{opacity:1;transform:translateY(0)}.work-meta{display:flex;justify-content:space-between;gap:20px;padding-top:15px}.project-no{font:500 10px var(--mono);color:#b88a10;margin-right:13px}.work-meta h3{font-size:17px;font-weight:600;display:inline;margin:0}.project-type{color:#aaa69c;white-space:nowrap;padding-top:3px}.work-note{display:flex;align-items:center;gap:8px;color:#aaa69c;margin:52px 0 0}.work-note i{font-size:13px}.lab-section{background:var(--dark);color:#fff}.lab-section .section-header{border-top-color:#484742}.lab-section .section-index,.lab-section .eyebrow{color:#8e8d86}.lab-heading{display:flex;align-items:end;justify-content:space-between;padding:85px 0 75px}.lab-heading h2 span{color:var(--yellow);font-family:var(--serif);letter-spacing:-.16em}.lab-stamp{width:112px;height:112px;border:1px solid #707068;border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--yellow);font:500 10px var(--mono);line-height:1.35;transform:rotate(10deg)}.lab-stamp i{font-size:17px}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#484742}.lab-card{min-height:300px;padding:24px;background:var(--dark);display:flex;flex-direction:column}.lab-card.dark-card{background:#252522}.lab-card.accent-card{background:var(--yellow);color:var(--ink)}.lab-number{font:500 10px var(--mono);color:#8e8d86}.accent-card .lab-number{color:#7c6113}.lab-card i{font-size:28px;margin-top:52px;color:var(--yellow)}.accent-card i{color:var(--ink)}.lab-card h3{font-size:21px;margin:17px 0 9px}.lab-card p{color:#a7a59f;line-height:1.7;margin:0;max-width:240px}.accent-card p{color:#6e5a1a}.skill-strip{display:flex;gap:30px;align-items:center;margin-top:82px;padding-top:17px;border-top:1px solid #484742}.skill-strip>span{font:500 9px var(--mono);color:#8e8d86;white-space:nowrap}.skill-strip div{display:flex;gap:10px;flex-wrap:wrap}.skill-strip b{font-size:12px;font-weight:500;padding:10px 13px;background:#2f2e2a;border:1px solid #4d4c46}.contact-section{background:var(--yellow-soft)}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;padding:90px 0 120px}.contact-copy h2{font-size:clamp(48px,6.2vw,92px);margin:26px 0 33px}.contact-copy .muted-copy{max-width:430px}.contact-links{margin-top:54px;border-top:1px solid #c7ae64}.contact-links a{display:flex;align-items:center;gap:12px;border-bottom:1px solid #c7ae64;padding:17px 0;transition:.25s}.contact-links a:hover{padding-left:8px}.contact-links a i:first-child{font-size:18px}.contact-links a i:last-child{margin-left:auto}.contact-form{display:flex;flex-direction:column;gap:27px}.contact-form label{font:500 9px var(--mono);letter-spacing:.1em;color:#7a641c;display:flex;flex-direction:column;gap:10px}.contact-form input,.contact-form textarea,.contact-form select{border:0;border-bottom:1px solid #b99f56;background:transparent;padding:9px 0;outline:0;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a38e53}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-bottom-color:var(--ink)}.submit-btn{align-self:flex-start;margin-top:5px;background:var(--ink);color:#fff;padding:15px 21px;font:500 10px var(--mono);letter-spacing:.06em;transition:.25s}.submit-btn:hover{background:#fff;color:var(--ink)}.submit-btn i{margin-left:25px}.footer{border-top:1px solid #c7ae64;padding-top:18px;display:flex;justify-content:space-between;color:#8f7628}.footer a:hover{color:var(--ink)}.mobile-menu{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.3s}.modal.open{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:rgba(10,10,10,.7);backdrop-filter:blur(6px)}.modal-content{position:relative;z-index:1;background:var(--paper);width:min(92vw,930px);max-height:90vh;display:grid;grid-template-columns:1.15fr .85fr;transform:translateY(20px);transition:.35s}.modal.open .modal-content{transform:translateY(0)}.modal-media{min-height:460px}.modal-media img{width:100%;height:100%;object-fit:cover;display:block}.modal-info{padding:58px 42px;display:flex;flex-direction:column;justify-content:center}.modal-info h2{font-size:34px;line-height:1.08;letter-spacing:-.06em;margin:25px 0 18px}.modal-info p{color:var(--muted);line-height:1.9;margin:0}.modal-link{margin-top:44px;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:9px;align-self:flex-start}.modal-close{position:absolute;top:13px;right:13px;z-index:2;background:var(--paper);width:32px;height:32px;font-size:18px}.toast{position:fixed;bottom:25px;left:50%;z-index:200;background:var(--ink);color:#fff;padding:14px 19px;font-size:12px;opacity:0;transform:translate(-50%,15px);pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.cursor-dot,.cursor-ring{position:fixed;pointer-events:none;z-index:300;transform:translate(-50%,-50%);border-radius:50%;mix-blend-mode:multiply}.cursor-dot{width:6px;height:6px;background:var(--ink)}.cursor-ring{width:28px;height:28px;border:1px solid var(--ink);transition:width .2s,height .2s,background .2s}.cursor-ring.hover{width:45px;height:45px;background:rgba(233,201,101,.35)}
@media(max-width:980px){:root{--side:210px}.sidebar{padding-left:20px;padding-right:20px}.topbar{padding:0 34px}.section-pad{padding-left:5vw;padding-right:5vw}.hero{gap:4vw}.hero h1{font-size:clamp(47px,7.5vw,78px)}.note-one{left:-25px}.note-two{right:-15px}.hero-foot{left:5vw;right:5vw}.works-intro{align-items:start;flex-direction:column;gap:28px}.contact-grid{gap:5vw}}
@media(max-width:720px){body{cursor:auto}.cursor-dot,.cursor-ring{display:none}.site-shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center}.brand-mark{width:31px;height:31px}.brand-copy strong{font-size:10px}.brand-copy small{font-size:8px}.sidebar-rule,.sidebar .eyebrow,.side-nav,.sidebar-bottom{display:none}.main-content{width:100%;margin:0}.topbar{height:58px;padding:0 20px;border-bottom:1px solid var(--line)}.menu-toggle{display:flex}.topbar-label{font-size:8px}.lang-switch{display:none}.mobile-menu{display:flex;max-height:0;overflow:hidden;flex-direction:column;background:var(--ink);color:#fff;transition:max-height .35s,padding .35s;visibility:hidden;pointer-events:none;padding:0 20px}.mobile-menu.open{max-height:310px;padding:15px 20px 20px;visibility:visible;pointer-events:auto}.mobile-menu a{padding:12px 0;border-bottom:1px solid #3d3d39;font:500 11px var(--mono)}.hero{min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:55px;padding-top:65px;padding-bottom:85px}.hero h1{font-size:15vw}.hero-intro{font-size:13px;max-width:290px}.circle-cta{margin-top:32px}.hero-art{padding:0 9px}.hero-image-frame:before{inset:-12px 12px 12px -12px}.hero-image-frame img{height:70vw;max-height:430px}.floating-note{font-size:8px;padding:9px 10px}.note-one{left:-3px;top:8%}.note-two{right:-1px;bottom:6%}.hero-foot{position:static;margin-top:7px;padding:0 20px;font-size:7px}.section-pad{padding:60px 20px}.section-header{padding-top:12px}.section-index{font-size:12px}.about-grid{display:flex;flex-direction:column;gap:52px;padding-top:55px}.serif-lead{font-size:41px}.about-lead .muted-copy{margin-top:30px}.about-details{grid-template-columns:1fr 1fr}.detail-card{min-height:130px;padding:15px}.detail-card p{font-size:12px;margin-top:18px}.timeline{grid-template-columns:90px 1px 1fr;gap:14px;margin-top:60px}.timeline-item strong{font-size:14px}.timeline-item p{font-size:12px}.works-intro{padding:55px 0 37px}.works-intro h2,.lab-heading h2{font-size:20vw}.works-intro p{font-size:12px}.filter-row{gap:7px}.filter-btn{font-size:8px;padding:9px 10px}.work-grid{grid-template-columns:1fr;gap:42px;margin-top:28px}.work-card-large,.work-card-wide{grid-column:span 1}.work-card-large .work-image,.work-card-wide .work-image{height:65vw;max-height:430px}.work-card:not(.work-card-large):not(.work-card-wide) .work-image{height:65vw;max-height:430px}.work-meta{padding-top:12px}.work-meta h3{font-size:14px}.project-type{font-size:8px}.lab-heading{padding:54px 0 48px;align-items:end}.lab-stamp{width:84px;height:84px;font-size:8px}.lab-grid{grid-template-columns:1fr;gap:1px}.lab-card{min-height:250px}.lab-card i{margin-top:34px}.skill-strip{align-items:start;flex-direction:column;gap:18px;margin-top:55px}.skill-strip b{font-size:10px}.contact-grid{display:flex;flex-direction:column;gap:58px;padding:55px 0 75px}.contact-copy h2{font-size:14vw}.contact-links{margin-top:38px}.contact-form{gap:22px}.footer{font-size:7px;gap:10px;flex-wrap:wrap}.footer a{width:100%;margin-top:8px}.modal-content{width:calc(100vw - 30px);grid-template-columns:1fr;max-height:90vh;overflow:auto}.modal-media{min-height:270px;height:58vw}.modal-info{padding:28px 24px 32px}.modal-info h2{font-size:28px}.modal-link{margin-top:30px}}