@charset "UTF-8";
@font-face{font-family:Archivo;src:url('/assets/fonts/Archivo-latin.5809d68c68.woff2') format('woff2');font-display:swap;font-weight:100 900}
@font-face{font-family:"Instrument Serif";src:url('/assets/fonts/InstrumentSerif-Regular.6feff4b779.woff2') format('woff2');font-display:swap;font-style:normal}
@font-face{font-family:"Instrument Serif";src:url('/assets/fonts/InstrumentSerif-Italic.09ec03aa26.woff2') format('woff2');font-display:swap;font-style:italic}
@font-face{font-family:"Noto Sans TC";src:url('/assets/fonts/NotoSansTC-subset.a638a6edfa.woff2') format('woff2');font-display:swap}
:root{--night:#12110f;--paper:#eee9df;--muted:#aaa399;--line:#ffffff26;--orange:#d66d3f;--serif:"Instrument Serif",serif;--sans:Archivo,"Noto Sans TC",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit}button{font:inherit}.skip{position:fixed;left:16px;top:-100px;z-index:20;background:var(--paper);color:var(--night);padding:10px 14px}.skip:focus{top:16px}.case-shell{--brand:#d66d3f;--brand2:#6d3327;--surface:#1a1815;--screen:#ece6da;--screen-ink:#1b1916;overflow:hidden}.studio-head{height:70px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.studio-head a{text-decoration:none}.studio-nav{display:flex;gap:24px}.hero{min-height:calc(100svh - 70px);padding:clamp(30px,5vw,72px) clamp(20px,4vw,64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);grid-template-areas:"copy image" "meta image";gap:36px 7vw;border-bottom:1px solid var(--line)}.hero-copy{grid-area:copy;align-self:center}.eyebrow,.section-no,.spec-label,.frame-bar,.disclosure{font:600 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--brand);margin:0 0 26px}.hero h1{font-family:var(--serif);font-size:clamp(64px,9.4vw,148px);font-weight:400;line-height:.78;letter-spacing:-.055em;margin:0;max-width:8ch}.hero-statement{font-size:clamp(20px,2vw,30px);line-height:1.35;max-width:31ch;margin:42px 0 0}.hero-figure{grid-area:image;margin:0;position:relative;min-height:520px;border:1px solid var(--line);background:var(--surface);overflow:hidden}.hero-figure img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8) contrast(.98)}.hero-figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;background:#11100ed9;border-top:1px solid var(--line);font:10px/1.4 var(--mono);letter-spacing:.08em}.hero-meta{grid-area:meta;align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font:11px/1.7 var(--mono)}.hero-meta p{margin:0}.case-section{padding:clamp(80px,10vw,150px) clamp(20px,6vw,96px);border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(0,1.58fr);gap:40px;margin-bottom:clamp(46px,6vw,86px)}.section-no{color:var(--brand)}.section-head h2{font-family:var(--serif);font-size:clamp(48px,7vw,100px);font-weight:400;line-height:.9;letter-spacing:-.04em;margin:0;max-width:12ch}.prose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.prose-grid article{background:var(--night);padding:clamp(24px,3vw,44px);min-height:300px}.prose-grid h3{font:600 10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin:0 0 48px}.prose-grid p{margin:0;font-size:15px;line-height:1.8}.position{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;background:var(--paper);color:var(--night)}.position blockquote{font-family:var(--serif);font-size:clamp(38px,5vw,76px);line-height:1.02;letter-spacing:-.035em;margin:0}.position div p{font-size:17px;line-height:1.8;max-width:42ch}.system-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-bottom:54px}.system-intro p{max-width:45ch;margin:0;color:#d0c9bf}.system-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr 1fr;border:1px solid var(--line);background:var(--line);gap:1px}.system-card{background:var(--surface);min-height:300px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.system-card h3{font-size:20px;line-height:1.1;margin:20px 0 12px}.system-card p{font-size:12px;line-height:1.65;margin:0;color:#c8c0b6}.type-sample{font-family:var(--serif);font-size:clamp(38px,4vw,66px);line-height:.86;letter-spacing:-.045em}.swatches{display:flex}.swatches i{display:block;width:48px;height:72px;background:var(--c);border:1px solid #ffffff24}.grid-demo{height:110px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),#ffffff33 calc(16.666% - 1px),#ffffff33 16.666%)}.voice-sample{border-left:2px solid var(--brand);padding-left:14px!important;font-size:16px!important;color:var(--paper)!important}.interfaces{background:#171512}.interface-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-bottom:52px}.interface-intro p{max-width:44ch;margin:0}.frames{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,58px)}.interface-note{margin:0 0 16px;display:grid;grid-template-columns:70px 1fr;gap:16px;font-size:13px}.interface-note b{font:600 9px/1.5 var(--mono);letter-spacing:.1em;color:var(--brand)}.device{border:1px solid #ffffff3d;background:#0d0c0b;padding:8px;border-radius:18px;box-shadow:0 28px 80px #0008}.frame{background:var(--screen);color:var(--screen-ink);border-radius:11px;overflow:hidden;min-height:520px}.frame-bar{height:44px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid currentColor}.frame-body{min-height:476px;padding:clamp(24px,3vw,42px)}.frame h3{font-family:var(--serif);font-size:clamp(32px,3.5vw,52px);font-weight:400;line-height:1;margin:0}.frame p{font-size:13px}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice{border:1px solid currentColor;background:transparent;color:inherit;min-height:42px;padding:0 14px;cursor:pointer;font:600 10px/1 var(--mono);letter-spacing:.06em}.choice[aria-pressed="true"],.choice[aria-current="step"]{background:var(--screen-ink);color:var(--screen)}.primary{border:0;background:var(--screen-ink);color:var(--screen);min-height:46px;padding:0 21px;font:700 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.outcome{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.outcome h2{font-family:var(--serif);font-size:clamp(48px,6vw,88px);font-weight:400;line-height:.95;letter-spacing:-.04em;margin:18px 0 30px}.outcome-copy{font-size:17px;line-height:1.8;max-width:40ch}.next-list{display:grid}.next-list div{border-top:1px solid var(--line);padding:20px 0}.next-list h3{font:600 10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin:0 0 10px}.next-list p{font-size:14px;margin:0}.next-case{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;text-decoration:none;padding:clamp(60px,9vw,130px) clamp(20px,6vw,96px);background:var(--brand);color:#15120f}.next-case small{font:600 10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}.next-case strong{font-family:var(--serif);font-size:clamp(46px,7vw,104px);font-weight:400;line-height:.85}.studio-foot{padding:28px clamp(20px,4vw,64px);display:flex;justify-content:space-between;gap:30px;color:var(--muted);font:10px/1.6 var(--mono)}
.atelier{--brand:#c1717e;--brand2:#6d3a47;--surface:#20191b;--screen:#f1e3df;--screen-ink:#382428}.atelier .hero{grid-template-columns:.88fr 1.12fr}.atelier .hero h1,.atelier .section-head h2,.atelier .position blockquote{font-style:italic}.atelier .hero-figure{transform:rotate(1.25deg)}.atelier .type-sample{font-style:italic}.nail-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:55px 0 30px}.nail-row i{height:112px;border:1px solid #493036;border-radius:48% 48% 36% 36%;background:#d6c6ca}.nail-row[data-tone="olive"] i{background:#7e8267}.nail-row[data-tone="cherry"] i{background:#8f3346}.appointment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:45px 0}.appointment-grid button{border:0;border-bottom:1px solid;background:transparent;padding:16px 4px;text-align:left;font:11px/1 var(--mono)}
.sharpening{--brand:#e0683a;--brand2:#4f5653;--surface:#171b1a;--screen:#d8d6cf;--screen-ink:#161a19}.sharpening .hero h1,.sharpening .section-head h2,.sharpening .position blockquote,.sharpening .type-sample{font-family:var(--sans);font-weight:850;text-transform:uppercase;letter-spacing:-.065em}.sharpening .hero{grid-template-columns:1.08fr .92fr}.sharp-blade{height:130px;margin:45px 0;background:linear-gradient(165deg,transparent 0 43%,#f2efe6 43.5% 62%,#555c59 62.5% 64%,transparent 64.5%);border-bottom:1px dotted}.sharp-steps{display:grid;margin-top:38px}.sharp-steps button{display:grid;grid-template-columns:32px 1fr auto;gap:12px;border:0;border-bottom:1px solid;background:transparent;color:inherit;padding:16px 0;text-align:left}.sharp-steps button[aria-current="step"]{color:#b84622}.sharp-output{border-top:1px solid;margin-top:30px;padding-top:20px}
.coffee{--brand:#f1c94f;--brand2:#d65c34;--surface:#32231c;--screen:#f3cf5d;--screen-ink:#3d281e}.coffee .hero{grid-template-columns:1.12fr .88fr}.coffee .hero h1,.coffee .section-head h2,.coffee .position blockquote,.coffee .type-sample{font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.075em}.coffee .hero h1{font-size:clamp(68px,11vw,165px)}.coffee .hero-figure{margin-top:8vw;margin-bottom:-3vw}.flavour-map{height:250px;position:relative;margin:35px 0;border:1px solid;background:radial-gradient(circle at 24% 35%,#f7e29d 0 7%,transparent 7.5%),radial-gradient(circle at 69% 52%,#dc6035 0 11%,transparent 11.5%),radial-gradient(circle at 49% 82%,#7e4b35 0 7%,transparent 7.5%),linear-gradient(115deg,transparent 49.8%,#3d281e88 50%,transparent 50.2%)}.flavour-map span{position:absolute;font:9px/1 var(--mono)}.flavour-map span:nth-child(1){left:6%;top:12%}.flavour-map span:nth-child(2){right:6%;top:38%}.flavour-map span:nth-child(3){left:36%;bottom:8%}.brew-ratio{font-size:clamp(70px,8vw,118px);font-weight:900;line-height:.8;letter-spacing:-.09em;margin:48px 0}.pour-list div{display:grid;grid-template-columns:1fr auto;padding:14px 0;border-bottom:1px solid;font:700 11px/1 var(--mono)}
.interior{--brand:#c77758;--brand2:#4c5955;--surface:#1a201e;--screen:#e9e4da;--screen-ink:#29312f}.interior .hero{grid-template-columns:.8fr 1.2fr}.interior .hero-figure{min-height:650px}.plan{height:280px;margin:32px 0;position:relative;border:2px solid;background:linear-gradient(90deg,transparent 49.7%,#29312f 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#29312f 50%,transparent 50.3%)}.plan::before{content:"";position:absolute;inset:13% 10% 22% 32%;border:1px solid}.plan-layer{position:absolute;border:1px dashed #a95538;background:#c7775830}.plan-layer[data-layer="light"]{inset:8% 8% 58% 56%}.plan-layer[data-layer="storage"]{inset:65% 12% 10% 12%}.plan-layer[hidden]{display:none}.decision-row{display:grid;grid-template-columns:28px 1fr auto;gap:12px;padding:18px 0;border-bottom:1px solid}.decision-row small{font:9px/1.4 var(--mono);color:#9a4d34}
.objects{--brand:#5e83d9;--brand2:#243e78;--surface:#191b1a;--screen:#f0eee7;--screen-ink:#1f2422}.objects .hero{grid-template-columns:1fr 1fr}.objects .hero-figure{margin:7vw 5vw 0 0;min-height:470px}.objects .system-grid{grid-template-columns:1.1fr .9fr 1fr 1fr 1fr}.object-parts{height:285px;position:relative;margin:18px 0}.object-parts i{position:absolute;left:50%;transform:translateX(-50%);border:1px solid}.object-parts i:nth-child(1){top:12px;width:120px;height:30px;border-radius:50%}.object-parts i:nth-child(2){top:63px;width:136px;height:132px;border-radius:12px 12px 56px 56px;background:#ded8cc}.object-parts i:nth-child(3){top:220px;width:150px;height:18px;border-radius:50%}.object-parts span{position:absolute;right:5%;font:9px/1 var(--mono)}.object-parts span:nth-of-type(1){top:18px}.object-parts span:nth-of-type(2){top:112px}.object-parts span:nth-of-type(3){top:224px}.care-output{min-height:130px;border-top:1px solid;margin-top:32px;padding-top:24px}.care-output strong{font-family:var(--serif);font-size:32px;font-weight:400}
@media(max-width:980px){.hero,.atelier .hero,.sharpening .hero,.coffee .hero,.interior .hero,.objects .hero{grid-template-columns:1fr;grid-template-areas:"copy" "image" "meta"}.hero-figure,.interior .hero-figure{min-height:58svh}.section-head,.position,.system-intro,.interface-intro,.outcome{grid-template-columns:1fr}.system-grid{grid-template-columns:repeat(2,1fr)}.frames{grid-template-columns:1fr}.prose-grid{grid-template-columns:1fr}.prose-grid article{min-height:0}.hero-figure,.atelier .hero-figure,.coffee .hero-figure,.objects .hero-figure{transform:none;margin:0}.objects .system-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.studio-nav a:first-child{display:none}.hero{min-height:auto}.hero h1{font-size:clamp(58px,21vw,92px)}.coffee .hero h1{font-size:clamp(56px,20vw,88px)}.hero-figure,.interior .hero-figure{min-height:440px}.hero-meta{grid-template-columns:1fr}.case-section{padding-block:72px}.system-grid,.objects .system-grid{grid-template-columns:1fr}.system-card{min-height:220px}.section-head h2{font-size:50px}.frame{min-height:0}.frame-body{min-height:440px}.outcome h2{font-size:50px}.next-case{align-items:flex-start;flex-direction:column}.studio-foot{flex-direction:column}.choice{min-height:44px}.primary{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.swatch-paper{--c:var(--paper)}.swatch-dark{--c:var(--screen-ink)}.swatch-brand{--c:var(--brand)}
.system-intro .section-head,.interface-intro .section-head{display:block;margin:24px 0 0}.system-intro .section-head h2,.interface-intro .section-head h2{max-width:12ch}