.studio{--studio-pad:clamp(1.2rem, 4.6vw, 4.25rem);--studio-max:78rem;--studio-measure:38rem;--studio-ease:cubic-bezier(.22, 1, .36, 1);--studio-bench:clamp(5.25rem, 11vw, 8.75rem);color:var(--site-fg);background:var(--site-bg)}.studio a:focus-visible,.studio button:focus-visible{outline:2px solid var(--site-accent);outline-offset:3px}.studio-shell{flex-direction:column;min-height:100svh;display:flex;position:relative}.studio-shell:before{content:"";pointer-events:none;z-index:70;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.55'/></svg>");position:fixed;inset:0}.theme-light .studio-shell:before{opacity:.028;mix-blend-mode:multiply}.studio-bar{z-index:40;min-height:4.5rem;padding:0 var(--studio-pad);background:color-mix(in srgb, var(--site-bg) 82%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb, var(--site-fg) 8%, transparent);grid-template-columns:auto 1fr auto;align-items:center;gap:1.1rem;display:grid;position:sticky;top:0}.studio-logo{align-items:center;display:flex}.studio-logo img{width:auto;height:1.6rem}.studio-nav{justify-content:center;gap:.1rem;display:none}@media (min-width:880px){.studio-nav{display:flex}}.studio-nav a{letter-spacing:-.012em;color:var(--site-subtle);padding:.55rem .9rem;font-size:.94rem;text-decoration:none;position:relative}.studio-nav a:after{content:"";transform-origin:0;height:1px;transition:transform .35s var(--studio-ease);background:currentColor;position:absolute;bottom:.22rem;left:.9rem;right:.9rem;transform:scaleX(0)}.studio-nav a[aria-current=page],.studio-nav a:hover{color:var(--site-fg)}.studio-nav a[aria-current=page]:after,.studio-nav a:hover:after{transform:scaleX(1)}.studio-tools{align-items:center;gap:.5rem;display:flex}.studio-dash{color:var(--site-subtle);transition:color .25s var(--studio-ease);font-size:.86rem;text-decoration:none;display:none}.studio-dash:hover{color:var(--site-fg)}@media (min-width:880px){.studio-dash{display:inline}}.studio-menu{border:1px solid var(--site-border);width:2.6rem;height:2.6rem;color:var(--site-fg);transition:transform .18s var(--studio-ease), background .18s var(--studio-ease);background:0 0;justify-content:center;align-items:center;display:inline-flex}.studio-menu:hover{background:color-mix(in srgb, var(--site-fg) 5%, transparent)}.studio-menu:active{transform:scale(.94)}@media (min-width:880px){.studio-menu{display:none}}.studio-drawer{padding:.65rem var(--studio-pad) 1.2rem;border-bottom:1px solid var(--site-border-soft);background:var(--site-bg);flex-direction:column;gap:.15rem;display:flex}@media (min-width:880px){.studio-drawer{display:none!important}}.studio-drawer a{color:var(--site-fg);padding:.72rem 0;font-size:1.18rem;text-decoration:none}.studio-main{flex:1}.studio-hero{isolation:isolate;min-height:calc(100svh - 4.5rem);padding:clamp(3.2rem, 9vh, 7rem) var(--studio-pad) calc(var(--studio-bench) + 2rem);grid-template-columns:1fr;align-items:end;display:grid;position:relative;overflow:clip}.studio-hero-copy{z-index:2;position:relative}.studio-hero:before{content:"";z-index:-1;background:radial-gradient(70% 48% at 78% 92%, #b089582e, transparent 68%), radial-gradient(40% 32% at 12% 18%, color-mix(in srgb, var(--site-fg) 4%, transparent), transparent 70%);position:absolute;inset:0}@media (min-width:980px){.studio-hero{padding-bottom:calc(var(--studio-bench) + 1.4rem);grid-template-columns:minmax(0,.96fr) minmax(18rem,1fr);align-items:center}}.studio-hero h1{max-width:12ch;font-family:var(--font-site-display), var(--font-site-sans), sans-serif;letter-spacing:-.048em;text-wrap:balance;margin:0;font-size:clamp(2.7rem,8.2vw,6.35rem);font-weight:600;line-height:.9}.studio-hero p{max-width:36rem;color:var(--site-muted);margin:1.35rem 0 0;font-size:clamp(1.04rem,1.55vw,1.26rem);line-height:1.55}.studio-hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:2rem;display:flex}.studio-text-link{min-height:2.75rem;color:var(--site-fg);align-items:center;text-decoration:none;display:inline-flex;position:relative}.studio-text-link:after{content:"";transform-origin:0;height:1px;transition:transform .35s var(--studio-ease);background:currentColor;position:absolute;bottom:.55rem;left:0;right:0;transform:scaleX(.22)}.studio-text-link:hover:after,.studio-scene:hover .studio-text-link:after{transform:scaleX(1)}.studio-stage{pointer-events:none;min-height:17rem;position:relative}.studio-obj{filter:drop-shadow(0 18px 22px #00000042);will-change:transform;height:auto;position:absolute}.studio-obj--paper{z-index:1;width:min(38vw,13.5rem);bottom:18%;left:4%;transform:rotate(-16deg)}.studio-obj--notebook{z-index:2;width:min(32vw,11.5rem);bottom:4%;left:18%;transform:rotate(-8deg)}.studio-obj--envelope{z-index:3;width:min(34vw,12.5rem);bottom:10%;right:28%;transform:rotate(11deg)}.studio-obj--phone{z-index:4;width:min(54vw,19.5rem);bottom:0;right:2%;transform:rotate(-4deg)}.studio-obj--key{z-index:5;width:min(22vw,7.4rem);bottom:42%;right:22%;transform:rotate(22deg)}@media (max-width:979px){.studio-hero{min-height:auto}.studio-stage{min-height:15.5rem;margin-top:1.4rem}.studio-obj--paper{width:32vw;bottom:22%;left:0}.studio-obj--notebook{width:28vw;left:10%}.studio-obj--envelope{width:30vw;right:26%}.studio-obj--phone{width:46vw;right:0}.studio-obj--key{width:20vw;bottom:46%;right:18%}}@media (max-width:640px){.studio-obj--paper,.studio-obj--key{display:none}.studio-obj--notebook{width:30vw;bottom:8%;left:2%}}.studio-bench{height:var(--studio-bench);background:linear-gradient(to top, var(--site-bg) 0 10%, transparent 42%), url(/studio/bench.jpg) center 18% / cover no-repeat;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -28px 56px #0003}.theme-light .studio-bench{box-shadow:0 -20px 44px #3a2a1824}.studio-hear{border-block:1px solid var(--site-border-soft);background:color-mix(in srgb, var(--site-bg-soft) 88%, var(--site-bg));overflow:hidden}.studio-hear-track{width:max-content;padding:.85rem var(--studio-pad);gap:1.1rem;animation:54s linear infinite studio-marquee;display:flex}.studio-hear figure{max-width:28rem;margin:0;padding:.15rem .15rem .15rem 0}.studio-hear blockquote{letter-spacing:-.015em;color:var(--site-subtle);white-space:nowrap;margin:0;font-size:.98rem;line-height:1.35}.studio-hear blockquote:before{content:"“";color:var(--site-faint)}.studio-hear blockquote:after{content:"”";color:var(--site-faint)}.studio-hear figure+figure{border-left:1px solid var(--site-border-soft);padding-left:1.1rem}@keyframes studio-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.studio-hear-track{animation:none}.studio-obj{will-change:auto}}.studio-trust{padding:1.05rem var(--studio-pad);color:var(--site-faint);letter-spacing:-.01em;flex-wrap:wrap;gap:.45rem 1.6rem;font-size:.88rem;display:flex}.studio-trust span+span:before{content:"·";color:color-mix(in srgb, var(--site-faint) 70%, transparent);margin-right:1.6rem}.studio-section{padding:clamp(4.75rem, 10vh, 8rem) var(--studio-pad)}.studio-section--soft{background:var(--site-bg-soft)}.studio-section h2,.studio-page>h1{max-width:16ch;font-family:var(--font-site-display), sans-serif;letter-spacing:-.042em;margin:0;font-size:clamp(2rem,4.6vw,3.55rem);font-weight:600;line-height:1.02}.studio-page>h1{letter-spacing:-.046em;font-size:clamp(2.55rem,6.6vw,5rem);line-height:.94}.studio-lede,.studio-page>.lede{max-width:var(--studio-measure);color:var(--site-muted);margin:1.15rem 0 0;font-size:1.16rem;line-height:1.6}.studio-pains{gap:4.25rem;margin-top:2.6rem;display:grid}.studio-pain{align-items:center;gap:1.5rem;display:grid}@media (min-width:860px){.studio-pain{grid-template-columns:minmax(9rem,.38fr) minmax(0,1fr);gap:3.4rem}.studio-pain:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(9rem,.38fr)}.studio-pain:nth-child(2n) .studio-pain-media{order:2}}.studio-pain-media{place-items:center;min-height:11rem;display:grid}.studio-pain-media img{filter:drop-shadow(0 16px 24px #00000038);width:min(100%,15.5rem);height:auto}.studio-pain h3{letter-spacing:-.034em;margin:0;font-size:clamp(1.55rem,2.8vw,2.25rem);font-weight:550;line-height:1.08}.studio-pain p{max-width:38rem;color:var(--site-muted);margin:.8rem 0 0;font-size:1.06rem;line-height:1.65}.studio-pain a{color:var(--site-fg);text-underline-offset:.28em;margin-top:1rem;display:inline-block}.studio-compare-head{display:none}@media (min-width:800px){.studio-compare-head{border-bottom:1px solid var(--site-border-soft);color:var(--site-faint);letter-spacing:-.01em;grid-template-columns:10rem 1fr 1fr;gap:1.75rem;padding:.7rem 0;font-size:.82rem;display:grid}}.studio-compare{border-top:1px solid var(--site-border);gap:0;margin-top:2.4rem;display:grid}.studio-compare article{border-bottom:1px solid var(--site-border-soft);gap:.55rem;padding:1.7rem 0;display:grid}@media (min-width:800px){.studio-compare article{grid-template-columns:10rem 1fr 1fr;align-items:start;gap:1.75rem}}.studio-compare h3{letter-spacing:-.02em;margin:0;font-size:1.05rem}.studio-compare p{color:var(--site-muted);margin:0;font-size:.98rem;line-height:1.5}.studio-compare .studio-us{color:var(--site-fg)}.studio-method{gap:2rem;margin-top:2.4rem;display:grid}@media (min-width:800px){.studio-method{grid-template-columns:repeat(3,1fr);gap:2.6rem}}.studio-method article{border-top:1px solid var(--site-border);padding-top:.85rem}.studio-method h3{letter-spacing:-.03em;margin:0;font-size:1.32rem}.studio-method p{color:var(--site-muted);margin:.7rem 0 0;font-size:1.02rem;line-height:1.6}.studio-lanes,.studio-news-list{border-top:1px solid var(--site-border);gap:0;margin-top:2.4rem;display:grid}.studio-lanes a,.studio-news-list a{border-bottom:1px solid var(--site-border-soft);color:inherit;gap:.35rem;padding:1.3rem 0;text-decoration:none;display:grid}@media (min-width:760px){.studio-lanes a,.studio-news-list a{grid-template-columns:minmax(11rem,.42fr) 1fr;align-items:baseline;gap:2rem}}.studio-lanes strong,.studio-news-list strong{letter-spacing:-.025em;font-size:1.2rem;font-weight:550}.studio-lanes p,.studio-news-list p{color:var(--site-muted);margin:0;line-height:1.55}.studio-news-list time{color:var(--site-faint);font-size:.88rem}.studio-work{gap:2.4rem;margin-top:2.6rem;display:grid}@media (min-width:860px){.studio-work{grid-template-columns:1.15fr .85fr}}.studio-work a{color:inherit;text-decoration:none}.studio-work-ph{aspect-ratio:16/10;background:var(--site-bg-soft);width:100%}.studio-work .studio-media{aspect-ratio:16/10}.studio-work h3{letter-spacing:-.03em;margin:.85rem 0 0;font-size:1.4rem}.studio-work p{color:var(--site-muted);margin:.4rem 0 0;line-height:1.55}.studio-work-rest{gap:1.6rem;display:grid}.studio-close{isolation:isolate;padding:clamp(4.5rem, 12vw, 8rem) var(--studio-pad);position:relative;overflow:hidden}.studio-close:before{content:"";z-index:-1;background:url(/studio/bench.jpg) 50% 28%/cover no-repeat;position:absolute;inset:0;transform:scale(1.03)}.studio-close:after{content:"";z-index:-1;background:linear-gradient(to right, var(--site-bg) 0 28%, color-mix(in srgb, var(--site-bg) 72%, transparent) 58%, color-mix(in srgb, var(--site-bg) 35%, transparent)), linear-gradient(to top, var(--site-bg) 0 8%, transparent 42%);position:absolute;inset:0}.studio-close h2{max-width:12ch;color:var(--site-fg)}.studio-close .studio-lede{color:var(--site-muted)}.studio-foot{padding:2.4rem var(--studio-pad) 2.8rem;border-top:1px solid var(--site-border-soft);gap:1.5rem;display:grid}@media (min-width:800px){.studio-foot{grid-template-columns:1fr auto;align-items:end}}.studio-foot nav{flex-wrap:wrap;gap:.85rem 1.4rem;display:flex}.studio-foot a{color:var(--site-subtle);font-size:.92rem;text-decoration:none}.studio-foot a:hover{color:var(--site-fg)}.studio-page{padding:clamp(4.4rem, 9vw, 6.6rem) var(--studio-pad) 5.5rem;max-width:88rem;margin-inline:auto}.studio-grid{gap:2rem;margin-top:3.2rem;display:grid}@media (min-width:800px){.studio-grid-2{grid-template-columns:1fr 1fr}}.studio-card h2,.studio-card h3{letter-spacing:-.03em;margin:0;font-size:1.32rem}.studio-card p{color:var(--site-muted);margin:.7rem 0 0;line-height:1.6}.studio-crumb{margin:0 0 1.4rem;font-size:.92rem}.studio-crumb a{color:var(--site-subtle);text-decoration:none}.studio-crumb a:hover{color:var(--site-fg)}.studio-prose{max-width:42rem;margin-top:2.4rem}.studio-prose h2,.studio-prose h3{letter-spacing:-.03em;margin:2.2rem 0 .7rem}.studio-prose p,.studio-prose li{color:var(--site-muted);line-height:1.7}.studio-prose a{color:var(--site-fg);text-underline-offset:.22em}.studio-prose img{width:100%;height:auto;margin:1.4rem 0}.studio-faq{gap:1.6rem;max-width:44rem;margin-top:2.6rem;display:grid}.studio-faq dt{letter-spacing:-.02em;font-size:1.12rem}.studio-faq dd{color:var(--site-muted);margin:.45rem 0 0;line-height:1.6}.studio-examples{max-width:36rem;margin:2rem 0 0;padding:0;list-style:none}.studio-examples li{border-bottom:1px solid var(--site-border-soft);color:var(--site-muted);padding:.55rem 0}@media (max-width:479px){.studio-hero h1{font-size:clamp(2.4rem,12vw,3.2rem)}}.studio-media{background:var(--site-bg-soft);overflow:hidden}.studio-media img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--studio-ease);display:block;transform:scale(1.001)}.studio-scene:hover .studio-media img,.studio-work a:hover .studio-media img{transform:scale(1.04)}.studio-media--hero{aspect-ratio:16/9;width:100%;margin-top:2.4rem}.studio-media--quiet img{transition:none}.studio-scenes{gap:clamp(3.2rem,7vw,5.5rem);margin-top:3rem;display:grid}.studio-scenes--page{margin-top:3.4rem}.studio-scene{color:inherit;gap:1.6rem;text-decoration:none;display:grid}@media (min-width:880px){.studio-scene{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(2rem,5vw,4rem)}.studio-scene--flip{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.studio-scene--flip .studio-media{order:2}}.studio-scene .studio-media{aspect-ratio:16/10}.studio-scene-copy h2,.studio-scene-copy h3{letter-spacing:-.034em;margin:0;font-size:clamp(1.55rem,2.6vw,2.15rem);font-weight:550;line-height:1.08}.studio-scene-copy p{max-width:34rem;color:var(--site-muted);margin:.8rem 0 0;font-size:1.05rem;line-height:1.65}.studio-scene-copy .studio-text-link{margin-top:.85rem}.studio-method--photo{align-items:start}.studio-method--photo .studio-media{aspect-ratio:16/11;margin-bottom:1.15rem}.studio-method--photo article{border-top:0;padding-top:0}.studio-more{margin-top:2.6rem}.studio-block{margin-top:clamp(3.4rem,7vw,5.4rem)}.studio-block>h2{max-width:16ch;font-family:var(--font-site-display), sans-serif;letter-spacing:-.04em;margin:0 0 1.8rem;font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:600;line-height:1.05}.studio-lanes a,.studio-news-list a{transition:color .25s var(--studio-ease), padding-left .35s var(--studio-ease)}.studio-lanes a:hover,.studio-news-list a:hover{padding-left:.35rem}.studio-foot a{transition:color .25s var(--studio-ease)}@media (prefers-reduced-motion:reduce){.studio-nav a:after,.studio-text-link:after,.studio-media img,.studio-lanes a,.studio-news-list a{transition:none}.studio-scene:hover .studio-media img,.studio-work a:hover .studio-media img{transform:none}}
