@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.woff2)format("woff2-variations")}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:300 700;src:url(/_astro/fraunces-latin-wght-italic.Py8at3oI.woff2)format("woff2-variations")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/instrument-sans-latin-400-normal.DRC__1Mx.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500 600;src:url(/_astro/instrument-sans-latin-600-normal.B7fBEWYG.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400 600;src:url(/_astro/jetbrains-mono-latin-500-normal.BWZEU5yA.woff2)format("woff2")}:root{--paper:#f1eadc;--paper-2:#e8dfcc;--card:#fbf7ee;--ink:#15211f;--ink-2:#3c4845;--muted:#6b716b;--line:#15211f24;--gold:#b07a1e;--stamp:#b3402a;--teal:#1e4a47;--teal-ink:#e9f0ec;--serif:"Fraunces Variable",Georgia,serif;--sans:"Instrument Sans",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--ease:cubic-bezier(.2,.7,.2,1);--fast:.16s;--r:14px;--wrap:min(1200px, 100% - 40px)}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--paper);color:var(--ink);font:400 18px/1.6 var(--sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#15211f09 1px,#0000 1px);background-size:4px 4px;margin:0}a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{width:var(--wrap);margin-inline:auto}.mono{font:500 14px/1.4 var(--mono);letter-spacing:.02em;text-transform:uppercase}.skip{position:absolute;left:-999px}.skip:focus{background:var(--ink);color:var(--paper);z-index:99;padding:8px 12px;top:16px;left:16px}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.top{z-index:20;backdrop-filter:blur(10px)saturate(1.2);background:color-mix(in srgb,var(--paper) 82%,transparent);transition:border-color var(--fast);border-bottom:1px solid #0000;position:sticky;top:0}.top.scrolled{border-color:var(--line)}.top .wrap{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.mark{letter-spacing:.01em;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.mark b{background:var(--ink);width:34px;height:34px;color:var(--paper);font:600 14px/1 var(--serif);border-radius:50%;place-items:center;font-style:italic;display:grid}.nav{align-items:center;gap:4px;display:flex}.nav a{transition:background var(--fast);border-radius:99px;padding:8px 12px;font-size:15px;text-decoration:none}.nav a:hover{background:var(--paper-2)}.nav .cta{background:var(--ink);color:var(--paper)}.nav .cta:hover{background:var(--teal)}@media (width<=640px){.nav a:not(.cta){display:none}}.hero{padding:56px 0 40px}.hero .wrap{grid-template-columns:1.25fr .75fr;align-items:center;gap:56px;display:grid}.status{border:1px solid var(--line);background:var(--card);border-radius:99px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:14px;display:inline-flex}.status i{background:#3e8e5e;border-radius:50%;width:8px;height:8px;animation:2s infinite ping;box-shadow:0 0 #3e8e5e80}@keyframes ping{70%{box-shadow:0 0 0 8px #3e8e5e00}to{box-shadow:0 0 #3e8e5e00}}h1{font:400 clamp(44px,6.2vw,88px)/.98 var(--serif);letter-spacing:-.025em;font-variation-settings:"opsz" 144,"SOFT" 50;margin:22px 0}h1 em{color:var(--teal);font-style:italic}.scribble{white-space:nowrap;position:relative}.scribble svg{width:104%;height:.32em;position:absolute;bottom:-.12em;left:-2%;overflow:visible}.scribble path{fill:none;stroke:var(--gold);stroke-width:5px;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420px;animation:draw .9s .35s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.lede{color:var(--ink-2);max-width:34ch;margin:0 0 30px;font-size:clamp(19px,1.6vw,22px)}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{border:1px solid var(--ink);transition:transform var(--fast) var(--ease),background var(--fast),color var(--fast);border-radius:99px;align-items:center;gap:10px;padding:14px 20px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:hover{background:var(--teal);border-color:var(--teal)}.btn .arr{transition:transform var(--fast) var(--ease)}.btn:hover .arr{transform:translate(3px)}.photo{width:min(360px,100%);transition:rotate .4s var(--ease);justify-self:center;position:relative;rotate:2.5deg}.photo:hover{rotate:0deg}.photo .frame{background:var(--card);border-radius:4px;padding:14px 14px 0;box-shadow:0 1px #0000000a,0 24px 50px -18px #15211f59}.photo img{aspect-ratio:1;object-fit:cover;filter:saturate(.92)contrast(1.02);border-radius:2px}.photo figcaption{font:500 14px/1.3 var(--mono);color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:8px;padding:12px 2px 14px;display:flex}.clip{border:3px solid #8c8f8a;border-bottom-color:#0000;border-radius:12px;width:22px;height:56px;position:absolute;top:-18px;left:28px;rotate:-6deg}.stamp{border:2.5px solid var(--stamp);color:var(--stamp);font:600 13px/1.15 var(--mono);text-transform:uppercase;text-align:center;background:color-mix(in srgb,var(--card) 60%,transparent);mix-blend-mode:multiply;letter-spacing:.04em;border-radius:6px;padding:8px 12px;position:absolute;top:-20px;right:-26px;rotate:9deg}.stamp small{opacity:.85;font-size:10.5px;font-weight:500;display:block}.js .stamp{opacity:0;scale:1.6}.js .stamp.on{animation:stamp .28s .7s var(--ease) forwards}@keyframes stamp{to{opacity:1;scale:1}}.proof{border-block:1px solid var(--line);margin-top:48px}.proof .wrap{grid-template-columns:repeat(3,1fr);display:grid}.proof div{border-left:1px solid var(--line);padding:22px 20px}.proof div:first-child{border-left:0;padding-left:0}.proof strong{font:400 30px/1.1 var(--serif);display:block}.proof span{color:var(--muted);font-size:15px}@media (width<=860px){.hero{padding-top:28px}.hero .wrap{grid-template-columns:1fr;gap:40px}.photo{order:-1;justify-self:start;width:min(300px,82%);margin-left:8px}.stamp{right:-18px}.proof .wrap{grid-template-columns:1fr}.proof div{border-left:0;border-top:1px solid var(--line);padding:16px 0}.proof div:first-child{border-top:0}}section{scroll-margin-top:80px}.head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;display:flex}.head h2{font:400 clamp(36px,4.4vw,60px)/1 var(--serif);letter-spacing:-.02em;margin:10px 0 0}.head h2 em{color:var(--teal)}.head p{max-width:40ch;color:var(--ink-2);margin:0}.kicker{color:var(--gold)}.work{padding:96px 0 40px}.projects{gap:28px;display:grid}.project{background:var(--card);border:1px solid var(--line);border-radius:var(--r);transition:transform .25s var(--ease),box-shadow .25s var(--ease);grid-template-columns:1.1fr .9fr;gap:0;text-decoration:none;display:grid;position:relative;overflow:hidden}.project:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px #15211f66}.project:nth-child(2n){grid-template-columns:.9fr 1.1fr}.project:nth-child(2n) .shot{order:2}.shot{background:var(--teal);align-items:flex-end;min-height:360px;padding:28px 28px 0;display:flex;position:relative;overflow:hidden}.shot.warm{background:#c9a56a}.shot.dark{background:#1b1f22}.browser{width:100%;transition:transform .35s var(--ease);background:#fff;border-radius:10px 10px 0 0;overflow:hidden;transform:translateY(8px);box-shadow:0 -10px 40px -10px #00000059}.project:hover .browser{transform:translateY(0)}.browser .bar{background:#edebe6;border-bottom:1px solid #ddd9d0;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.browser .bar i{background:#cfcac0;border-radius:50%;width:9px;height:9px}.browser .bar span{font:500 14px/1 var(--mono);color:#7a776f;background:#fff;border-radius:6px;flex:1;max-width:260px;margin-left:10px;padding:5px 10px}.viewport{height:320px;overflow:hidden}.viewport img{width:100%;transition:transform 2.4s var(--ease)}.project:hover .viewport.scroll img{transform:translateY(calc(320px - 100%))}.info{flex-direction:column;gap:14px;padding:34px 34px 30px;display:flex}.info .meta{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.info h3{font:400 clamp(30px,3vw,42px)/1.05 var(--serif);letter-spacing:-.015em;margin:0}.info .sub{color:var(--ink-2);margin:0;font-size:20px}.info dl{gap:10px;margin:6px 0 0;display:grid}.info dt{color:var(--muted)}.info dd{color:var(--ink-2);margin:2px 0 0;font-size:16.5px}.info .go{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font-weight:600;display:flex}.info .go b{background:var(--ink);width:44px;height:44px;color:var(--paper);transition:transform var(--fast) var(--ease),background var(--fast);border-radius:50%;place-items:center;display:grid}.project:hover .go b{background:var(--teal);transform:rotate(-45deg)}.tag{border:1.5px solid var(--stamp);color:var(--stamp);font:600 14px/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:4px 8px;display:inline-block;rotate:-3deg}@media (width<=860px){.project,.project:nth-child(2n){grid-template-columns:1fr}.project:nth-child(2n) .shot{order:0}.shot{min-height:0;padding:18px 18px 0}.viewport{height:230px}.project:hover .viewport.scroll img{transform:translateY(calc(230px - 100%))}.info{padding:24px 22px 22px}}.more{flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;display:flex}.more .mono{color:var(--muted);margin-right:6px}.chip{border:1px solid var(--line);background:var(--card);transition:border-color var(--fast),transform var(--fast) var(--ease);border-radius:99px;align-items:center;gap:8px;padding:10px 16px;font-size:15.5px;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--ink);transform:translateY(-2px)}.chip small{color:var(--muted);font-size:14px}.qual{background:var(--ink);color:var(--teal-ink);background-image:radial-gradient(#ffffff09 1px,#0000 1px);background-size:4px 4px;margin-top:80px;padding:96px 0}.qual .head p{color:#b9c6c0}.qual .head h2 em{color:#e2b864}.cards{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.card{background:var(--card);color:var(--ink);min-height:300px;transition:transform .3s var(--ease),rotate .3s var(--ease);background-image:repeating-linear-gradient(#0000 0 31px,#1e4a471f 31px 32px);background-position:0 70px;border-radius:6px;flex-direction:column;gap:12px;padding:26px 22px 22px;display:flex;position:relative;box-shadow:0 20px 40px -24px #0009}.card:before{content:"";border-top:1.5px solid #b3402a73;position:absolute;top:56px;left:0;right:0}.card:nth-child(odd){rotate:-1deg}.card:nth-child(2n){rotate:1.2deg}.card:hover{transform:translateY(-8px)}.card .no{font:500 14px/1 var(--mono);color:var(--stamp);text-transform:uppercase}.card h3{font:500 25px/1.1 var(--serif);margin:14px 0 4px}.card p{color:var(--ink-2);margin:0;font-size:16.5px;line-height:32px}.card a{border-bottom:1.5px solid var(--gold);align-self:flex-start;gap:6px;margin-top:auto;padding-bottom:2px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=1000px){.cards{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.cards{grid-template-columns:1fr}.card{min-height:0}}.time{padding:96px 0 40px}.now-banner{background:var(--ink);color:var(--teal-ink);border-radius:var(--r);grid-template-columns:auto 1fr;align-items:center;gap:18px;max-width:720px;margin:-8px 0 34px;padding:18px 22px;display:grid}.now-banner .pulse{background:#e2b864;border-radius:50%;width:12px;height:12px;animation:2s infinite ping;box-shadow:0 0 #e2b86499}.now-banner strong{font:400 22px/1.2 var(--serif);display:block}.now-banner span{color:#b9c6c0;font-size:16px}.track{grid-template-columns:repeat(4,1fr);gap:34px 0;margin:0;padding:8px 0 24px;list-style:none;display:grid}.stop{padding:54px 26px 0 0;position:relative}.stop:before{content:"";border-top:2px solid var(--ink);position:absolute;top:22px;left:0;right:0}.stop:after{content:"";background:var(--paper);border:2px solid var(--ink);width:18px;height:18px;transition:background var(--fast),scale var(--fast);border-radius:50%;position:absolute;top:14px;left:0}.stop:hover:after{background:var(--gold);border-color:var(--gold);scale:1.15}.stop .yr{font:400 44px/1 var(--serif);letter-spacing:-.02em;color:var(--ink)}.stop h3{font:600 18px/1.3 var(--sans);margin:12px 0 2px}.stop p{color:var(--muted);margin:0;font-size:16px}.stop .extra{font:500 14px/1 var(--mono);text-transform:uppercase;background:var(--paper-2);color:var(--ink-2);border-radius:4px;margin-top:10px;padding:6px 8px;display:inline-block}.stop.minor .yr{color:var(--muted)}.stop.current{grid-column:span 2;padding-right:0}.stop.current:before{border-top-style:dashed}.stop.current:after{background:#e2b864;border-color:#e2b864;scale:1.25;box-shadow:0 0 0 6px #e2b86440}.cur-card{background:var(--ink);color:var(--teal-ink);border-radius:var(--r);padding:24px 26px;box-shadow:0 30px 60px -30px #15211f8c}.cur-card .mono{color:#e2b864}.cur-card h3{font:400 clamp(30px,3vw,40px)/1.05 var(--serif);color:#fff;margin:10px 0 4px}.cur-card p{color:#b9c6c0;font-size:17px}.dur{margin-top:18px}.dur-num{font:400 clamp(40px,4.6vw,64px)/1 var(--serif);color:#fff;letter-spacing:-.02em}.dur-num small{font:500 15px/1 var(--mono);color:#b9c6c0;text-transform:uppercase;letter-spacing:.02em;margin-left:6px}.dur-bar{background:#e9f0ec24;border-radius:99px;height:8px;margin-top:14px;overflow:hidden}.dur-bar i{height:100%;width:var(--w,70%);border-radius:inherit;background:linear-gradient(90deg,#e2b864,#f1d38f);display:block}.dur-legend{font:500 14px/1 var(--mono);color:#9fb2ab;text-transform:uppercase;justify-content:space-between;margin-top:8px;display:flex}.cur-card .extra{color:var(--teal-ink);background:#e9f0ec1a}.tl-progress{display:none}.time.pinned{padding:0}.time.pinned .pin{flex-direction:column;justify-content:center;height:100svh;padding-top:68px;display:flex;position:sticky;top:0;overflow:hidden}.time.pinned .track{will-change:transform;gap:0;width:max-content;display:flex}.time.pinned .stop{flex:none;width:clamp(260px,24vw,330px)}.time.pinned .stop.current{width:clamp(320px,44vw,560px)}.time.pinned .tl-progress{color:var(--muted);align-items:center;gap:14px;margin-top:6px;display:flex}.tl-progress .bar{background:var(--line);border-radius:99px;flex:1;max-width:420px;height:4px;overflow:hidden}.tl-progress .bar i{background:var(--gold);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--p,0));display:block}.time.unlocked .track{animation:unlock .5s var(--ease)}@keyframes unlock{0%{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:none}}.unlocked-note{color:var(--muted);display:none}.time.unlocked .unlocked-note{display:inline-flex}@media (width<=900px){.track{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.time:not(.pinned) .track{grid-template-columns:1fr;gap:0}.time:not(.pinned) .stop{padding:0 0 26px 40px}.time:not(.pinned) .stop.current{grid-column:auto}.time:not(.pinned) .stop:before{border-top:0;border-left:2px solid var(--ink);inset:0 auto 0 8px}.time:not(.pinned) .stop:after{top:6px;left:0}.time.pinned .stop{width:74vw}.time.pinned .stop.current{width:88vw}.time.pinned .head{margin-bottom:18px}.time.pinned .now-banner{display:none}.stop .yr{font-size:38px}}.contact{text-align:center;padding:110px 0 70px}.contact h2{font:400 clamp(44px,7vw,104px)/.95 var(--serif);letter-spacing:-.03em;margin:14px 0 18px}.contact h2 em{color:var(--teal)}.contact p{max-width:52ch;color:var(--ink-2);margin:0 auto 34px}.mail{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:inline-flex}.mail a.addr{font:400 clamp(24px,3vw,38px)/1.2 var(--serif);border-bottom:2px solid var(--gold);padding-bottom:4px;text-decoration:none}.copy{border:1px solid var(--line);background:var(--card);font:500 14px/1 var(--sans);cursor:pointer;transition:background var(--fast);border-radius:99px;padding:10px 16px}.copy:hover{background:var(--paper-2)}.copy.done{background:var(--ink);color:var(--paper)}.links{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}footer{border-top:1px solid var(--line);color:var(--muted);padding:26px 0;font-size:14px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.vcard{perspective:1200px;max-width:620px;margin:0 auto}.vcard-open{border:1.5px dashed var(--ink);border-radius:var(--r);background:var(--card);cursor:pointer;width:100%;font:inherit;color:inherit;transition:transform var(--fast) var(--ease),background var(--fast),border-color var(--fast);justify-items:center;gap:8px;padding:30px 28px;display:grid}.vcard-open:hover{background:#fff;border-style:solid;transform:translateY(-3px)}.vcard-open strong{font:400 clamp(26px,3vw,36px)/1.1 var(--serif)}.vcard-hint{color:var(--muted);max-width:44ch;font-size:15px}.vcard-body{background:var(--ink);color:var(--teal-ink);border-radius:var(--r);text-align:left;transform-origin:50% 0;padding:26px 28px 28px;box-shadow:0 30px 60px -30px #15211f99}.vcard[data-state=open] .vcard-body{animation:flipin .45s var(--ease)}@keyframes flipin{0%{opacity:0;transform:rotateX(-70deg)translateY(-10px)}to{opacity:1;transform:none}}.vc-head{color:#e2b864;border-bottom:1px solid #e9f0ec33;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-bottom:14px;display:flex}.vc-row{border-bottom:1px solid #e9f0ec1f;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.vc-row .mono{color:#9fb2ab}.vc-row a{font:400 clamp(20px,2.4vw,28px)/1.2 var(--serif);word-break:break-all;text-decoration:none}.vc-row a:hover{color:#e2b864}.vc-row .copy{color:var(--teal-ink);background:0 0;border-color:#e9f0ec4d}.vc-row .copy:hover{background:#e9f0ec1a}.vc-row .copy.done{color:var(--ink);background:#e2b864;border-color:#e2b864}.vc-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.vc-actions .btn{border-color:var(--teal-ink);color:var(--teal-ink);cursor:pointer;background:0 0;font-family:inherit}.vc-actions .btn.primary{color:var(--ink);background:#e2b864;border-color:#e2b864}@media (width<=560px){.vc-row{grid-template-columns:1fr auto}.vc-row .mono{grid-column:1/-1}.vc-row a{word-break:normal;overflow-wrap:anywhere;font-size:19px}}.dossier{width:100%;max-width:min(1040px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);background:0 0;border:0;padding:0}.dossier::backdrop{backdrop-filter:blur(4px);background:#15211f8c}.dossier[open]{animation:dossin .32s var(--ease)}.dossier[open]::backdrop{animation:fade .32s var(--ease)}@keyframes dossin{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}.d-inner{background:var(--card);border-radius:var(--r);grid-template-columns:1fr 1fr;max-height:calc(100dvh - 24px);display:grid;position:relative;overflow:hidden}.d-shot{background:var(--teal);align-items:flex-start;padding:28px;display:flex;overflow:auto}.d-shot.dark{background:#1b1f22}.d-shot.warm{background:#c9a56a}.d-shot img{border-radius:8px;box-shadow:0 20px 40px -16px #00000080}.d-shot.empty{background:var(--paper-2);background-image:repeating-linear-gradient(-45deg,#0000 0 14px,#15211f0d 14px 15px);justify-content:center;align-items:center;min-height:260px}.d-shot.empty span{font:italic 400 clamp(34px,4vw,54px)/1 var(--serif);color:var(--ink-2);rotate:-4deg}.d-text{flex-direction:column;gap:14px;padding:34px 34px 30px;display:flex;overflow:auto}.d-text .meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-right:44px;display:flex}.d-text h3{font:400 clamp(34px,3.6vw,50px)/1 var(--serif);letter-spacing:-.015em;margin:0}.d-text .sub{color:var(--ink-2);margin:0;font-size:20px}.d-text dl{gap:14px;margin:4px 0 0;display:grid}.d-text dt{color:var(--muted)}.d-text dd{color:var(--ink-2);margin:3px 0 0;font-size:17px}.d-actions{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.d-note{color:var(--muted)}.d-close{z-index:2;border:1px solid var(--line);background:var(--card);cursor:pointer;width:44px;height:44px;transition:background var(--fast),rotate var(--fast) var(--ease);border-radius:50%;font-size:24px;line-height:1;position:absolute;top:14px;right:14px}.d-close:hover{background:var(--ink);color:var(--paper);rotate:90deg}@media (width<=800px){.d-inner{grid-template-columns:1fr;overflow:auto}.d-shot{max-height:38vh;padding:18px}.d-text{padding:24px 22px;overflow:visible}}.page{padding:48px 0 80px}.crumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:28px;font-size:16px;text-decoration:none;display:inline-flex}.crumb:hover{color:var(--ink)}.page-head h1{font:400 clamp(44px,6vw,84px)/.98 var(--serif);letter-spacing:-.025em;margin:14px 0 18px}.page-head h1 em{color:var(--teal)}.page-head .lede{max-width:52ch}.case-shot{border-radius:var(--r);background:var(--teal);margin:36px 0 12px;padding:clamp(16px,3vw,36px);overflow:hidden}.case-shot.dark{background:#1b1f22}.case-shot.warm{background:#c9a56a}.case-shot img{border-radius:10px;margin:0 auto;box-shadow:0 24px 50px -20px #00000080}.case-shot+figcaption{color:var(--muted);font-size:15px}.case-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin:36px 0;display:grid}.case-grid section{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px 24px 22px}.case-grid h2{font:400 26px/1.15 var(--serif);margin:10px 0 8px}.case-grid p{color:var(--ink-2);margin:0}.case-grid .mono{color:var(--gold)}.note{background:var(--paper-2);border-radius:var(--r);color:var(--ink-2);max-width:70ch;padding:22px 24px}.note h2{font:400 22px/1.2 var(--serif);color:var(--ink);margin:0 0 6px}.page .actions{margin-top:28px}.index-list{gap:14px;margin-top:40px;display:grid}.index-item{background:var(--card);border:1px solid var(--line);border-radius:var(--r);transition:transform var(--fast) var(--ease),border-color var(--fast);grid-template-columns:70px 1fr auto 44px;align-items:center;gap:18px;padding:22px 24px;text-decoration:none;display:grid}.index-item:hover{border-color:var(--ink);transform:translateY(-3px)}.index-item .no{font:400 32px/1 var(--serif);color:var(--muted)}.index-item h2{font:400 clamp(24px,2.4vw,32px)/1.1 var(--serif);margin:0}.index-item p{color:var(--ink-2);margin:4px 0 0;font-size:17px}.index-item b{background:var(--ink);width:44px;height:44px;color:var(--paper);border-radius:50%;place-items:center;display:grid}@media (width<=760px){.case-grid{grid-template-columns:1fr}.index-item{grid-template-columns:1fr 44px}.index-item .no,.index-item .tag{display:none}}