@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-opsz-normal-BjhtXyW2.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-opsz-normal-BQn1nviT.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-opsz-normal-s-izfB6B.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-opsz-italic-DTr-ymY4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-opsz-italic-CSPGnFdO.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-opsz-italic-kJKFiXvB.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ec;--bg-2:#ece7de;--paper:#faf8f4;--ink:#1b1a17;--ink-2:#514d46;--ink-3:#6b665c;--line:#dbd4c8;--line-strong:#b9b0a1;--accent:#2f5d46;--accent-2:#244a37;--serif:"Newsreader Variable", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:"Instrument Sans Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-sm:.875rem;--fs-base:1.0625rem;--fs-md:1.25rem;--fs-lg:clamp(1.4rem, 1.25rem + .5vw, 1.6rem);--fs-xl:clamp(1.75rem, 1.5rem + .9vw, 2.15rem);--fs-2xl:clamp(2.1rem, 1.7rem + 1.5vw, 2.85rem);--fs-3xl:clamp(2.6rem, 1.9rem + 2.6vw, 4.1rem);--gutter:clamp(20px, 4vw, 48px);--maxw:1200px;--measure:66ch;--radius:6px;--ease:cubic-bezier(.22, .8, .24, 1);--dur-s:.25s;--dur-m:.7s;--dur-l:1.2s;--dist:20px;--stagger:90ms}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html.lenis{scroll-behavior:auto}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.65}main{overflow-x:clip}img,picture,svg{max-width:100%;display:block}picture{display:contents}h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}button{font:inherit;color:inherit}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}::selection{background:#d6e2d8}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--ink);color:var(--bg);padding:10px 16px;transition:transform .2s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{color:var(--bg);transform:none}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline-start:auto;margin-inline-end:auto}.t-display,.t-h2,.t-h3,.t-lead,.serif{font-family:var(--serif);font-optical-sizing:auto;font-weight:400}.t-display{font-size:var(--fs-3xl);letter-spacing:-.018em;line-height:1.04}.t-h2{font-size:var(--fs-2xl);letter-spacing:-.012em;max-width:24ch;line-height:1.12}.t-h3{font-size:var(--fs-lg);letter-spacing:-.005em;font-weight:450;line-height:1.25}.t-lead{font-size:var(--fs-xl);letter-spacing:-.008em;max-width:30ch;line-height:1.3}.t-display em,.t-h2 em,.t-lead em{color:var(--accent);font-style:italic}.t-label{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:.78rem;font-weight:600}.t-label .num{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:.6em}.prose p{max-width:var(--measure)}.prose p+p{margin-top:1em}.muted{color:var(--ink-2)}.caption{font-size:var(--fs-sm);color:var(--ink-3);line-height:1.5}.section{border-top:1px solid var(--line);padding-block-start:clamp(64px,8vw,112px);padding-block-end:clamp(64px,8vw,112px)}.section-grid{gap:20px 48px;display:grid}.section-label{padding-top:.35em}.section-body>.t-h2{margin-bottom:clamp(24px,3vw,36px)}.section-intro{max-width:var(--measure);color:var(--ink-2);margin:-8px 0 clamp(32px,4vw,48px)}@media (min-width:900px){.section-grid{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}}.btn{border-radius:var(--radius);white-space:nowrap;cursor:pointer;min-height:46px;transition:background-color .2s,color .2s,border-color .2s;transition:background-color var(--dur-s) var(--ease), color var(--dur-s) var(--ease), border-color var(--dur-s) var(--ease), transform var(--dur-s) var(--ease), box-shadow var(--dur-s) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:.97rem;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px -10px #1b1a1773}.btn:active{box-shadow:none;transform:none}.btn-sm{min-height:38px;padding:0 16px;font-size:.9rem}.btn-accent{background:var(--accent);color:#f7f5f0}.btn-accent:hover{background:var(--accent-2);color:#fff}.btn-ghost{border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink);color:var(--ink);background:var(--paper)}.cta-row{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.link-arrow,.nav a,.footer-links a{background:linear-gradient(var(--accent), var(--accent)) 0 100% / 0 1px no-repeat;transition:background-size var(--dur-s) var(--ease), color var(--dur-s) var(--ease);text-decoration:none}.link-arrow{box-shadow:inset 0 -1px 0 var(--line-strong);padding-bottom:3px;font-weight:550}.link-arrow:hover,.nav a:hover,.footer-links a:hover{background-size:100% 1px}.footer-links a{box-shadow:inset 0 -1px 0 var(--line)}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags li{border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.8rem}.pill{letter-spacing:.04em;white-space:nowrap;border-radius:3px;align-items:center;height:26px;padding:0 10px;font-size:.75rem;font-weight:600;display:inline-flex}.pill-before{color:var(--ink);background:#f4f1ecf0}.pill-after{background:var(--accent);color:#f7f5f0}.site-header{z-index:50;background:var(--bg);transition:transform var(--dur-m) var(--ease), background-color var(--dur-s) var(--ease), border-color var(--dur-s) var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.site-header.is-scrolled{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);background:#f4f1ecd6}.site-header.is-hidden{transform:translateY(-100%)}.nav a{background-position:12px calc(100% - 4px);padding-bottom:6px}.nav a:hover{background-size:calc(100% - 24px) 1px}.header-inner{max-width:var(--maxw);padding:0 var(--gutter);align-items:center;gap:28px;height:68px;margin-inline-start:auto;margin-inline-end:auto;display:flex}.wordmark{font-family:var(--serif);font-optical-sizing:auto;letter-spacing:-.01em;white-space:nowrap;margin-right:auto;font-size:1.3rem;font-weight:500;line-height:1;text-decoration:none}.wordmark:hover{color:var(--ink)}.nav ul{gap:2px;display:flex}.nav a{color:var(--ink-2);padding:8px 12px;font-size:.94rem;text-decoration:none;display:block}.nav a:hover{color:var(--ink)}.header-actions{align-items:center;gap:10px;display:flex}.menu-btn{display:none}@media (max-width:899px){.header-inner{gap:12px;height:60px}.menu-btn{border-radius:var(--radius);border:1px solid var(--line-strong);cursor:pointer;background:0 0;place-items:center;width:40px;height:40px;display:inline-grid}.menu-btn-bars,.menu-btn-bars:before{background:var(--ink);width:16px;height:1.5px;transition:transform .25s var(--ease);display:block}.menu-btn-bars{position:relative;transform:translateY(-3px)}.menu-btn-bars:before{content:"";position:absolute;top:6px}.menu-btn[aria-expanded=true] .menu-btn-bars{transform:rotate(45deg)}.menu-btn[aria-expanded=true] .menu-btn-bars:before{transform:translateY(-6px)rotate(-90deg)}.nav{background:var(--bg);border-bottom:1px solid var(--line);padding:4px var(--gutter) 16px;display:none;position:absolute;top:100%;left:0;right:0}.nav.is-open{display:block}.nav ul{flex-direction:column}.nav a{border-bottom:1px solid var(--line);color:var(--ink);padding:12px 0;font-size:1.1rem}}.site-footer{border-top:1px solid var(--line);color:var(--ink-2);padding:48px 0 32px;font-size:.92rem}.footer-grid{gap:28px;display:grid}.footer-grid .wordmark{color:var(--ink);margin-bottom:10px;display:inline-block}.footer-h{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-size:.74rem;font-weight:600}.footer-links{gap:4px;display:grid}.footer-bottom{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:40px;padding-top:20px;font-size:.85rem;display:flex}@media (min-width:900px){.footer-grid{grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,3fr)}}.compare{--p:.5;aspect-ratio:4/5;background:var(--bg-2);border-radius:var(--radius);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;width:100%;position:relative;overflow:hidden}.cmp-img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.cmp-after{clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0);position:absolute;top:0;bottom:0;left:0;right:0}.compare .pill{z-index:2;position:absolute;top:12px}.compare .pill-after{left:12px}.compare .pill-before{right:12px}.cmp-handle{z-index:3;top:0;bottom:0;left:calc(var(--p) * 100%);cursor:ew-resize;touch-action:pan-y;place-items:center;width:44px;margin-left:-22px;display:grid;position:absolute}.cmp-handle:before{content:"";background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 8px #0003}.cmp-handle span{background:#fff;border-radius:50%;width:38px;height:38px;position:relative;box-shadow:0 2px 10px #00000038}.cmp-handle span:before,.cmp-handle span:after{content:"";border:solid var(--ink);border-width:0 0 1.5px 1.5px;width:6px;height:6px;position:absolute;top:50%}.cmp-handle span:before{left:11px;transform:translateY(-50%)rotate(45deg)}.cmp-handle span:after{right:11px;transform:translateY(-50%)rotate(-135deg)}.cmp-handle:focus-visible{outline:none}.cmp-handle:focus-visible span{outline:2px solid var(--accent);outline-offset:3px}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item h3{font:inherit;margin:0}.faq-q{text-align:left;cursor:pointer;width:100%;font-family:var(--serif);font-optical-sizing:auto;font-size:var(--fs-md);background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font-weight:450;line-height:1.35;display:flex}.faq-q:after{content:"";height:12px;transition:transform .25s var(--ease);background:linear-gradient(currentColor,currentColor) 50%/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.5px 100% no-repeat;flex:0 0 12px}.faq-q[aria-expanded=true]:after{transform:rotate(45deg)}.faq-q:hover{color:var(--accent)}.faq-a p{color:var(--ink-2);max-width:var(--measure);padding-bottom:22px}.js .faq-a{visibility:hidden;transition:grid-template-rows var(--dur-m) var(--ease), visibility 0s linear var(--dur-m);grid-template-rows:0fr;display:grid}.js .faq-a.is-open{visibility:visible;transition:grid-template-rows var(--dur-m) var(--ease), visibility 0s;grid-template-rows:1fr}.faq-a>div{min-height:0;overflow:hidden}.motion .reveal{opacity:0;transform:translateY(var(--dist));transition:opacity var(--dur-m) var(--ease), transform var(--dur-m) var(--ease);transition-delay:calc(var(--i,0) * var(--stagger))}.motion .reveal.is-in{opacity:1;transform:none}.motion [data-mask]:not(.is-split){opacity:0}.motion [data-mask] .w{vertical-align:top;margin:0 -.06em -.16em;padding:0 .06em .16em;display:inline-block;overflow:hidden}.motion [data-mask] .wi{transition:transform var(--dur-m) var(--ease);transition-delay:calc(var(--i,0) * var(--stagger));display:inline-block;transform:translateY(110%)}.motion [data-mask].is-in .wi{transform:none}@media (prefers-reduced-motion:reduce){.motion .reveal,.motion [data-mask] .wi{opacity:1;transition:none;transform:none}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}.hero{padding-block-start:clamp(56px,9vw,120px);padding-block-end:clamp(56px,7vw,96px)}.hero-grid{gap:48px;display:grid}.hero-main .t-label{margin-bottom:18px}.hero-main .t-display{margin-bottom:22px}.hero-main .t-lead{max-width:26ch;margin-bottom:18px}.hero-who{color:var(--ink-2);max-width:54ch;margin-bottom:32px}.hero-facts{border-top:1px solid var(--ink);align-self:end}.hero-facts div{border-bottom:1px solid var(--line);padding:13px 0}.hero-facts dt{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:.78rem;font-weight:600}.hero-facts dd{margin-top:2px;font-size:.95rem}.hero-facts a{color:var(--accent)}@media (min-width:900px){.hero-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:64px}}.rows>div{gap:2px 28px;padding:9px 0;display:grid}.rows dt{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding-top:.3em;font-size:.78rem;font-weight:600}.rows dd{max-width:64ch}.rows dd p+.stats{margin-top:14px}.rows a{color:var(--accent)}@media (min-width:700px){.rows>div{grid-template-columns:170px minmax(0,1fr)}}.service{border-top:1px solid var(--line);padding:28px 0 22px}.service .t-h3{margin-bottom:10px}.process{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-top:32px;padding:24px clamp(20px,3vw,32px)}.process h3{margin-bottom:10px}.process li,.first-email li{gap:14px;max-width:64ch;padding:6px 0;display:flex}.process li span,.first-email li span{font-family:var(--serif);color:var(--accent);min-width:1ch;font-size:1.15rem;line-height:1.4}.case{border-top:1px solid var(--line);padding:32px 0 30px}.case-head{margin-bottom:12px}.case-head .t-label{color:var(--ink-3);margin-bottom:6px;font-size:.74rem}.case .tags{margin-top:14px}.stats{flex-wrap:wrap;gap:10px 32px;display:flex}.stats li{color:var(--ink-2);font-size:.86rem}.stats strong{font-family:var(--serif);font-optical-sizing:auto;color:var(--ink);font-size:1.9rem;font-weight:400;line-height:1.1;display:block}.case-figure{align-items:flex-end;gap:16px;margin-top:14px;display:flex}.figure-map{flex:none;width:168px}.case-figure figcaption{max-width:30ch}@media (max-width:699px){.case-figure{flex-direction:column;align-items:flex-start;gap:8px}}.figure-map{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.dotmap{width:100%;height:auto}.dm-ring{fill:none;stroke:var(--line-strong);stroke-dasharray:2 4}.dm-base circle{fill:#cdc4b5}.dm-hl circle{fill:var(--accent)}.dm-center{fill:var(--ink)}.dm-center-ring{fill:none;stroke:var(--ink);stroke-opacity:.35}.lg{vertical-align:.05em;border-radius:50%;width:8px;height:8px;margin:0 4px 0 2px;display:inline-block}.lg-hl{background:var(--accent)}.lg-all{background:#cdc4b5;margin-left:8px}@media (min-width:700px){.case .tags,.case-figure{margin-left:198px}}.principles{gap:28px 48px;display:grid}.principles li{border-top:1px solid var(--line);padding-top:18px}.principles h3{font-size:var(--fs-md);margin-bottom:8px}.principles p{color:var(--ink-2);max-width:52ch}.stack-line{border-top:1px solid var(--line);color:var(--ink-2);max-width:80ch;margin-top:40px;padding-top:18px}.stack-line .t-label{margin-right:12px}@media (min-width:760px){.principles{grid-template-columns:repeat(2,minmax(0,1fr))}}.studio-teaser{align-items:center;gap:28px 48px;display:grid}.pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pair img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);width:100%;height:auto}.pair figcaption{margin-top:8px}.studio-copy .t-h2{font-size:var(--fs-xl);margin-bottom:14px}.studio-copy p+p{margin-top:18px}@media (min-width:900px){.studio-teaser{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.about{gap:28px 40px;display:grid}.about-media{width:96px}.about-mono,.about-photo{aspect-ratio:1;border-radius:var(--radius);object-fit:cover;width:100%;height:auto}.about .t-h2{margin-bottom:18px}.about-body p:first-child{color:var(--ink)}.about-body p{color:var(--ink-2)}.about-facts{border-top:1px solid var(--line);gap:12px 32px;margin-top:28px;padding-top:18px;display:grid}.about-facts dt{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:.74rem;font-weight:600}.about-facts a{color:var(--accent)}@media (min-width:900px){.about{grid-template-columns:140px minmax(0,1fr)}.about-media{width:140px}.about-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}.contact-grid{gap:32px 56px;display:grid}.first-email{margin-top:10px}.contact-mail-box .t-label{margin-bottom:8px}.contact-mail{font-family:var(--serif);font-optical-sizing:auto;font-size:var(--fs-xl);color:var(--accent);overflow-wrap:anywhere;line-height:1.2;text-decoration:underline;text-decoration-thickness:1px}.profiles{gap:20px;margin-top:16px;display:flex}.profiles:empty{display:none}@media (min-width:900px){.contact-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.contact-mail-box{border-left:1px solid var(--line);padding-left:32px}}.hero-facts{border-top:0;padding-top:1px;position:relative}.hero-facts:before{content:"";background:var(--ink);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.motion .hero-facts:before{transition:transform var(--dur-l) var(--ease) calc(3 * var(--stagger));transform:scaleX(0)}.motion .hero.is-in .hero-facts:before{transform:none}.service,.case{position:relative}.service:before,.case:before{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform var(--dur-m) var(--ease);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.service:hover:before,.case:hover:before{transform:none}.figure-map{overflow:hidden}.figure-map .dotmap{transition:transform var(--dur-m) var(--ease)}.case:hover .figure-map .dotmap{transform:scale(1.05)}.dotmap.is-armed g circle{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .3s var(--ease), transform .3s var(--ease);transform:scale(.2)}.dotmap.is-armed.is-in g circle{opacity:1;transform:none}.zoom{grid-template-columns:1fr 1fr;gap:12px;display:grid}.z-img{border-radius:var(--radius);overflow:hidden}.z-img img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto}.zoom figcaption{margin-top:8px}.zoom.is-live{grid-template-columns:1fr;max-width:440px}.zoom.is-live figure{grid-area:1/1}.zoom.is-live{--zin:min(calc(var(--p,0) / .45), 1);--fade:clamp(0, calc((var(--p,0) - .2) / .3), 1);--out:clamp(0, calc((var(--p,0) - .45) / .55), 1)}.zoom.is-live .z-before img{transform:scale(calc(1 + .06 * var(--zin)));transform-origin:50.5% 55%}.zoom.is-live .z-after .z-img{opacity:var(--fade)}.zoom.is-live .z-after img{transform:translateY(calc(-2% * (1 - var(--out)))) scale(calc(1.27 - .27 * var(--out)));transform-origin:50.5% 57%}.zoom.is-live .z-before figcaption{opacity:calc(1 - var(--fade))}.zoom.is-live .z-after figcaption{opacity:var(--fade)}