@font-face{font-family:Manrope;src:url('./fonts/manrope-latin.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:'JK Text';src:url('./fonts/jk-text.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{--bg:#f6f2e9;--surface:#fffcf5;--ink:#22231f;--muted:#74746a;--accent:#e5492b;--line:#d7d3c8;--sans:Manrope,'JK Text','Microsoft YaHei',sans-serif;--radius:0;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 var(--sans);font-synthesis:none;-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:#fff}.studio-shell{max-width:1400px;margin:auto;padding-inline:48px}.studio-skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:#fff;padding:12px 18px;z-index:40}.studio-skip:focus{top:10px}
.studio-header{position:sticky;top:0;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:25px;height:84px;padding-inline:48px;background:var(--bg);border-bottom:1px solid var(--line)}.studio-brand{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:650}.studio-mark{font:800 42px/1.2 Manrope,sans-serif;letter-spacing:-.07em;white-space:nowrap}.studio-mark span{color:var(--accent)}.studio-header nav{display:flex;gap:34px;font-size:14px}.studio-header nav a:hover{color:var(--accent)}.presentation-link{font-size:13px;color:var(--muted)}.presentation-link span{font-size:19px;margin-left:14px}
.studio-intro{display:grid;grid-template-columns:1.65fr 1fr;gap:70px;align-items:end;padding-block:66px 74px}.studio-intro-label{font-size:13px;letter-spacing:.04em;margin:0 0 26px;color:var(--muted)}.studio-intro h1{font-family:'JK Text',sans-serif;font-size:clamp(52px,7vw,106px);letter-spacing:-.055em;line-height:1.17;font-weight:800;margin:0;white-space:nowrap}.studio-intro h1 span{color:var(--accent)}.studio-intro-note{padding-bottom:5px}.intro-rule{display:block;background:var(--accent);width:44px;height:4px;margin-bottom:22px}.studio-intro-note>p{font-size:22px;line-height:1.75;margin:0 0 20px;font-weight:600}.studio-intro-note>p.intro-small{font-size:14px;line-height:1.9;font-weight:400;color:var(--muted);margin-bottom:22px}.studio-intro-note>a{display:flex;justify-content:space-between;max-width:240px;font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:9px}.studio-intro-note>a span{color:var(--accent);font-size:24px;line-height:1}
.studio-work{display:grid;grid-template-columns:250px minmax(0,1fr);gap:64px;padding-top:34px;padding-bottom:90px;border-top:2px solid var(--ink);align-items:start;scroll-margin-top:95px}.studio-index{position:sticky;top:112px}.index-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.index-heading h2{margin:0;font-size:15px;font-weight:650}.index-heading>span{font-size:11px;color:var(--muted)}#studio-project-list{display:flex;flex-direction:column}.index-project{display:grid;grid-template-columns:25px minmax(0,1fr) 15px;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);background:none;text-align:left;font-size:14px}.index-project .index-number{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}.index-project .index-name{line-height:1.4}.index-project .index-arrow{opacity:0;color:var(--accent)}.index-project[aria-selected=true]{color:var(--accent);font-weight:700}.index-project[aria-selected=true] .index-arrow{opacity:1}.index-project:hover{color:var(--accent)}.index-note{font-size:12px;line-height:1.9;color:var(--muted);margin:25px 0 0}
.studio-case{min-width:0;overflow-anchor:none;scroll-margin-top:110px}.case-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:22px}.case-heading h2{font-size:clamp(35px,4.1vw,62px);font-weight:800;line-height:1.2;letter-spacing:-.055em;margin:0 0 12px;overflow-wrap:anywhere}.case-meta{display:flex;flex-wrap:wrap;gap:8px 17px;font-size:11px;color:var(--muted);margin-bottom:15px}.case-meta span:first-child{color:var(--accent)}.case-heading .case-number{font:500 50px/1 Manrope,sans-serif;color:#c4c0b6;letter-spacing:-.06em;flex-shrink:0}.case-lead{font-size:20px;font-weight:600;line-height:1.75;letter-spacing:-.015em;max-width:38ch;margin:0 0 25px}.case-image{margin:0;min-width:0}.case-image-frame{background:#171a20;border:1px solid #22231f;overflow:hidden}.case-image-frame img{display:block;width:100%;height:auto;transform:none;filter:none;image-rendering:auto;cursor:zoom-in}.case-image-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;font-size:11px;color:var(--muted)}.case-image-controls button{background:none;padding:6px 0;font-size:12px;border-bottom:1px solid var(--ink);color:var(--ink)}.case-image-controls button:hover{color:var(--accent)}.case-gallery{display:flex;gap:8px 20px;flex-wrap:wrap;margin:6px 0 26px}.case-gallery button{background:none;color:var(--muted);font-size:12px;padding:7px 0;border-bottom:2px solid transparent}.case-gallery button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.case-gallery button:hover{color:var(--ink)}
.case-statement{background:#ede6d7;padding:34px 38px;margin:0 0 28px;font-size:clamp(25px,3vw,43px);line-height:1.5;letter-spacing:-.035em;font-weight:700;border-left:4px solid var(--accent)}.case-notes{display:grid;gap:0;margin:28px 0}.case-note{border-top:1px solid var(--line);padding:18px 0}.case-note summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:15px;font-weight:600}.case-note summary::-webkit-details-marker{display:none}.case-note summary::after{content:'+';font:400 21px/1.2 Manrope,sans-serif;color:var(--accent)}.case-note[open] summary::after{content:'−'}.case-note p{color:var(--muted);font-size:14px;line-height:1.95;margin:15px 0 0;max-width:66ch}.case-boundary{border-left:2px solid var(--line);padding-left:17px;color:var(--muted);font-size:12px;line-height:1.9;margin:27px 0}.case-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:18px;border-top:1px solid var(--ink)}.case-actions>a{font-size:14px;font-weight:600}.case-actions>button{font-size:12px;background:none;color:var(--muted);padding:8px 0}.case-actions>a span{color:var(--accent);margin-left:18px}.case-references{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:11px;color:var(--muted)}.case-references a{border-bottom:1px solid var(--line)}.case-references a:hover{color:var(--accent)}
.studio-process{display:grid;grid-template-columns:1fr 1.3fr;gap:95px;background:#e9e3d5;padding-block:78px 85px}.process-heading>p{font-size:12px;color:var(--muted);margin:0 0 24px}.process-heading h2{font-size:clamp(34px,4vw,57px);line-height:1.3;letter-spacing:-.045em;margin:0 0 27px;font-weight:750}.process-heading>span{font-size:14px;color:var(--muted);line-height:1.9}.method-step{border-top:1px solid #beb9ad;padding:20px 0}.method-step summary{display:grid;grid-template-columns:36px 1fr 20px;gap:20px;align-items:center;cursor:pointer;list-style:none}.method-step summary::-webkit-details-marker{display:none}.method-step summary>span{font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}.method-step strong{font-size:21px;font-weight:600;letter-spacing:-.025em}.method-step i{font:400 22px/1 Manrope,sans-serif;color:var(--accent)}.method-step[open] i{transform:rotate(45deg)}.method-step>p{font-size:14px;color:var(--muted);line-height:1.95;margin:17px 0 0 56px;max-width:47ch}
.studio-about{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;padding-block:88px}.studio-about h2{margin:0;font-size:clamp(34px,4vw,57px);font-weight:750;line-height:1.4;letter-spacing:-.05em}.studio-about>div>p{font-size:16px;line-height:1.95;color:var(--muted);max-width:35ch;margin:0 0 26px}.studio-contact{display:flex;justify-content:space-between;align-items:center;max-width:360px;gap:40px;background:var(--accent);color:#fff;padding:18px 22px;font-size:14px;font-weight:600}.studio-contact>span{font-size:26px;line-height:1}.studio-contact:hover{background:#cc3a1f}
.studio-footer{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-block:36px 46px;border-top:1px solid var(--ink)}.footer-jk{font:800 100px/1.25 Manrope,sans-serif;letter-spacing:-.08em;white-space:nowrap}.footer-jk span{color:var(--accent)}.studio-footer>div{margin-right:auto}.studio-footer>div>p{font-size:14px;margin:0 0 7px}.studio-footer>div>span,.studio-footer>a:last-child{font-size:11px;color:var(--muted)}
@media(min-width:1550px){.studio-intro h1{font-size:106px}}
@media(max-width:1100px){.studio-shell,.studio-header{padding-inline:32px}.studio-intro{gap:40px;grid-template-columns:1.65fr 1fr}.studio-intro h1{font-size:7vw}.studio-intro-note>p{font-size:19px}.studio-work{grid-template-columns:210px minmax(0,1fr);gap:35px}.studio-process{gap:50px}.method-step strong{font-size:18px}.studio-about{gap:45px}}
@media(max-width:767px){html{scroll-padding-top:85px}.studio-shell,.studio-header{padding-inline:22px}.studio-header{height:72px;gap:16px}.studio-brand>span:last-child{display:none}.studio-mark{font-size:36px}.studio-header nav{gap:19px;font-size:13px}.presentation-link{font-size:11px}.presentation-link span{margin-left:3px;font-size:15px}.studio-intro{grid-template-columns:1fr;gap:31px;padding-block:39px 42px}.studio-intro-label{font-size:11px;margin-bottom:20px}.studio-intro h1{font-size:clamp(41px,10.7vw,72px);line-height:1.23;letter-spacing:-.055em}.studio-intro-note{display:grid;grid-template-columns:1fr auto;column-gap:25px;align-items:start;padding-bottom:0}.intro-rule{display:none}.studio-intro-note>p{font-size:17px;line-height:1.7;margin:0 0 12px}.studio-intro-note>p.intro-small{grid-column:1/-1;font-size:12px;margin:0;order:3}.studio-intro-note>a{font-size:12px;gap:16px;padding-bottom:7px;order:2;align-self:center}.studio-intro-note>a span{font-size:20px}.studio-work{grid-template-columns:1fr;gap:30px;padding-top:22px;padding-bottom:55px;scroll-margin-top:87px}.studio-index{position:relative;top:auto}.index-heading{margin-bottom:13px}.index-heading h2{font-size:13px}#studio-project-list{display:flex;flex-direction:row;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:5px 2px 12px;scrollbar-width:thin}.index-project{display:flex;align-items:center;gap:10px;white-space:nowrap;border:1px solid var(--line);padding:13px 14px;font-size:12px;flex-shrink:0;scroll-snap-align:start}.index-project[aria-selected=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.index-project[aria-selected=true] .index-number{color:#bbb7ae}.index-arrow{display:none}.index-number{font-size:10px}.index-note{display:none}.case-heading{gap:15px;margin-bottom:17px}.case-heading h2{font-size:37px;line-height:1.25;letter-spacing:-.04em}.case-heading .case-number{font-size:37px}.case-meta{font-size:10px;gap:5px 12px;margin-bottom:12px}.case-lead{font-size:17px;line-height:1.8;margin-bottom:22px}.case-image-controls{font-size:10px}.case-image-controls button{font-size:11px}.case-gallery{gap:9px 18px}.case-gallery button{font-size:11px}.case-statement{padding:25px 26px;font-size:27px}.case-note p{font-size:14px}.case-boundary{font-size:11px}.case-actions>a{font-size:13px}.case-actions>button{font-size:11px}.case-references{font-size:10px}.studio-process{grid-template-columns:1fr;gap:33px;padding-block:48px 52px}.process-heading>p{margin-bottom:16px}.process-heading h2{font-size:35px;margin-bottom:16px}.process-heading>span{font-size:13px}.method-step{padding:18px 0}.method-step summary{grid-template-columns:26px 1fr 15px;gap:14px}.method-step strong{font-size:17px}.method-step>p{margin-left:40px;font-size:13px}.studio-about{grid-template-columns:1fr;gap:26px;padding-block:52px}.studio-about h2{font-size:34px}.studio-about>div>p{font-size:14px;max-width:none}.studio-contact{font-size:13px}.studio-footer{flex-wrap:wrap;gap:15px 25px;padding-block:28px 36px}.footer-jk{font-size:73px}.studio-footer>div>p{font-size:12px}.studio-footer>div>span{font-size:10px}.studio-footer>a:last-child{flex-basis:100%;font-size:11px}}
@media(max-width:360px){.studio-header{gap:12px}.studio-header nav{gap:13px}.studio-intro h1{font-size:10.65vw}.studio-intro-note{column-gap:12px}.studio-intro-note>p{font-size:15px}.studio-intro-note>a{font-size:11px;gap:9px}.case-heading h2{font-size:32px}.case-heading .case-number{font-size:32px}.studio-about h2{font-size:30px}}
.studio-index{min-width:0}
@media(max-width:767px){.studio-intro-note{grid-template-columns:1fr}.studio-intro-note>p{font-size:17px}.studio-intro-note>p.intro-small{order:2;margin-bottom:15px}.studio-intro-note>a{order:3;min-width:180px;max-width:210px;justify-self:start}#studio-project-list{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}