/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ground:#fafaf8;--color-ground-2:#f1f2f0;--color-ink:#13212b;--color-ink-2:#3d4b55;--color-ink-3:#5a6b75;--color-line:#13212b24;--color-teal:#00a8b5;--color-teal-ink:#006a72;--color-teal-tint:#e3f4f5;--color-lime:#bed00a;--color-lime-tint:#f4f7d2;--color-night:#3b3886;--color-dusk:#5b4a9e;--color-dusk-violet:#6a5691;--color-dusk-mauve:#85648f;--color-dusk-peach:#ff9971;--color-dusk-ink:#4b3c8c;--color-dusk-tint:#eeebfa;--color-onsen:#e0703c;--color-onsen-ink:#a04418;--color-tea:#3b1a14;--color-steam:#fff1dc;--color-blossom:#f06aa8;--color-violet:#6e56cf;--color-pink:#f26ca7;--color-sun:#ffc53d;--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-sans:"Figtree", ui-sans-serif, system-ui, sans-serif;--font-voice:"Fraunces", ui-serif, Georgia, serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--text-stage:clamp(5.25rem, 2.9rem + 10vw, 11rem);--text-display:clamp(4.5rem, 2.75rem + 7vw, 9.5rem);--text-h1:clamp(2.5rem, 1.6rem + 3.6vw, 4.75rem);--text-h2:clamp(2rem, 1.45rem + 2.2vw, 3.5rem);--text-h3:clamp(1.375rem, 1.2rem + .7vw, 1.75rem);--text-lede:clamp(1.1875rem, 1.1rem + .4vw, 1.375rem);--text-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--text-prose:clamp(1.1875rem, 1.1rem + .3vw, 1.25rem);--text-small:.9375rem;--text-label:.8125rem;--spacing-section:clamp(64px, 8vw, 120px);--spacing-edge:12px;--radius-xl:40px;--radius-l:26px;--radius-m:18px;--radius-s:12px;--container-content:1240px;--container-about:760px;--container-prose:680px;--ease-soft:cubic-bezier(.2, .8, .2, 1);--shadow-lift:0 30px 60px -24px #13212b73}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@font-face{font-family:Bricolage Grotesque;src:url(/static/fonts/bricolage.49ab5ed75a.woff2)format("woff2");font-weight:500 800;font-stretch:75% 100%;font-display:swap;unicode-range:U+0-7E,U+A0,U+A9,U+AE,U+B7,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2190-2193,U+2212}@font-face{font-family:Bricolage Grotesque;src:url(/static/fonts/bricolage-ext.42896ca173.woff2)format("woff2");font-weight:500 800;font-stretch:75% 100%;font-display:swap;unicode-range:U+A1-A8,U+AA-AD,U+AF-B6,U+B8-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-2012,U+2015-2017,U+201B,U+201F-2021,U+2023-2025,U+2027-206F,U+20AC,U+2122,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;src:url(/static/fonts/figtree.e55c5fd06b.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/static/fonts/figtree-italic.f867afff65.woff2)format("woff2");font-weight:400 800;font-style:italic;font-display:swap}@font-face{font-family:Fraunces;src:url(/static/fonts/fraunces-italic.d80644aeeb.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--focus:var(--color-ink);--keyline-h:6px;--sky:linear-gradient(180deg, var(--color-night) 0%, var(--color-dusk) 44%, var(--color-dusk-violet) 72%, var(--color-dusk-mauve) 100%)}@media (max-width:640px){:root{--spacing-edge:8px;--radius-xl:28px;--radius-l:22px}}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--color-ground);color:var(--color-ink);font:400 var(--text-body) / 1.6 var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:700;font-stretch:92%;line-height:1.05}h1{font-size:var(--text-h1);letter-spacing:-.025em;font-weight:750;line-height:1}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3);letter-spacing:-.01em;font-stretch:100%;line-height:1.15}a{color:inherit}time{font-variant-numeric:tabular-nums lining-nums}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}}@layer components{.wrap{width:min(var(--container-content), 100% - 48px);margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{z-index:50;background:#fff;border-radius:8px;padding:10px 14px;top:12px;left:12px}.label{font:700 var(--text-label) / 1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;margin:0;display:block}.label-teal{color:var(--color-teal-ink)}.label-bobara{color:var(--color-dusk-ink)}.voice{font-family:var(--font-voice);letter-spacing:-.01em;font-style:italic;font-weight:400}.todo{vertical-align:middle;font:700 12px / 1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:#7a1045;background:#ffe3f0;border:1.5px dashed #c2185b;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.panel{margin-inline:var(--spacing-edge);border-radius:var(--radius-xl);position:relative;overflow:hidden}.section-head{max-width:780px;margin-bottom:calc(var(--spacing) * 12)}.section-head .label{margin-bottom:calc(var(--spacing) * 4)}.section-head>p:not(.label){font-size:var(--text-lede);margin-top:calc(var(--spacing) * 6);color:var(--color-ink-2);max-width:36em;line-height:1.5}@media (max-width:640px){.section-head{margin-bottom:28px}.section-head>p:not(.label){margin-top:14px}}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;min-height:52px;font:700 17px / 1 var(--font-sans);white-space:nowrap;transition:transform .15s var(--ease-soft), background .15s, box-shadow .15s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;text-decoration:none;display:inline-flex}.btn-ink{background:var(--color-ink);color:#fff}.btn-line{background:0 0;box-shadow:inset 0 0 0 2px}.btn-tea{background:var(--color-tea);color:var(--color-steam)}.btn-arrow:after{content:"→";transition:transform .15s var(--ease-soft);font-weight:600}.text-link{border-bottom:3px solid var(--u,var(--color-teal));min-height:44px;padding:11px 0 6px;font-weight:700;text-decoration:none;display:inline-block}.text-link:after{content:"→";transition:margin-left .15s var(--ease-soft);margin-left:6px}.inline-link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--u,var(--color-teal));-webkit-text-decoration-color:var(--u,var(--color-teal));text-decoration-color:var(--u,var(--color-teal));font-weight:700}@media (hover:hover){.btn:hover{transform:translateY(-2px)}.btn-line:hover{box-shadow:inset 0 0 0 3px}.btn-arrow:hover:after{transform:translate(3px)}.text-link:hover:after{margin-left:9px}}.btn:active,.hello:active,.nav a:active,.menu summary:active,.menu-sheet a:active,.case:active,.feature-card:active{transition-duration:80ms;transform:scale(.98)}.keyline{height:var(--keyline-h);forced-color-adjust:none;display:flex;position:relative;overflow:hidden}.keyline span{flex:1}.keyline span:first-child{background:var(--color-teal)}.keyline span:nth-child(2){background:var(--color-onsen)}.keyline span:nth-child(3){background:var(--color-violet)}.keyline span:nth-child(4){background:var(--color-pink)}.keyline span:nth-child(5){background:var(--color-sun)}.keyline span:nth-child(6){background:var(--color-lime)}.keyline:before,.keyline:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffb3 50%,#0000);width:28%;position:absolute;top:0;bottom:0;left:0;transform:translate(-110%)}.entering .keyline:after{animation:2.4s cubic-bezier(.45,0,.25,1) .35s both sheen}.keyline.is-sheening:before{animation:1.6s cubic-bezier(.45,0,.25,1) both sheen}.site-header{z-index:10;background:var(--color-ground);position:relative}.header-row{align-items:center;gap:12px;min-height:76px;display:flex}.brand{border-radius:10px;align-items:center;gap:10px;min-height:44px;margin-right:auto;text-decoration:none;display:inline-flex}.brand img{width:36px;height:36px}.brand-word{font:750 24px / 1 var(--font-display);letter-spacing:-.02em;white-space:nowrap;font-stretch:92%}.brand-word span{color:var(--color-teal-ink);font-weight:500}.nav{display:none}.nav ul{align-items:center;gap:2px;list-style:none;display:flex}.nav a{border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s,transform 80ms;display:inline-flex}.nav a[aria-current]{background:var(--color-ink);color:var(--color-ground)}.nav-dot{background:var(--color-dusk);border-radius:50%;flex:none;width:10px;height:10px}.nav a[aria-current] .nav-dot{box-shadow:0 0 0 2px var(--color-ground)}.nav-quiet a{color:var(--color-ink-3);font-weight:500}.hello{white-space:nowrap;min-height:44px;box-shadow:inset 0 0 0 2px var(--color-ink);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s,color .15s,transform 80ms;display:inline-flex}.hello:before{content:"";background:var(--color-lime);width:9px;height:9px;box-shadow:0 0 0 2px var(--color-ink);border-radius:50%}@media (hover:hover){.nav a:not([aria-current]):hover{background:#13212b12}.hello:hover{background:var(--color-ink);color:var(--color-ground)}}.menu summary{z-index:3;background:var(--color-ink);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;list-style:none;transition:transform 80ms;display:grid;position:relative}.menu summary::-webkit-details-marker{display:none}.menu-bars,.menu-bars:before,.menu-bars:after{background:var(--color-ground);border-radius:2px;width:18px;height:2.5px;display:block}.menu-bars{background:0 0;position:relative}.menu-bars:before,.menu-bars:after{content:"";transition:transform .2s var(--ease-soft), width .2s var(--ease-soft);position:absolute;left:0}.menu-bars:before{top:-4px}.menu-bars:after{background:var(--color-lime);width:12px;top:4px}.menu[open] .menu-bars:before{transform:translateY(4px)rotate(45deg)}.menu[open] .menu-bars:after{background:var(--color-ground);width:18px;transform:translateY(-4px)rotate(-45deg)}.menu-sheet{z-index:2;overscroll-behavior:contain;max-height:calc(100dvh - 88px);padding:6px max(20px, env(safe-area-inset-right)) 22px max(20px, env(safe-area-inset-left));background:var(--color-ground);animation:sheet .22s var(--ease-soft);border-radius:0 0 24px 24px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 24px 40px -20px #13212b80}.menu-sheet ul{gap:4px;list-style:none;display:grid}.menu-sheet a{min-height:56px;font:700 21px / 1 var(--font-display);letter-spacing:-.01em;border-radius:16px;align-items:center;gap:12px;padding:0 18px;font-stretch:92%;text-decoration:none;display:flex}.menu-sheet a[aria-current]{background:var(--color-ink);color:var(--color-ground)}.menu-sheet .here{font:600 13px / 1 var(--font-sans);letter-spacing:.02em;opacity:.85;margin-left:auto}.menu-sheet .menu-quiet a{color:var(--color-ink-3);font-weight:500}.menu-scrim{z-index:1;background:#13212b80;animation:.2s fade;position:fixed;inset:0}@media (hover:hover){.menu-sheet a:not([aria-current]):hover{background:var(--color-ground-2)}}html.menu-open,html.menu-open body{overflow:hidden}@media (max-width:640px){.wrap{width:calc(100% - 40px)}.header-row{gap:8px;min-height:68px}.brand img{width:32px;height:32px}.brand-word{font-size:22px}.hello{padding:0 14px;font-size:15px}.menu-sheet{padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right))}}@media (max-width:359px){.brand-word span{display:none}}@media (max-width:300px){.hello{display:none}}@media (max-width:180px){.brand-word{display:none}}@media (min-width:821px){.nav{display:block}.menu{display:none}}.site-footer{background:var(--color-ink);color:#e9edf0;padding:48px 0 calc(var(--spacing) * 8 + env(safe-area-inset-bottom));--focus:var(--color-lime);position:relative}.foot-top{gap:calc(var(--spacing) * 12);padding-bottom:calc(var(--spacing) * 12);grid-template-columns:1fr;display:grid}.foot-voice{color:#fff;margin-bottom:12px;font-size:22px;line-height:1.25}.foot-sign p:not(.foot-voice){color:#c9d1d6;max-width:26em;font-size:17px;line-height:1.55}.foot-mail{color:#fff;overflow-wrap:anywhere;min-height:48px;text-decoration:underline;-webkit-text-decoration-color:var(--color-lime);-webkit-text-decoration-color:var(--color-lime);text-decoration-color:var(--color-lime);text-underline-offset:6px;align-items:center;margin-top:12px;font-size:19px;font-weight:700;text-decoration-thickness:3px;display:inline-flex}.foot-links{grid-template-columns:1fr 1fr;gap:20px;display:grid}.foot-links .label{color:var(--color-lime);margin-bottom:8px}.foot-links ul{list-style:none}.foot-links a{align-items:center;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}@media (hover:hover){.foot-links a:hover{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--color-lime);-webkit-text-decoration-color:var(--color-lime);text-decoration-color:var(--color-lime)}}.foot-base{color:#a9b4bc;border-top:1px solid #ffffff29;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-top:20px;font-size:14px;display:flex}.foot-consult{isolation:isolate;color:#c9d1d6;border-top:1px solid #ffffff29;padding:20px 0 22px;scroll-margin-top:24px;font-size:17px;line-height:1.55;position:relative}.foot-consult a{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--color-lime);-webkit-text-decoration-color:var(--color-lime);text-decoration-color:var(--color-lime);text-underline-offset:4px;padding-block:12px;font-weight:700;text-decoration-thickness:2px}.foot-consult:before{content:"";z-index:-1;opacity:0;transition:opacity .6s var(--ease-soft);background:#bed00a29;border-radius:14px;position:absolute;inset:6px -16px}.foot-consult.is-arrived:before{opacity:1;transition-duration:.25s}@media (max-width:300px){.foot-links{grid-template-columns:1fr}}@media (min-width:641px){.site-footer{padding-top:calc(var(--spacing) * 16)}.foot-voice{font-size:24px}.foot-mail{font-size:20px}.foot-links{gap:calc(var(--spacing) * 6)}}@media (min-width:821px){.foot-links{grid-template-columns:repeat(4,1fr)}}@media (min-width:1181px){.foot-top{grid-template-columns:1.3fr 2fr}}.site-main{padding-bottom:64px}.site-main>.panel:last-child{margin-bottom:clamp(120px,11vw,168px)}@media (min-width:641px){.site-main{padding-bottom:72px}}@media (forced-colors:active){.hello,.btn-line,.menu summary{border:2px solid buttontext}.nav a[aria-current],.menu-sheet a[aria-current]{outline-offset:-2px;outline:2px solid canvastext}.menu-bars:before,.menu-bars:after,.menu[open] .menu-bars:after{forced-color-adjust:none;background:buttontext}.menu-sheet{border:2px solid canvastext}.foot-consult.is-arrived:before{forced-color-adjust:none;opacity:.3;background:highlight}}.num{font-variant-numeric:tabular-nums lining-nums}.hl{color:#fff;background:linear-gradient(transparent 8%, var(--color-dusk) 8%, var(--color-dusk) 94%, transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.08em;margin:0 -.02em;padding:0 .1em}.sw{background:var(--c,var(--color-onsen));border-radius:50%;flex:none;width:16px;height:16px;display:inline-block;box-shadow:inset 0 0 0 2px #00000024}.status{font:700 14px / 1.1 var(--font-sans);background:var(--color-ink);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 12px;display:inline-flex}.status:before{content:"";background:var(--dot,var(--color-onsen));border-radius:50%;width:9px;height:9px}.status-quiet{color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-ink);background:0 0}.status-quiet:before{box-shadow:inset 0 0 0 2px var(--color-ink);background:0 0}.status-live:before{animation:2.4s ease-in-out 3 status-pulse}.device{--w:100%;width:var(--w);padding:calc(var(--w) * var(--pad,.03));background:#0f0f13;position:absolute;box-shadow:inset 0 0 0 1px #ffffff1f,0 30px 50px -18px #1e0a058c}.device img{width:100%}.dev-ipad{--pad:.028;border-radius:7%/5.3%}.dev-ipad img{border-radius:4.5%/3.4%}.dev-iphone{--pad:.038;border-radius:16%/7.4%}.dev-iphone img{border-radius:13%/6%}.dev-watch{--pad:0;box-shadow:none;filter:drop-shadow(0 14px 16px #1e0a054d);background:0 0;padding:0}.stars{z-index:0;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 30%,#0000 70%);mask-image:linear-gradient(#000 0 30%,#0000 70%)}.stars:before,.stars:after{content:"";position:absolute;inset:0}.stars:before{background-image:radial-gradient(circle at 8% 14%,#ffffffd9 0 1px,#0000 1.6px),radial-gradient(circle at 31% 6%,#fff9 0 1px,#0000 1.6px),radial-gradient(circle at 47% 38%,#ffffffb3 0 .8px,#0000 1.4px),radial-gradient(circle at 66% 18%,#fffc 0 1px,#0000 1.6px),radial-gradient(circle at 88% 44%,#ffffff8c 0 .8px,#0000 1.4px),radial-gradient(circle at 18% 62%,#ffffff80 0 .8px,#0000 1.4px),radial-gradient(circle at 74% 78%,#fff9 0 1px,#0000 1.6px);background-size:340px 240px}.stars:after{background-image:radial-gradient(circle at 22% 30%,#fffffff2 0 1.3px,#0000 2px),radial-gradient(circle at 58% 12%,#fff4e6e6 0 1.2px,#0000 2px),radial-gradient(circle at 84% 64%,#fffc 0 1px,#0000 1.8px);background-position:90px 20px;background-size:520px 330px;animation:7s ease-in-out infinite alternate twinkle}.horizon{z-index:-1;top:18%;left:-18%;right:-18%;bottom:var(--horizon-at,10%);pointer-events:none;background:radial-gradient(50% 100% at 50% 100%,#ff9971d9,#c6828480 45%,#85648f00 100%);position:absolute}.entering .enter-rise{animation:rise .4s var(--ease-soft) both}.hero{background:var(--color-ground);padding:calc(var(--spacing) * 24) 0}.hero-knot{pointer-events:none;width:760px;fill:var(--color-teal);opacity:.08;position:absolute;top:-150px;right:-180px}.hero-grid{gap:calc(var(--spacing) * 12);grid-template-columns:1.2fr 1fr;align-items:center;display:grid;position:relative}.hero .label{margin-bottom:calc(var(--spacing) * 6)}.hero h1{max-width:13em}.hero-lede{font-size:var(--text-lede);max-width:31em;margin-top:calc(var(--spacing) * 6);line-height:1.55}.hero .actions{margin-top:calc(var(--spacing) * 8)}.deck{height:520px;position:relative}.chip{aspect-ratio:7/10;text-align:left;border-radius:var(--radius-m);width:100%;color:var(--color-ink);background:#fff;border:0;flex-direction:column;padding:0;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 30px 50px -24px #0828308c,0 1px #0000000d}.chip-swatch{background:var(--c);flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.chip-label{gap:2px;padding:14px 18px 16px;display:grid}.chip-label .label{color:var(--color-ink-3)}.chip-label strong{font:750 26px / 1.05 var(--font-display);letter-spacing:-.02em;font-stretch:92%}.chip-meta{color:var(--color-ink-3);font-size:14px}.deck .chip{width:290px;transition:transform .32s var(--ease-soft);position:absolute}.deck-bobara{z-index:3;top:30px;left:30%;transform:rotate(6deg)}.deck-bobara .chip-swatch{background:radial-gradient(circle at 50% 64%, var(--color-steam) 0 33%, transparent 33.5%), radial-gradient(70% 45% at 50% 100%, #ff9971cc, transparent 100%), var(--sky)}.deck-bobara .chip-swatch .stars{-webkit-mask-image:linear-gradient(#000 0 45%,#0000 75%);mask-image:linear-gradient(#000 0 45%,#0000 75%)}.deck-bobara .chip-swatch .stars:before{background-size:220px 160px}.deck-bobara .chip-swatch img{filter:drop-shadow(0 10px 14px #18143c73);width:76%;margin-top:16px;position:relative}.deck-note{z-index:4;align-items:end;gap:4px;font-size:22px;display:flex;position:absolute;top:0;left:4%}.deck-note svg{width:54px;height:44px;margin-bottom:-26px}@media (hover:hover){.deck-bobara:hover{transform:rotate(2deg)translateY(-8px)}}.deck-bobara:active{transform:rotate(4deg)scale(.98)}.entering .deck-bobara{animation:deal .55s var(--ease-soft) .1s both}.app-panel{background:var(--color-dusk-mauve) var(--sky);color:#fff;margin-top:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 24);--focus:#fff}.app-panel>.wrap,.app-panel>.world{z-index:1;position:relative}.app-grid{gap:calc(var(--spacing) * 12);padding-bottom:calc(var(--spacing) * 16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.app-kicker{background:var(--color-steam);color:var(--color-night);border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:inline-flex}.app-kicker .sw{--c:var(--color-dusk)}.app-name{font-size:var(--text-stage);letter-spacing:-.03em;margin:20px 0 18px -.03em;font-weight:750;font-stretch:88%;line-height:.92}.app-line{font:600 clamp(21px, 2vw, 27px) / 1.35 var(--font-display);letter-spacing:-.01em;max-width:23em;font-stretch:100%}.facts{margin-top:calc(var(--spacing) * 6);flex-wrap:wrap;gap:8px;list-style:none;display:flex}.facts li{border:2px solid #ffffffb3;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:600}.app-panel .actions{margin-top:calc(var(--spacing) * 8)}.app-panel .btn-line{color:#fff}.app-panel .btn-tea,.stage .btn-tea{background:var(--color-steam);color:var(--color-night)}.fan{isolation:isolate;--horizon-at:4%;height:640px;position:relative}.fan .dev-iphone{--w:280px}.fan-front{z-index:2;top:0;left:14%;transform:rotate(-3deg)}.fan-back{z-index:1;top:56px;left:50%;transform:rotate(6deg)}.fan .dev-watch{z-index:3;--w:164px;bottom:0;left:0;transform:rotate(-8deg)}.world{position:relative}.world img{object-fit:cover;object-position:50% 42%;width:100%;height:clamp(200px,26vw,400px)}.world figcaption{background:var(--color-steam);color:var(--color-tea);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:17px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.desk{padding:var(--spacing-section) 0 calc(var(--spacing) * 16)}.desk-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.desk-card{border-radius:var(--radius-l);flex-direction:column;gap:16px;padding:28px;display:flex;position:relative;overflow:hidden}.desk-card h3{font-size:30px;font-weight:750;font-stretch:92%}.desk-card .label{margin-bottom:4px}.desk-top{align-items:center;gap:14px;display:flex}.desk-top img{border-radius:16px;width:64px;height:64px;box-shadow:0 8px 16px -8px #18143c80}.desk-bobara{background:var(--color-dusk-tint);color:var(--color-ink);box-shadow:inset 0 0 0 3px var(--color-dusk);grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:end;gap:28px 48px;padding:32px;display:grid}.desk-main{gap:16px;display:grid}.desk-main [data-before-launch],.desk-main [data-after-launch]{max-width:30em}.desk-site{background:var(--color-teal-tint)}.desk-site .status-quiet:before{background:var(--color-teal);box-shadow:none}.desk-secret{background:var(--color-ground-2) repeating-linear-gradient(-45deg, #13212b0a 0 14px, transparent 14px 28px);outline:2px dashed var(--color-ink-3);outline-offset:-2px}.desk-progress{gap:22px;display:grid}.rail{grid-template-columns:repeat(5,1fr);gap:6px;list-style:none;display:grid}.rail li{gap:8px;font-size:13px;font-weight:600;line-height:1.25;display:grid}.rail li:before{content:"";background:var(--color-dusk);border-radius:4px;height:8px}.rail li.now:before{background:repeating-linear-gradient(-45deg, var(--color-dusk) 0 6px, var(--color-dusk-peach) 6px 12px)}.rail li.next:before{background:#4b3c8c2e}.rail li.now{font-weight:800}.countdown{border-top:2px solid #4b3c8c38;align-items:baseline;gap:12px;padding-top:16px;display:flex}.cd-num{color:var(--color-dusk-ink);font:750 60px / .9 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-stretch:88%}.cd-text{font-size:16px;font-weight:600}.desk-bobara[data-state] .cd-num{font-size:44px}@media (max-width:1020px){.hero-grid,.app-grid{grid-template-columns:1fr}.deck{width:100%;max-width:560px;height:470px}.fan{width:100%;max-width:560px;height:580px;margin-inline:auto}.desk-bobara{grid-template-columns:1fr}}@media (max-width:820px){.desk-grid{grid-template-columns:1fr}}@media (max-width:640px){.hero{padding:36px 0 0}.hero-knot{width:420px;top:-80px;right:-170px}.hero .label{margin-bottom:16px}.hero-lede{margin-top:16px}.hero .actions{margin-top:24px}.hero .btn{flex:1;padding:0 16px}.deck{height:236px;margin-top:4px}.deck .chip{width:176px}.deck .chip-label{padding:10px 12px 12px}.deck .chip-label strong{font-size:20px}.deck .chip-meta{font-size:13px}.deck-bobara{top:26px;left:auto;right:6%}.deck-note{font-size:20px;top:60px;left:2%}.deck-note svg{transform:rotate(-20deg)}.app-panel{margin-top:8px;padding-top:36px}.app-grid{gap:8px;padding-bottom:24px}.app-name{margin:14px 0 12px}.facts li{padding:6px 12px;font-size:14px}.app-panel .actions{margin-top:22px}.app-panel .btn{flex:1;padding:0 14px}.fan{height:380px;margin-top:12px}.fan .dev-iphone{--w:164px}.fan-front{left:10%}.fan-back{top:30px;left:auto;right:4%}.fan .dev-watch{--w:108px;bottom:-8px;left:2%}.world img{object-position:38% 40%;height:170px}.world figcaption{font-size:15px;bottom:10px}.desk{padding-top:64px;padding-bottom:48px}.desk-grid{gap:12px}.desk-card,.desk-bobara{gap:14px;padding:22px}.desk-card h3{font-size:26px}.desk-card p{font-size:17px}.desk-progress{gap:16px}.rail{gap:4px}.rail li{font-size:12px}.cd-num{font-size:48px}}@media (forced-colors:active){.hl{forced-color-adjust:none;color:highlighttext;background:highlight}.status,.facts li,.app-kicker,.world figcaption,.chip,.desk-card{border:2px solid canvastext}.status:before,.rail li:before{forced-color-adjust:none;background:canvastext}.rail li.next:before{background:graytext}}.maker{background:var(--color-lime-tint);padding:calc(var(--spacing) * 24) 0 0}.maker-grid{gap:calc(var(--spacing) * 12);grid-template-columns:1.05fr 1fr;align-items:end;display:grid}.maker-copy{padding-bottom:calc(var(--spacing) * 24)}.maker h2{margin:16px 0 24px}.maker p:not(.label){font-size:var(--text-lede);max-width:32em;line-height:1.6}.maker p:not(.label)+p{margin-top:18px}.sign{flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px;display:flex}.signature{text-decoration:underline;-webkit-text-decoration-color:var(--color-lime);-webkit-text-decoration-color:var(--color-lime);text-decoration-color:var(--color-lime);text-underline-offset:8px;font-size:44px;line-height:1;text-decoration-thickness:4px}.maker-art{flex-direction:column;justify-content:end;align-self:stretch;min-height:420px;display:flex;position:relative}.maker-art .skyline{opacity:.9;width:125%;max-width:none;margin-left:-10%}.photo-slot{z-index:1;aspect-ratio:4/5;background:#fff;border-radius:6px;width:46%;padding:10px 10px 46px;position:absolute;top:0;right:6%;transform:rotate(3deg);box-shadow:0 24px 40px -20px #13212b8c}.photo-slot div{border:2px dashed var(--color-ink-3);text-align:center;height:100%;color:var(--color-ink-2);background:repeating-linear-gradient(-45deg,#13212b0a 0 10px,#0000 10px 20px);border-radius:3px;place-items:center;padding:14px;font-size:15px;display:grid}.photo-slot img{object-fit:cover;object-position:50% 60%;border-radius:3px;width:100%;height:100%;display:block}.photo-slot figcaption{font-size:19px;position:absolute;bottom:12px;left:14px}.section-row{justify-content:space-between;align-items:end;gap:calc(var(--spacing) * 6);max-width:none;display:flex}.section-row .text-link{white-space:nowrap;flex:none}.case{border-radius:var(--radius-l);box-shadow:0 0 0 1px var(--color-line);transition:transform .2s var(--ease-soft), box-shadow .2s;background:#fff;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.case img{aspect-ratio:3/2;object-fit:cover;width:100%}.case-body{border-top:6px solid var(--c,var(--color-line));gap:4px;padding:18px 22px 22px;display:grid}.case-body strong{font:750 22px / 1.15 var(--font-display);letter-spacing:-.015em;font-stretch:92%}.case-body>span{color:var(--color-ink-2);font-size:16px}.case-body .label{color:var(--color-ink-3);margin-bottom:4px}@media (hover:hover){.case:hover{box-shadow:0 0 0 1px var(--color-line), 0 18px 30px -18px #13212b59;transform:translateY(-4px)}}.work{padding:var(--spacing-section) 0}.work-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.writing{background:var(--color-teal-tint);padding:calc(var(--spacing) * 24) 0}.writing-grid{gap:calc(var(--spacing) * 16);grid-template-columns:1fr 1.2fr;align-items:start;display:grid}.writing-intro .label{margin-bottom:calc(var(--spacing) * 4)}.writing-intro p:not(.label){font-size:var(--text-body);color:var(--color-ink-2);margin-top:18px}.feature-card{margin-top:calc(var(--spacing) * 8);border-radius:var(--radius-l);box-shadow:0 0 0 1px var(--color-line);transition:transform .15s var(--ease-soft);background:#fff;text-decoration:none;display:grid;overflow:hidden}.feature-card img{aspect-ratio:1200/630;object-fit:cover;width:100%}.feature-card div{padding:20px 24px 24px}.feature-card .label{color:var(--color-teal-ink)}.feature-card strong{font:750 24px / 1.15 var(--font-display);letter-spacing:-.02em;margin-top:8px;font-stretch:92%;display:block}.post-list{list-style:none}.post-list li{border-top:2px solid var(--color-ink)}.post-list li:last-child{border-bottom:2px solid var(--color-ink)}.post-list a{grid-template-columns:14px 1fr auto;align-items:baseline;gap:16px;padding:20px 0;text-decoration:none;display:grid}.post-list a:before{content:"";background:var(--tc,var(--color-ink-3));border-radius:50%;width:12px;height:12px;transform:translateY(1px)}.post-list strong{font:700 21px / 1.25 var(--font-display);letter-spacing:-.01em;font-stretch:100%}@media (hover:hover){.post-list a:hover strong{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--color-teal);-webkit-text-decoration-color:var(--color-teal);text-decoration-color:var(--color-teal)}}.post-list time{color:var(--color-ink-3);white-space:nowrap;font-size:15px}.post-list .by{color:var(--color-ink-3);font-size:15px;font-weight:500;font-family:var(--font-sans);margin-top:4px;display:block}.more-link{margin-top:14px}@media (max-width:1020px){.maker-grid,.writing-grid{grid-template-columns:1fr}.maker-copy{padding-bottom:0}}@media (max-width:820px){.work-grid{grid-template-columns:1fr}.section-row{display:block}.section-row .text-link{margin-top:10px}}@media (max-width:640px){.maker{padding-top:56px}.maker p:not(.label){font-size:18px}.maker-art{min-height:290px;margin-top:12px}.photo-slot{width:52%;right:6%}.photo-slot div{padding:10px;font-size:13px}.maker-art .skyline{width:190%;margin-left:-45%}.signature{font-size:38px}.work{padding:64px 0}.work-grid{gap:12px}.case{grid-template-columns:108px 1fr;display:grid}.case-text{grid-template-columns:1fr}.case img{aspect-ratio:auto;height:100%}.case-body{border-top:0;border-left:6px solid var(--c,var(--color-line));padding:14px 16px}.case-body strong{font-size:19px}.case-body>span{font-size:15px}.writing{padding:56px 0}.writing-grid{gap:28px}.post-list .wide-only,.feature-card img{display:none}.post-list strong{font-size:18px}.post-list a{grid-template-columns:12px 1fr;gap:4px 12px;padding:16px 0}.post-list time{grid-column:2}}@media (max-width:300px){.case{display:flex}.case img{aspect-ratio:3/2;height:auto}.case-body{border-left:0;border-top:6px solid var(--c,var(--color-line))}.maker-art{min-height:0}.photo-slot{aspect-ratio:auto;width:100%;margin-bottom:16px;position:relative;top:auto;right:auto}.photo-slot div{min-height:180px;padding:8px}.photo-slot img{aspect-ratio:4/3;height:auto}.photo-slot figcaption{white-space:nowrap;font-size:15px}}@media (forced-colors:active){.case,.feature-card,.photo-slot{border:2px solid canvastext}.post-list a:before{forced-color-adjust:none;background:canvastext}}.stage{margin:0 var(--spacing-edge);border-radius:var(--radius-xl);background:var(--color-dusk-mauve) var(--sky) no-repeat;color:#fff;--focus:#fff;column-gap:calc(var(--spacing) * 8);grid-template:"head rig""detail rig""actions rig"1fr/minmax(0,.95fr) minmax(0,1.05fr);padding:60px 64px 40px;display:grid;position:relative;overflow:hidden}.stage>*{z-index:1;position:relative}.stage>.stars{z-index:0;position:absolute}.stage-head{grid-area:head}.presents{background:var(--color-steam);color:var(--color-night);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:inline-flex}.presents img{background:#fff;border-radius:50%;width:26px;height:26px;padding:3px}.stage-name{font-size:var(--text-stage);letter-spacing:-.03em;margin:24px 0 0 -.03em;font-weight:750;font-stretch:88%;line-height:.92}.stage-promise{font:700 clamp(25px, 2.4vw, 34px) / 1.12 var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin-top:16px;font-stretch:92%}.stage-when{display:none}.stage-when span{white-space:nowrap}.stage-detail{grid-area:detail;margin-top:18px}.stage-line{font-size:var(--text-lede);max-width:27em;line-height:1.5}.stage-facts{border-top:2px solid #fff;grid-template-columns:auto auto auto;justify-content:start;margin:24px 0 0;display:grid}.stage-facts div{border-right:2px solid #ffffff4d;margin-right:22px;padding:14px 22px 0 0}.stage-facts div:last-child{border-right:0;margin-right:0;padding-right:0}.stage-facts dt{color:#fff}.stage-facts dd{font:700 17px / 1.25 var(--font-display);font-variant-numeric:tabular-nums;margin:8px 0 0;font-stretch:100%}.days-away{font:600 14px / 1.3 var(--font-sans);margin-top:2px;display:block}.days-away:empty{display:none}.stage-actions{grid-area:actions;align-self:start;margin-top:28px}.stage-site{font:700 17px / 1.25 var(--font-display);margin:0;font-stretch:100%}.stage .btn-line{color:#fff}.rig{aspect-ratio:1/.96;--horizon-at:12%;grid-area:rig;align-self:end;width:100%;margin-bottom:20px;position:relative}.rig:after{content:"";z-index:-1;filter:blur(4px);background:radial-gradient(closest-side,#18123c80,#18123c2e 60%,#0000);border-radius:50%;height:13%;position:absolute;bottom:-5%;left:4%;right:0}.rig .dev-ipad{--w:58%;top:0;left:30%}.rig .dev-iphone{--w:27%;z-index:2;bottom:0;left:8%}.rig .dev-watch{--w:21%;z-index:3;bottom:-4%;right:0}.stage .horizon{background:radial-gradient(50% 50% at 50% 60%,#ff997199,#c6828452 50%,#85648f00 100%);inset:14% -10% -14%}.entering .stage-name{animation:rise .4s var(--ease-soft) both}.entering .rig .device{animation:settle .5s var(--ease-soft) both}.entering .rig .device:nth-child(2){animation-delay:60ms}.entering .rig .device:nth-child(3){animation-delay:.12s}.what{padding:var(--spacing-section) 0 calc(var(--spacing) * 24)}.what-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tile{border-radius:var(--radius-l);background:var(--color-dusk-tint);color:var(--color-tea);flex-direction:column;display:flex;overflow:hidden}.tile-shot{background:var(--color-dusk-mauve) var(--sky);justify-content:center;align-items:start;height:360px;padding-top:32px;display:flex;overflow:hidden}.tile-shot img{border:8px solid #0f0f13;border-bottom:0;border-radius:28px 28px 0 0;width:60%}.tile-shot.watch{align-items:center;padding-top:0}.tile-shot.watch img{filter:drop-shadow(0 12px 14px #18123c4d);border:0;border-radius:0;width:66%;max-width:250px}.tile-body{flex:1;align-content:start;gap:10px;padding:24px 26px 28px;display:grid}.tile h3{font-size:26px;font-weight:750;font-stretch:92%}.tile p{font-size:17px}.story-panel{background:var(--color-steam);color:var(--color-tea);padding:calc(var(--spacing) * 24) 0;--focus:var(--color-tea)}.story-art{margin-top:calc(var(--spacing) * 10)}.story-art img{border-radius:var(--radius-m);width:100%;box-shadow:0 0 0 10px #f2d9bd}.story-momo{width:116px;margin:0 0 calc(var(--spacing) * 5) -6px;filter:drop-shadow(0 8px 10px #3b1a142e);transform:rotate(-4deg)}.story-panel .label{color:var(--color-onsen-ink);margin-bottom:calc(var(--spacing) * 4)}.story-copy h2{max-width:11em}.story-copy p:not(.label){font-size:var(--text-lede);margin-top:calc(var(--spacing) * 6);border-left:4px solid var(--color-blossom);max-width:30em;padding-left:22px;line-height:1.55}.story-panel .world{margin-top:calc(var(--spacing) * 16);border-radius:var(--radius-m);overflow:hidden}.eco{padding:var(--spacing-section) 0}.eco-row{grid-template-columns:1.1fr 1.45fr .9fr;align-items:stretch;gap:20px;display:grid}.eco-cell{border-radius:var(--radius-l);background:var(--color-steam);color:var(--color-tea);flex-direction:column;justify-content:space-between;gap:24px;padding:32px 24px 24px;display:flex}.eco-cell .frame{margin-inline:auto;position:relative}.eco-cell .frame .device{position:relative}.eco-cell figcaption{gap:4px;display:grid}.eco-cell figcaption strong{font:750 22px / 1.1 var(--font-display);font-stretch:92%}.eco-cell figcaption span{font-size:16px}.eco-phone .frame{width:min(210px,70%)}.eco-ipad .frame{width:min(380px,84%)}.eco-watch .frame{width:min(180px,62%);margin-block:auto}.detail{background:var(--color-dusk);color:#fff;padding:calc(var(--spacing) * 24) 0;--focus:#fff}.detail-grid{gap:calc(var(--spacing) * 12);grid-template-columns:.85fr 1.15fr;align-items:center;display:grid}.detail-kicker{color:var(--color-sun)}.detail h2{margin-top:14px}.detail p:not(.label){font-size:var(--text-body);max-width:30em;margin-top:18px}.spec{margin:calc(var(--spacing) * 8) 0 1em;border-radius:var(--radius-s);background:#ffffff38;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.spec div{background:var(--color-dusk);padding:14px 16px}.spec dt{color:var(--color-sun)}.spec dd{font:700 18px / 1.2 var(--font-display);font-variant-numeric:tabular-nums;margin:6px 0 0;font-stretch:100%}.nightcam{justify-items:start;gap:14px;display:grid}.seg{background:#ffffff24;border-radius:999px;padding:4px;display:inline-flex}.seg button{min-width:96px;min-height:44px;color:inherit;font:700 16px / 1 var(--font-sans);cursor:pointer;transition:background .2s var(--ease-soft), color .2s var(--ease-soft), transform 80ms;background:0 0;border:0;border-radius:999px;padding:0 20px}.seg button[aria-checked=true]{color:var(--color-dusk);background:#fff}.nc-frame{cursor:pointer;width:100%;display:grid;position:relative;box-shadow:0 30px 50px -24px #0009}.nc-frame figure{border-radius:var(--radius-m);transition:opacity .4s var(--ease-soft);grid-area:1/1;overflow:hidden}.nc-frame img{aspect-ratio:1040/700;object-fit:cover;width:100%}.nc-frame figcaption{color:#fff;background:#13212bd6;border-radius:10px;padding:8px 14px;font-size:15px;position:absolute;bottom:12px;left:12px}.nc-frame figcaption b{font-family:var(--font-display);margin-right:6px}.nc-frame figure:not(.is-on){opacity:0}.nc-frame figure:not(.is-on) figcaption{visibility:hidden}html.js .nc-frame figure:not(.is-on,.is-seen){display:none}.loupe{aspect-ratio:1;border:3px solid var(--color-sun);pointer-events:none;border-radius:50%;width:21%;position:absolute;top:42%;left:46.5%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #0000002e}html:not(.js) .seg{display:none}html:not(.js) .nc-frame{box-shadow:none;cursor:default;grid-template-columns:1fr 1fr;gap:10px;overflow:visible}html:not(.js) .nc-frame figure,html:not(.js) .nc-frame figure:not(.is-on){opacity:1;border-radius:var(--radius-m);grid-area:auto;position:relative;overflow:hidden}html:not(.js) .nc-frame figcaption,html:not(.js) .nc-frame figure:not(.is-on) figcaption{visibility:visible}html:not(.js) .loupe{display:none}.weather{padding:var(--spacing-section) 0 calc(var(--spacing) * 20)}.weather-grid{gap:calc(var(--spacing) * 12);grid-template-columns:.85fr 1.15fr;align-items:center;display:grid}.weather-copy .label{margin-bottom:calc(var(--spacing) * 4)}.weather-copy p:not(.label){font-size:var(--text-body);max-width:30em;color:var(--color-ink-2);margin-top:18px}.weathercam{container-type:inline-size}.weathercam .seg{background:var(--color-dusk-tint);width:100%;color:var(--color-dusk-ink);border-radius:26px;grid-template-columns:repeat(9,auto);display:grid}.weathercam .seg button{min-width:0;padding:0 10px}@container (max-width:660px){.weathercam .seg{grid-template-columns:repeat(3,1fr)}}.weathercam .seg button[aria-checked=true]{background:var(--color-dusk);color:#fff}.weathercam .nc-frame{box-shadow:0 30px 50px -28px #18123c8c}.sound{background:var(--color-night);color:#fff;padding:calc(var(--spacing) * 24) 0;--focus:#fff}.sound .pullquote{color:#fff;border-top-color:#ffffff59}.sound-grid{gap:calc(var(--spacing) * 12);grid-template-columns:1.1fr .9fr;align-items:center;display:grid}.sound .label{color:var(--color-sun);margin-bottom:calc(var(--spacing) * 4)}.sound-copy p:not(.label){font-size:var(--text-body);max-width:32em;margin-top:18px}.sound-rig{isolation:isolate;height:560px;position:relative}.sound-rig .dev-iphone{--w:240px}.sound-back{top:30px;left:6%;transform:rotate(-5deg)}.sound-front{z-index:2;top:0;right:6%;transform:rotate(4deg)}.buy{padding:var(--spacing-section) 0 clamp(120px, 11vw, 168px)}.buy-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.price-card{border-radius:var(--radius-xl);background:var(--color-dusk-tint);color:var(--color-ink);align-content:start;gap:18px;padding:44px;display:grid}.price-card .label,.price{color:var(--color-dusk-ink)}.price{font:800 clamp(96px, 11vw, 160px) / .85 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-stretch:80%}.price sup{vertical-align:.95em;margin-right:.04em;font-size:.38em;position:static}.no-list{gap:10px;list-style:none;display:grid}.no-list li{align-items:baseline;gap:12px;font-size:18px;display:flex}.no-list li:before{content:"";background:currentColor;border-radius:3px;flex:none;width:12px;height:12px;transform:rotate(45deg)translateY(-1px)}.plats{flex-wrap:wrap;gap:10px;list-style:none;display:flex}.plats li{color:var(--color-dusk-ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-weight:700;display:flex}.plats svg{width:18px;height:18px}.made-card{border-radius:var(--radius-xl);background:var(--color-ink);color:#fff;transition:transform .15s var(--ease-soft);--focus:#fff;align-content:space-between;gap:22px;padding:44px;text-decoration:none;display:grid}.made-top{gap:16px;display:grid}.made-card .label{color:var(--color-lime)}.made-card h3{font-size:var(--text-h2);letter-spacing:-.025em;font-weight:750;font-stretch:88%}.made-card p:not(.label){color:#d9dee2;font-size:18px}.stack{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.stack li{font:500 14px / 1 var(--font-mono);border:1.5px solid #ffffff59;border-radius:8px;padding:8px 10px}.made-card .text-link{color:#fff;--u:var(--color-lime)}@media (hover:hover){.made-card:hover{transform:translateY(-4px)}}.seg button:active,.made-card:active{transition-duration:80ms;transform:scale(.98)}@media (max-width:1180px){.stage{column-gap:calc(var(--spacing) * 6);padding:52px 44px 32px}.stage-facts{grid-template-columns:auto auto}.stage-facts div:nth-child(2){border-right:0;margin-right:0}.stage-facts div:nth-child(3){border-right:0;grid-column:1/-1}}@media (max-width:1020px){.stage{grid-template:"head""actions""rig""detail"/1fr;padding:44px 40px 32px}.stage-actions{margin-top:24px}.rig{--horizon-at:20%;justify-self:center;max-width:640px;margin:36px 0 30px}.stage-detail{margin-top:0}.stage-facts{grid-template-columns:auto auto auto}.stage-facts div:nth-child(2){border-right:2px solid #ffffff4d;margin-right:22px}.stage-facts div:nth-child(3){grid-column:auto}.detail-grid,.weather-grid,.sound-grid{grid-template-columns:1fr}.eco-row{grid-template-columns:1fr 1fr}.eco-ipad{order:-1;grid-column:1/-1}}@media (max-width:820px){.what-grid,.buy-grid{grid-template-columns:1fr}}@media (max-width:640px){.stage{padding:24px 20px}.stage-name{margin-top:18px}.stage-promise{margin-top:10px;font-size:24px}.stage-when{margin-top:8px;font-size:16px;font-weight:700;display:block}.stage-actions{gap:10px;margin-top:18px}.stage-actions .btn{flex:1;padding:0 14px;font-size:16px}.rig{margin:26px 0 22px}.stage-line{font-size:18px}.stage-facts{grid-template-columns:1fr 1fr}.stage-facts div:nth-child(2){border-right:0;margin-right:0}.stage-facts div:nth-child(3){grid-column:1/-1}.stage-facts dd{font-size:16px}.what{padding:64px 0}.what-grid{gap:12px}.tile-shot{height:260px}.tile-body{padding:20px 22px 24px}.story-panel{padding:52px 0}.story-momo{width:88px}.story-copy p:not(.label){padding-left:16px}.eco{padding:64px 0}.eco-row{gap:10px}.eco-cell{padding:22px 14px 16px}.eco-cell figcaption strong{font-size:18px}.eco-cell figcaption span{font-size:14px;line-height:1.4}.detail{padding:56px 0}.spec{grid-template-columns:1fr 1fr}.spec div:last-child{grid-column:1/-1}.nightcam{justify-items:stretch}.seg button{flex:1}.nc-frame figcaption{padding:6px 10px;font-size:13px;bottom:8px;left:8px}.weather{padding:64px 0 48px}.weathercam .seg button{padding:0 8px}.sound{padding:56px 0}.sound-rig{height:360px}.sound-rig .dev-iphone{--w:150px}.sound-back{top:20px;left:2%}.sound-front{right:2%}.buy{padding:64px 0 40px}.price-card,.made-card{padding:28px 24px}}@media (max-width:359px){.stage-facts{grid-template-columns:1fr}.stage-facts div{border-right:0;grid-column:auto;margin-right:0;padding-right:0}}@media (max-width:300px){.stage{padding:20px 14px}.stage-actions .btn{flex-basis:100%}.eco-row,.spec{grid-template-columns:1fr}.seg button{min-width:0;padding:0 12px}.price-card,.made-card{padding:22px 16px}}@media (forced-colors:active){.presents,.tile,.eco-cell,.price-card,.made-card,.plats li,.spec div,.nc-frame figcaption{border:2px solid canvastext}.rig .device,.eco-cell .device,.sound-rig .device{forced-color-adjust:none}.seg{border:2px solid buttontext}.seg button[aria-checked=true]{outline-offset:-4px;outline:2px solid highlight}.no-list li:before{forced-color-adjust:none;background:canvastext}}.prose{width:min(var(--container-prose), 100% - 40px);margin:calc(var(--spacing) * 16) auto 0;font-size:var(--text-prose);overflow-wrap:break-word;line-height:1.65}.prose p{margin:0 0 1.1em}.prose>p:first-child{font-size:1.15em;font-weight:500;line-height:1.55}.prose a{text-underline-offset:3px;text-decoration-line:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--color-teal);-webkit-text-decoration-color:var(--color-teal);text-decoration-color:var(--color-teal);font-weight:600}@media (max-width:640px){.prose{margin-top:40px}}.about-open{margin-top:calc(var(--spacing) * 4)}.about-open h1{max-width:11em;margin:16px 0 24px}.about-open .maker-copy p:not(.label){font-size:var(--text-lede)}.prose.about-body{width:min(var(--container-about), 100% - 40px);margin-bottom:clamp(120px,11vw,168px)}body.graveyard .prose{margin-bottom:clamp(120px,11vw,168px)}.about-body>p:first-child{font-size:1em;font-weight:400;line-height:1.65}.about-body .about-credit{color:var(--color-ink-2);margin-top:1.6em;font-size:1.1em}.about-body .about-elsewhere{font-size:var(--text-body);color:var(--color-ink-2)}.about-bobara-card{margin:2em 0}.about-bobara-card .made-top{gap:12px}.about-bobara-card h3{max-width:18em}.prose .made-card{text-decoration:none}.about-consult-note{margin:2.4em 0 0}.about-thanks{margin:1.6em 0 0}.about-thanks .label{color:var(--color-ink-3);margin-bottom:6px}aside.about-elsewhere{max-width:none;margin:1.6em 0 0;transform:none}.past-apps{grid-template-columns:1.45fr 1fr;align-items:start;gap:20px;margin:1.6em 0 2em;display:grid}.past-apps .case{font-weight:400;text-decoration:none}.past-apps .case img{-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}@media (max-width:640px){.past-apps{grid-template-columns:1fr;gap:12px}.past-apps .case{display:flex}.past-apps .case img{aspect-ratio:3/2;height:auto}.past-apps .case-body{border-left:0;border-top:6px solid var(--c,var(--color-line));padding:16px 18px 18px}}.meta{flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:15px;font-weight:600;display:flex}.meta .dot-sep:before{content:"·";margin-right:14px}.byline{align-items:center;gap:10px;display:inline-flex}.avatar{width:36px;height:36px;font:800 16px / 1 var(--font-display);background:var(--color-ink);color:var(--color-lime);border-radius:50%;flex:none;place-items:center;display:grid}@media (max-width:640px){.meta{gap:6px 16px}.meta .dot-sep:before{display:none}}.masthead{padding:calc(var(--spacing) * 16) 0 calc(var(--spacing) * 12)}.masthead-grid{gap:calc(var(--spacing) * 12);grid-template-columns:1.1fr 1fr;align-items:end;display:grid}.masthead h1{font-size:var(--text-display);letter-spacing:-.03em;font-weight:750;font-stretch:88%;line-height:.92}.masthead .stop{color:#008e99}.masthead .standfirst{font-size:var(--text-lede);line-height:1.5}.masthead-meta{font-size:var(--text-small);color:var(--color-ink-3);margin-top:14px}.featured{background:var(--color-dusk);color:#fff;--focus:#fff;grid-template-columns:1.15fr 1fr;display:grid}.featured-img img{object-fit:cover;width:100%;height:100%}.featured-body{flex-direction:column;gap:18px;padding:48px;display:flex}.featured-body h2{letter-spacing:-.025em;font-weight:750;font-stretch:88%}.featured-body h2 a{text-decoration:none}.featured-body p{font-size:var(--text-body)}.featured .btn{background:var(--color-steam);color:var(--color-night);align-self:start;margin-top:auto}.picks{padding:calc(var(--spacing) * 16) 0 calc(var(--spacing) * 4)}.picks .section-head{margin-bottom:28px}.picks-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pick{border-radius:var(--radius-l);box-shadow:0 0 0 1px var(--color-line);transition:transform .2s var(--ease-soft), box-shadow .2s;background:#fff;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.pick img{aspect-ratio:16/9;object-fit:cover;width:100%}.pick-body{gap:8px;padding:18px 22px 22px;display:grid}.pick-body .label{color:var(--color-teal-ink)}.pick h3{font:700 22px / 1.2 var(--font-display)}.pick .meta{color:var(--color-ink-3);font-size:14px}@media (hover:hover){.pick:hover{box-shadow:0 0 0 1px var(--color-line), 0 18px 30px -18px #13212b59;transform:translateY(-4px)}}.archive{padding:calc(var(--spacing) * 16) 0 clamp(120px, 11vw, 168px)}.archive-head{gap:18px;margin-bottom:28px;display:grid}.filter{gap:10px;display:grid}.filter[hidden]{display:none}.topics{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.topic{cursor:pointer;min-height:44px;font:700 16px / 1.6 var(--font-sans);color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-line);background:#fff;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;transition:background .15s,color .15s,box-shadow .15s,transform 80ms;display:inline-flex}.topic small{font:600 14px / 1 var(--font-sans);color:var(--color-ink-3);font-variant-numeric:tabular-nums}.topic[aria-pressed=true]{background:var(--color-ink);color:#fff;box-shadow:none}.topic[aria-pressed=true] small{color:#c9d1d6}.topic:active{transition-duration:80ms;transform:scale(.98)}@media (hover:hover){.topic:not([aria-pressed=true]):hover{box-shadow:inset 0 0 0 2px var(--color-ink)}}.tdot{background:var(--tc);border-radius:50%;flex:none;width:10px;height:10px}.topic[aria-pressed=true] .tdot{box-shadow:0 0 0 2px #fff}.filter-status{color:var(--color-ink-2);min-height:1.4em;font-size:15px}.year{border-top:3px solid var(--color-ink)}.year:last-of-type{border-bottom:3px solid var(--color-ink)}.year summary{cursor:pointer;border-radius:0;grid-template-columns:180px 1fr auto;align-items:center;gap:20px;min-height:72px;padding:18px 0;list-style:none;display:grid}.year summary::-webkit-details-marker{display:none}.year-no{font:750 60px / .9 var(--font-display);letter-spacing:-.03em;font-stretch:85%}.year-sum{color:var(--color-ink-2);font-size:16px}.year-sum strong{color:var(--color-ink)}.archive.is-filtered .by-team{display:none}.year-bar{flex-wrap:wrap;gap:3px;margin-top:8px;display:flex}.year-bar span{background:var(--tc,var(--color-ink));border-radius:3px;width:10px;height:10px;transition:opacity .18s}.year-bar span.dim{opacity:.15}.year-toggle{width:44px;height:44px;box-shadow:inset 0 0 0 2px var(--color-ink);border-radius:50%;place-items:center;font-size:20px;font-weight:800;transition:transform 80ms,background .15s;display:grid}.year-toggle:before{content:"+"}.year[open] .year-toggle:before{content:"−"}.year summary:active .year-toggle{transform:scale(.92)}@media (hover:hover){.year summary:hover .year-toggle{background:var(--color-ink);color:#fff}}.rows{padding:0 0 22px 200px;list-style:none}.rows li{transition:grid-template-rows .18s var(--ease-soft), opacity .12s ease 60ms;grid-template-rows:1fr;display:grid}.rows li.is-out{opacity:0;visibility:hidden;transition:grid-template-rows .18s var(--ease-soft), opacity .12s ease, visibility 0s .18s;grid-template-rows:0fr}.rows .rc{min-height:0;overflow:hidden}.rows a{border-top:1px solid var(--color-line);grid-template-columns:76px 1fr auto;align-items:baseline;gap:14px;padding:13px 0;text-decoration:none;display:grid}.rows time{font:500 14px / 1.3 var(--font-mono);color:var(--color-ink-3)}.rows .t{font-size:18px;font-weight:600;line-height:1.35}@media (hover:hover){.rows a:hover .t{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--color-teal);-webkit-text-decoration-color:var(--color-teal);text-decoration-color:var(--color-teal)}}.rows .b{background:var(--color-ground-2);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:14px;font-weight:700}.archive-foot{color:var(--color-ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;font-size:16px;display:flex}@media (max-width:1020px){.masthead-grid,.featured{grid-template-columns:1fr}.featured-img img{aspect-ratio:1200/630;height:auto}.rows{padding-left:0}}@media (max-width:820px){.picks-grid{grid-template-columns:1fr}}@media (max-width:640px){.masthead{padding:36px 0 28px}.masthead-grid{gap:20px}.featured-body{padding:24px 22px 26px}.picks{padding-top:48px}.picks-grid{gap:12px}.pick{grid-template-columns:108px 1fr;display:grid}.pick img{aspect-ratio:auto;height:100%}.pick-body{gap:6px;padding:14px 16px}.pick h3{font-size:18px}.pick .meta{font-size:13px}.archive{padding-top:48px}.topic{padding:0 14px;font-size:15px}.year summary{grid-template-columns:1fr auto;gap:10px}.year-no{font-size:46px}.year-sum{grid-area:2/1/auto/-1;font-size:15px}.year-toggle{grid-area:1/2}.rows a{grid-template-columns:56px 1fr;gap:4px 12px}.rows time{grid-row:1/span 2;font-size:13px}.rows .t{font-size:17px}.rows .b{grid-column:2;justify-self:start;font-size:13px}}@media (max-width:300px){.pick{display:flex}.pick img{aspect-ratio:16/9;height:auto}}@media (forced-colors:active){.pick,.topic,.year-toggle{border:2px solid canvastext}.featured .btn{border:2px solid buttontext}.topic[aria-pressed=true]{outline-offset:2px;outline:3px solid highlight}.tdot,.year-bar span{forced-color-adjust:none}}.post-head{background:var(--color-teal-tint);padding:calc(var(--spacing) * 16) 0 160px;margin-top:calc(var(--spacing) * 4)}.post-head.no-hero{padding-bottom:calc(var(--spacing) * 16)}.post-head .inner{width:min(900px,100% - 48px);margin-inline:auto}.post-head .crumbs{flex-wrap:wrap;align-items:center;gap:14px;font-size:15px;font-weight:700;display:flex}.post-head .crumbs a{border-radius:999px;align-items:center;min-height:44px;margin-left:-14px;padding:0 14px;text-decoration:none;display:inline-flex}.post-head .crumbs .label{color:var(--color-teal-ink)}.post-head h1{overflow-wrap:break-word;margin-top:14px}.post-head .standfirst{font-size:var(--text-lede);max-width:34em;margin-top:22px;line-height:1.5}.post-head .meta{margin-top:26px}@media (hover:hover){.post-head .crumbs a:hover{background:#006a721a}}.post-hero{z-index:2;width:min(1080px,100% - 48px);margin:-120px auto 0;position:relative}.post-hero img{border-radius:var(--radius-l);width:100%;box-shadow:var(--shadow-lift);background:var(--color-ground-2)}.prose h2{align-items:center;gap:14px;margin:1.9em 0 .7em;font-size:clamp(27px,2.8vw,34px);display:flex}.prose h2:before{content:"";background:var(--h2c,var(--color-teal));border-radius:4px;flex:none;width:14px;height:14px;transform:rotate(45deg)}.prose h2:nth-of-type(5n+2){--h2c:var(--color-onsen)}.prose h2:nth-of-type(5n+3){--h2c:var(--color-pink)}.prose h2:nth-of-type(5n+4){--h2c:var(--color-sun)}.prose h2:nth-of-type(5n+5){--h2c:var(--color-lime)}.prose h3{margin:1.6em 0 .5em;font-size:clamp(22px,2vw,25px)}.prose h4{font:700 1em / 1.4 var(--font-sans);margin:1.4em 0 .4em}.prose>:is(h2,h3,h4):first-child{margin-top:0}.prose strong{font-weight:700}.prose :is(ul,ol){margin:0 0 1.1em;padding-left:1.4em}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li{margin-bottom:.4em;padding-left:.2em}.prose li::marker{color:var(--color-teal-ink);font-weight:700}.prose hr{background:var(--color-line);border:0;border-radius:3px;width:64px;height:3px;margin:2em 0}.prose img{border-radius:var(--radius-s)}.prose p>img,.prose figure{margin-block:1.6em}.prose figcaption{font-size:var(--text-small);color:var(--color-ink-3);margin-top:10px}.prose iframe{aspect-ratio:16/9;border-radius:var(--radius-s);border:0;width:100%;height:auto;margin:1.6em 0;display:block}.prose code{font:.85em / 1.5 var(--font-mono);background:var(--color-ground-2);border-radius:6px;padding:.1em .35em}.prose pre{border-radius:var(--radius-m);background:var(--color-ink);color:#e6ebee;font:15px / 1.6 var(--font-mono);tab-size:2;margin:0 0 1.4em;padding:18px 20px;overflow-x:auto}.prose pre code{font:inherit;background:0 0;border-radius:0;padding:0}.prose .btn{background:var(--color-ink);color:#fff;white-space:normal;text-align:center;padding-block:12px;line-height:1.3;text-decoration:none}.prose .btn-block{width:100%;display:flex}:is(.prose,.chapter-img) .video-holder{max-width:600px;margin:1.6em auto}.chapter-img .video-holder{max-width:none;margin:0}.chapter-img .video-wrapper{border-radius:var(--radius-l)}:is(.prose,.chapter-img) .video-wrapper{aspect-ratio:16/9;border-radius:var(--radius-s);background:var(--color-ink);position:relative;overflow:hidden}:is(.prose,.chapter-img) .video-swap{cursor:pointer;border-radius:0;position:absolute;inset:0}:is(.prose,.chapter-img) .video-swap:focus-visible{outline:none}:is(.prose,.chapter-img) .video-wrapper:has(.video-swap:focus-visible){outline:3px solid var(--focus);outline-offset:3px}:is(.prose,.chapter-img) .video-swap img{object-fit:cover;border-radius:0;width:100%;height:100%;margin:0}:is(.prose,.chapter-img) .video-swap .play-circle{width:61px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.prose,.chapter-img) .video-wrapper iframe{border-radius:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.prose blockquote,.pull{background:var(--color-steam);border-radius:var(--radius-l);margin:1.6em -60px;padding:36px 40px 30px;position:relative}.prose blockquote:before,.pull:before{content:"“";font:800 116px / 1 var(--font-display);color:var(--color-onsen);position:absolute;top:-36px;left:22px}.prose blockquote{font-size:1.1em;font-weight:500;line-height:1.55}.prose blockquote p:last-child{margin-bottom:0}.pull blockquote{font:inherit;background:0 0;margin:0;padding:0}.pull blockquote:before{content:none}.pull p{font:italic 400 clamp(26px, 2.8vw, 34px) / 1.3 var(--font-voice);letter-spacing:-.01em;margin:0}.pull cite{margin-top:14px;font-style:normal;display:block}.post-end{width:min(var(--container-prose), 100% - 40px);margin:calc(var(--spacing) * 12) auto 0;gap:calc(var(--spacing) * 8);display:grid}.tags{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.tags a{min-height:44px;box-shadow:inset 0 0 0 2px var(--color-line);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:700;text-decoration:none;transition:box-shadow .15s,transform 80ms;display:inline-flex}.tags a:active{transition-duration:80ms;transform:scale(.98)}.author{border-radius:var(--radius-l);background:var(--color-lime-tint);grid-template-columns:auto 1fr;align-items:start;gap:18px;padding:26px;display:grid}.author .avatar{width:64px;height:64px;font-size:28px}.author h2{font-size:22px}.author p{margin-top:6px;font-size:17px}.author ul{flex-wrap:wrap;gap:0 20px;margin-top:4px;list-style:none;display:flex}.older-newer{width:min(1080px,100% - 48px);margin:calc(var(--spacing) * 16) auto var(--spacing-section);grid-template-columns:1fr 1fr;gap:20px;display:grid}.on-card{border-radius:var(--radius-l);min-height:180px;transition:transform .15s var(--ease-soft);align-content:start;gap:10px;padding:26px 28px 30px;text-decoration:none;display:grid}.on-card strong{font:750 25px / 1.15 var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-stretch:92%}.on-card time{font-size:15px;font-weight:600}a.on-card:active{transition-duration:80ms;transform:scale(.98)}.on-older{background:var(--color-ground-2);box-shadow:inset 0 0 0 2px var(--color-ink)}.on-older .dir:before{content:"←  "}.on-newer{background:var(--color-ink);color:#fff;--focus:#fff;--u:var(--color-lime)}a.on-newer{--focus:var(--color-ink)}a.on-newer .dir:after{content:"  →"}.on-card p{font-size:17px}.on-newer p{color:#d9dee2}@media (hover:hover){.tags a:hover{box-shadow:inset 0 0 0 2px var(--color-ink)}a.on-card:hover{transform:translateY(-3px)}a.on-card:hover strong{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--color-teal);-webkit-text-decoration-color:var(--color-teal);text-decoration-color:var(--color-teal)}a.on-newer:hover strong{-webkit-text-decoration-color:var(--color-lime);-webkit-text-decoration-color:var(--color-lime);text-decoration-color:var(--color-lime)}}@media (max-width:1180px){.prose blockquote,.pull{margin-inline:0}}@media (max-width:820px){.older-newer{grid-template-columns:1fr}}@media (max-width:640px){.post-head{padding:24px 0 104px}.post-head.no-hero{padding-bottom:40px}.post-head .inner{width:calc(100% - 40px)}.post-hero{width:calc(100% - 20px);margin-top:-80px}.prose blockquote,.pull{margin-inline:-8px;padding:30px 22px 22px}.pull p{font-size:25px}.prose pre{margin-inline:-8px;padding:16px;font-size:14px}.older-newer{width:calc(100% - 40px)}.on-card{min-height:0;padding:22px 22px 26px}.on-card strong{font-size:22px}}@media (forced-colors:active){.post-hero img,.on-card,.author,.prose blockquote,.pull,.tags a,.prose pre{border:2px solid canvastext}.tdot{forced-color-adjust:none}}.case-study{--c-tint:var(--c)}@supports (color:color-mix(in lab, red, red)){.case-study{--c-tint:color-mix(in srgb, var(--c) 15%, #fff)}}.case-study{counter-reset:chapter}.stage-client{background:var(--c-stage);color:var(--c-on);--focus:var(--c-on);grid-template-rows:auto auto 1fr auto;grid-template-areas:"head rig""detail rig""actions rig""switch switch";padding-bottom:28px}.stage-client:before{content:"";aspect-ratio:1;background:var(--c-stage);border-radius:50%;width:70%;position:absolute;top:50%;right:-8%;transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.stage-client:before{background:color-mix(in srgb, var(--c-stage), #fff 20%)}}.stage-client:after{content:"";background:var(--c-stage);height:92px;position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.stage-client:after{background:color-mix(in srgb, var(--c-stage), #000 12%)}}.case-dark .stage-client:before{background:var(--c-stage)}@supports (color:color-mix(in lab, red, red)){.case-dark .stage-client:before{background:color-mix(in srgb, var(--c-stage), #fff 10%)}}.case-dark .stage-client:after{background:var(--c-stage)}@supports (color:color-mix(in lab, red, red)){.case-dark .stage-client:after{background:color-mix(in srgb, var(--c-stage), #000 25%)}}.stage-numeral{z-index:0;pointer-events:none;font:800 360px / .8 var(--font-display);letter-spacing:-.03em;color:#0000;-webkit-text-stroke:3px var(--c-on);opacity:.14;margin:0;font-stretch:75%;position:absolute;top:2%;right:3%}.stage-client .presents{background:var(--color-ink);color:#fff}.stage-client .presents .sw{--c:var(--c-stage);box-shadow:0 0 0 2px #fff}.case-dark .stage-client .presents{color:var(--color-ink);background:#fff}.case-dark .stage-client .presents .sw{box-shadow:0 0 0 2px var(--color-ink)}.case-dusk .presents .sw{--c:var(--color-dusk);box-shadow:0 0 0 2px #fff}.stage-name-mid{font-size:clamp(3.25rem,1.6rem + 5.4vw,7rem);line-height:.95}.stage-name-long{letter-spacing:-.025em;font-size:clamp(2.5rem,1.4rem + 3.8vw,5rem);line-height:1}.stage-client .stage-facts{border-top-color:currentColor}.stage-client .stage-facts div{border-right-color:currentColor}@supports (color:color-mix(in lab, red, red)){.stage-client .stage-facts div{border-right-color:color-mix(in srgb, currentColor 30%, transparent)}}.stage-client .stage-facts dt,.stage-client .btn-line{color:inherit}.case-dark .stage-client .btn-ink{color:var(--color-ink);background:#fff}.stage-client .rig{aspect-ratio:1/.82;margin-bottom:40px}.stage-client .rig:after{filter:none;background:radial-gradient(closest-side,#0000004d,#0000)}.dev-ipad-classic{padding:calc(var(--w) * .035) calc(var(--w) * .07);background:#f4f4f2;border-radius:5%/6.6%;box-shadow:inset 0 0 0 2px #dadad6,0 30px 50px -18px #06281480}.dev-ipad-classic img{border-radius:2px}.dev-ipad-classic:after{content:"";aspect-ratio:1;border-radius:50%;width:3.2%;position:absolute;top:50%;right:2.1%;transform:translateY(-50%);box-shadow:inset 0 0 0 1.5px #c9c9c4}.rig .ipad-back{--w:64%;top:0;right:0}.rig .ipad-front{--w:76%;z-index:2;bottom:0;left:0}.rig.stage-shot{aspect-ratio:auto;align-self:center;width:auto;margin:0 0 24px}.stage-shot img{border-radius:var(--radius-l);background:#fff;width:100%;height:auto;box-shadow:0 0 0 8px #ffffffd9,0 36px 60px -22px #00000080}.rig-phones .dev-iphone{--w:33%}.rig-phones .dev-iphone:first-child{z-index:3;top:0;bottom:auto;left:33.5%}.rig-phones .dev-iphone:nth-child(2){z-index:2;top:14%;bottom:auto;left:2%;transform:rotate(-5deg)}.rig-phones .dev-iphone:nth-child(3){z-index:2;inset:14% 2% auto auto;transform:rotate(5deg)}.switcher{color:#fff;--focus:#fff;background:#13212be6;border-radius:999px;grid-area:switch;justify-self:center;gap:6px;max-width:100%;margin-top:8px;padding:6px;display:flex;box-shadow:0 14px 30px -12px #00000073}.case-dark .switcher{color:var(--color-ink);--focus:var(--color-ink);background:#fffffff2}.switcher a{min-width:0;min-height:52px;color:inherit;white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:6px 22px 6px 10px;text-decoration:none;transition:background .15s,transform 80ms;display:flex}.switcher a:last-child{padding:6px 10px 6px 22px}.switcher .is-on{color:var(--color-ink);background:#fff;gap:16px;padding:10px 24px 10px 16px}.case-dark .switcher .is-on{background:var(--color-ink);color:#fff}.switcher a>span:not([class]){width:240px;min-width:0}.switcher a:first-child>span:not([class]){text-align:left}.switcher a:last-child>span:not([class]){text-align:right}.switcher .is-on>span:not([class]){text-align:left}.switcher strong{font:700 15px / 1.15 var(--font-display);text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.switcher small{opacity:.88;font-size:13px;line-height:1.2;display:block}.sw-ghost{background:var(--c-stage);width:40px;height:40px;color:var(--c-on);font:800 14px / 1 var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.sw-arrow{width:40px;height:40px;font:700 18px / 1 var(--font-sans);background:#ffffff24;border-radius:50%;flex:none;place-items:center;display:grid}.case-dark .sw-arrow{background:#13212b14}.switcher a:active{transition-duration:80ms;transform:scale(.98)}@media (hover:hover){.switcher a:not(.is-on):hover{background:#ffffff1a}.case-dark .switcher a:not(.is-on):hover{background:#13212b0f}}.brief{padding:var(--spacing-section) 0 calc(var(--spacing) * 16)}.brief-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.brief-two{grid-template-columns:1fr 1fr}.brief-grid article{border-radius:var(--radius-l);align-content:start;gap:12px;padding:28px;display:grid}.brief-grid h2:not(.label){font-size:26px;font-weight:750}.brief-grid p:not(.label){font-size:17px}.brief-1{background:var(--color-ground-2)}.brief-2{background:var(--c-tint)}.brief-3{background:var(--color-ink);color:#fff;--focus:#fff}.brief-3 .label{color:var(--color-lime)}.chapters{padding:0 0 calc(var(--spacing) * 16)}.chapters+.chapters,.quote-panel+.chapters{padding-top:calc(var(--spacing) * 16)}.chapter{gap:calc(var(--spacing) * 12);padding:calc(var(--spacing) * 12) 0;border-top:2px solid var(--color-ink);grid-template-columns:1fr 1fr;align-items:center;display:grid}.chapter:nth-child(2n of .chapter)>.chapter-img{order:2}.chapter-solo{grid-template-columns:minmax(0,760px)}.chapter-solo-wide{grid-template-columns:minmax(0,1fr)}.chapter-duo{align-items:start}.chapter-img{min-width:0}.chapter-img img{border-radius:var(--radius-l);background:var(--color-ground-2);width:100%;height:auto}.chapter-img>img{box-shadow:0 30px 50px -18px #1e0a058c}.chapter-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chapter-img-small img{background:0 0;max-width:280px;margin-inline:auto}.chapter-span{grid-column:1/-1}.chapter-span>h2{margin-bottom:0}.chapter-more{min-width:0}.chapter-more>h3:first-child{margin-top:0}.chapter-text{counter-increment:chapter;min-width:0}.chapter-no{align-items:center;gap:10px;display:flex}.chapter-no:before,.chapter-text>h2:first-child:before{content:counter(chapter);background:var(--c-stage);width:34px;height:34px;color:var(--c-on);font:800 15px / 1 var(--font-display);letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;display:grid}.chapter-text>h2:first-child:before{margin-bottom:18px;font-stretch:100%}.chapter h2{margin:14px 0 16px;font-size:clamp(28px,3vw,42px)}.chapter-text>h2:first-child{margin-top:0}.chapter h3{margin:26px 0 8px;font-size:21px}.chapter-duo{row-gap:calc(var(--spacing) * 6)}.chapter p:not(.label),.chapter li{font-size:var(--text-body);color:var(--color-ink-2);max-width:34em}.chapter p:not(.label)+p{margin-top:14px}.chapter ul{margin-top:14px;padding-left:1.3em;list-style:outside}.chapter-text a:not(.btn){text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--c-ink);-webkit-text-decoration-color:var(--c-ink);text-decoration-color:var(--c-ink);font-weight:600}.chapter-text .btn{color:var(--color-ink);white-space:normal;text-align:center;margin-top:20px;line-height:1.25}.chapter-text hr{background:var(--color-line);border:0;border-radius:3px;width:64px;height:3px;margin:24px 0}.chapter blockquote{border-radius:var(--radius-m);background:var(--c-tint);font-weight:500;font-size:var(--text-body);max-width:34em;margin:20px 0 0;padding:18px 22px}.shot-wide,.shots,.shot-strip{padding:calc(var(--spacing) * 12) 0;border-top:2px solid var(--color-ink)}.shot-wide img,.shots img,.shot-strip img{border-radius:var(--radius-l);background:var(--color-ground-2);width:100%;height:auto}.shots{grid-template-columns:1fr 1fr;align-items:center;gap:20px;display:grid}.shot-strip img{aspect-ratio:5;object-fit:cover}.callout{margin:calc(var(--spacing) * 4) 0 calc(var(--spacing) * 12);border-radius:var(--radius-l);background:var(--c-tint);padding:36px 40px}.callout h2{font-size:var(--text-h3);margin-bottom:12px}.callout p{font-size:var(--text-body);color:var(--color-ink-2);max-width:40em}.callout p+p{margin-top:10px}.callout a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--c-ink);-webkit-text-decoration-color:var(--c-ink);text-decoration-color:var(--c-ink);font-weight:700}.quote-panel{background:var(--c-tint);color:var(--color-ink);padding:calc(var(--spacing) * 24) 0}.quote-panel blockquote{max-width:960px;margin:0;padding-top:56px;position:relative}.quote-panel blockquote:before{content:"“";font:800 120px / 1 var(--font-display);color:var(--c-ink);position:absolute;top:-18px;left:-4px}.quote-panel blockquote p{font:500 clamp(24px, 2.4vw, 30px) / 1.4 var(--font-sans);letter-spacing:-.005em}.quote-panel footer{margin-top:24px}.film{padding-bottom:calc(var(--spacing) * 12)}.video-card{border-radius:var(--radius-xl);color:#fff;transition:transform .15s var(--ease-soft);--focus:var(--color-ink);display:block;position:relative;overflow:hidden}.video-card .video-swap{cursor:pointer;display:block}.video-card img{aspect-ratio:16/8;object-fit:cover;width:100%;height:auto}.video-card iframe{aspect-ratio:16/8;border:0;width:100%;display:block}.video-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 25%,#13212beb);position:absolute;inset:0}.video-card .video-swap>div{z-index:1;align-items:center;gap:18px;display:flex;position:absolute;bottom:30px;left:36px;right:36px}.video-card strong{font:750 clamp(22px, 2.4vw, 32px) / 1.1 var(--font-display);display:block}.play{background:var(--c-stage);width:76px;height:76px;transition:transform .2s var(--ease-soft);border-radius:50%;flex:none;place-items:center;display:grid}.play:before{content:"";border-left:22px solid var(--c-on);border-top:13px solid #0000;border-bottom:13px solid #0000;margin-left:6px}.video-card:active{transition-duration:80ms;transform:scale(.98)}@media (hover:hover){.video-card:hover .play{transform:scale(1.08)}}.case-note{padding-bottom:calc(var(--spacing) * 4)}.note-from-now{border-radius:var(--radius-l);background:var(--color-lime-tint);grid-template-columns:auto 1fr;align-items:start;gap:16px;padding:22px 26px;display:grid}.note-from-now p{max-width:46em}.note-mark{background:var(--color-lime);width:14px;height:14px;box-shadow:0 0 0 2px var(--color-ink);border-radius:50%;margin-top:7px}.note-from-now p{font-size:18px}.case-all{background:var(--color-ground-2);justify-content:end;min-height:100%}.case-all .case-body{border-top:0}.case-all .text-link{color:var(--color-ink);margin-top:6px}.cta-knot{pointer-events:none;width:320px;fill:var(--color-lime);opacity:0;transition:opacity .2s var(--ease-soft);position:absolute;bottom:-90px;right:-70px}.case:hover .cta-knot{opacity:.16}@media (max-width:640px){.cta-knot{width:220px;bottom:-60px;right:-50px}}.case-band+.case-band.panel{margin-top:12px}.case-band+.chapters{padding-top:calc(var(--spacing) * 16)}.case-band .chapter-no{gap:12px}.detail.case-band .chapter-no:before,.sound.case-band .chapter-no:before{color:var(--color-dusk);background:#fff}.sound.case-band h2{margin-top:14px}.sound.case-band .sound-copy{align-self:center}.case-study p.todo-line{color:inherit;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:16px;font-size:16px;line-height:1.45;display:flex}.pullquote{padding:calc(var(--spacing) * 12) 0;border-top:2px solid var(--color-ink);font:700 clamp(28px, 1.1rem + 2.6vw, 52px) / 1.12 var(--font-display);letter-spacing:-.02em;color:var(--c-ink,var(--color-ink));text-wrap:balance;font-stretch:90%}.pullquote:before{content:"";background:var(--color-blossom);border-radius:3px;width:64px;height:6px;margin-bottom:22px;display:block}.case-story blockquote{padding-right:clamp(0px,12vw,160px)}.quote-momo{filter:drop-shadow(0 8px 10px #3b1a142e);width:clamp(64px,9vw,124px);position:absolute;top:-6px;right:0;transform:rotate(4deg)}.case-world{margin:0 0 calc(var(--spacing) * 4);border-radius:var(--radius-m);overflow:hidden}.trio,.pair-phones{border-radius:var(--radius-l);background:var(--color-dusk-mauve) var(--sky);justify-content:center;align-items:flex-end;gap:4%;padding:40px 6% 36px;display:flex}.trio .device,.pair-phones .device{flex:none;position:relative}.chapter-img .device img{background:0 0}.chapter-img .dev-ipad img{border-radius:4.5%/3.4%}.chapter-img .dev-iphone img{border-radius:13%/6%}.chapter-img .dev-watch img{border-radius:0}.trio .dev-ipad{--w:48%}.trio .dev-iphone{--w:24%}.trio .dev-watch{--w:20%;margin-bottom:-4%}.pair-phones{align-items:center;gap:6%}.pair-phones .dev-iphone{--w:38%}.pair-phones .dev-iphone:first-child{transform:rotate(-3deg)}.pair-phones .dev-iphone:last-child{margin-top:40px;transform:rotate(3deg)}.window-band{background:var(--color-steam);color:var(--color-tea);padding:calc(var(--spacing) * 24) 0;--focus:var(--color-tea)}.window-band .label{color:var(--color-onsen-ink)}.window-band h2{margin-top:14px}.window-band p:not(.label,.todo-line){font-size:var(--text-body);max-width:30em;margin-top:18px}.windowcam .seg{color:var(--color-tea);background:#f2d9bd}.windowcam .seg button{min-width:0;padding:0 18px}.windowcam .seg button[aria-checked=true]{background:var(--color-tea);color:var(--color-steam)}.windowcam .nc-frame{box-shadow:0 30px 50px -28px #3b1a1480}@media (max-width:1180px){.stage-numeral{font-size:300px}}@media (max-width:1020px){.stage-client{grid-template:"head""actions""rig""detail""switch"/minmax(0,1fr)}.stage-client:before{width:110%;top:auto;bottom:8%;right:-5%;transform:none}.stage-client:after{display:none}.stage-numeral{font-size:260px;top:30px;right:4%}.stage-client .rig:before{content:"";z-index:-2;background:var(--c-stage);position:absolute;inset:80% -50vw -30px}@supports (color:color-mix(in lab, red, red)){.stage-client .rig:before{background:color-mix(in srgb, var(--c-stage), #000 12%)}}.stage-client .rig.stage-shot:before{top:60%}.case-dark .stage-client .rig:before{background:var(--c-stage)}@supports (color:color-mix(in lab, red, red)){.case-dark .stage-client .rig:before{background:color-mix(in srgb, var(--c-stage), #000 25%)}}.stage-client .rig{margin:36px 0 30px}.brief-grid{grid-template-columns:1fr 1fr}.brief-grid .brief-1{grid-column:1/-1}}@media (max-width:820px){.brief-grid,.brief-two{grid-template-columns:1fr}.chapter,.chapter-duo{gap:calc(var(--spacing) * 6);grid-template-columns:1fr}.chapter:nth-child(2n of .chapter)>.chapter-img{order:0}.shots{grid-template-columns:1fr}.video-card .video-swap>div{gap:14px;bottom:18px;left:20px;right:20px}.play{width:56px;height:56px}.play:before{border-left-width:16px;border-block-width:10px;margin-left:4px}}@media (max-width:640px){.stage-client{padding:24px 20px}.stage-numeral,.presents .long{display:none}.stage-client .rig{margin:26px 0 22px}.stage-client .rig:before{bottom:-10px}.stage-client .rig.stage-shot{margin:28px 8px 26px}.stage-shot img{box-shadow:0 0 0 6px #ffffffd9,0 24px 40px -18px #00000080}.switcher{justify-content:space-between;justify-self:stretch;margin-top:18px}.switcher a,.switcher a:last-child{padding:6px}.switcher a:not(.is-on)>span:not(.sw-arrow){display:none}.switcher .is-on{flex:1;padding-right:14px}.brief{padding:64px 0 40px}.brief-grid{gap:12px}.brief-grid article{padding:24px 22px}.brief-grid h2:not(.label){font-size:23px}.chapters{padding-bottom:40px}.chapters+.chapters,.quote-panel+.chapters{padding-top:40px}.chapter,.shot-wide,.shots,.shot-strip{padding:32px 0}.chapter h2{font-size:27px}.shot-strip img{aspect-ratio:3}.shots{gap:12px}.callout{margin-bottom:40px;padding:26px 22px}.quote-panel{padding:56px 0}.quote-panel blockquote{padding-top:44px}.quote-panel blockquote:before{font-size:96px;top:-14px}.quote-panel blockquote p{font-size:21px}.video-card img{aspect-ratio:4/3}.video-card strong{font-size:20px}.note-from-now{gap:12px;padding:18px 20px}.note-from-now p{font-size:17px}.case-all{min-height:0}.pullquote{padding:32px 0}.pullquote:before{margin-bottom:16px}.case-story blockquote{padding-top:80px;padding-right:0}.window-band{padding:56px 0}.windowcam .seg button{padding:0 8px}.trio,.pair-phones{padding:28px 5% 26px}}@media (max-width:300px){.stage-client{padding:20px 14px}.switcher .is-on strong{max-width:7em}.brief-grid article,.callout{padding:20px 16px}}@media (forced-colors:active){.brief-grid article,.callout,.note-from-now,.switcher,.quote-panel,.window-band,.trio,.pair-phones{border:2px solid canvastext}.trio .device,.pair-phones .device{forced-color-adjust:none}.pullquote:before{forced-color-adjust:none;background:canvastext}.stage-actions .btn{border:2px solid buttontext}.rig .device,.stage-shot img{forced-color-adjust:none}.chapter-no:before,.chapter-text>h2:first-child:before,.play,.sw-ghost{forced-color-adjust:none;border:2px solid canvastext}}.work-masthead h1{margin-top:calc(var(--spacing) * 4);max-width:8em;font-size:clamp(3rem,1.9rem + 5vw,7rem);line-height:.95}.work-intro{gap:14px;max-width:36em;display:grid}.work-intro h2{font-size:var(--text-h3);letter-spacing:-.01em;font-stretch:100%;line-height:1.15}.work-intro p:not(.masthead-meta){font-size:var(--text-body);color:var(--color-ink-2)}.work-intro .masthead-meta{margin-top:0}.own-work{background:var(--color-teal-tint);padding:calc(var(--spacing) * 16) 0}.own-work .section-head,.work-all .section-head{margin-bottom:calc(var(--spacing) * 8)}.own-grid,.work-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.work-all{padding-top:calc(var(--spacing) * 16);padding-bottom:clamp(120px,11vw,168px)}.case-offer{grid-column:span var(--span3,1)}.case-offer .case-body{border:0}.case-offer strong{font-size:26px}@media (max-width:1020px){.own-grid,.work-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.own-grid .case:first-child{grid-column:span 2;grid-template-columns:1.4fr 1fr;display:grid}.own-grid .case:first-child img{height:100%}.own-grid .case:first-child .case-body{border-top:0;border-left:6px solid var(--c,var(--color-line));align-content:center;padding:24px 28px}.own-grid .case:first-child .case-body strong{font-size:28px}.case-offer{grid-column:span var(--span2,1)}}@media (max-width:640px){.own-work{padding:48px 0}.work-all{padding:48px 0 64px}.own-work .section-head,.work-all .section-head{margin-bottom:20px}.own-grid,.work-index-grid{grid-template-columns:minmax(0,1fr);gap:12px}.own-grid .case,.own-grid .case:first-child{grid-column:auto;display:flex}.own-grid .case img,.own-grid .case:first-child img{aspect-ratio:3/2;height:auto}.own-grid .case-body,.own-grid .case:first-child .case-body{border-left:0;border-top:6px solid var(--c,var(--color-line));padding:16px 18px 18px}.own-grid .case:first-child .case-body strong{font-size:19px}.case-offer{grid-column:auto}.case-offer strong{font-size:22px}}.consult-masthead h1{font-size:clamp(3rem,1.9rem + 5vw,7rem);line-height:.95}.consult-intro{gap:24px;max-width:34em;display:grid}.consult-me{background:var(--color-lime-tint);padding:calc(var(--spacing) * 24) 0}.consult-me-grid{gap:calc(var(--spacing) * 12);grid-template-columns:1.4fr 1fr;align-items:center;display:grid}.consult-me-copy h2{margin-bottom:24px}.consult-me-copy p{font-size:var(--text-lede);max-width:32em;line-height:1.6}.consult-me-art{place-items:center;display:grid}.consult-me .photo-slot{width:min(300px,80%);position:relative;top:auto;right:auto}.services{margin-top:calc(var(--spacing) * 16);grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.services article{border-radius:var(--radius-l);box-shadow:0 0 0 1px var(--color-line);background:#fff;align-content:start;gap:12px;padding:28px 26px;display:grid}.services article:before{content:"";background:var(--h2c,var(--color-teal));border-radius:4px;width:14px;height:14px;margin:2px 0 6px 2px;transform:rotate(45deg)}.services article:nth-child(2){--h2c:var(--color-onsen)}.services article:nth-child(3){--h2c:var(--color-pink)}.services article:nth-child(4){--h2c:var(--color-sun)}.services h3{letter-spacing:-.015em;font-size:24px;font-weight:750;font-stretch:92%}.services p{color:var(--color-ink-2);font-size:17px}.platforms{padding:var(--spacing-section) 0 calc(var(--spacing) * 4)}.platforms .section-row{margin-bottom:calc(var(--spacing) * 12)}.platforms .section-head{margin-bottom:0}.platform-text{min-width:0}.platform-text>h2:first-child{margin-top:0}.platform-text a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--color-teal);-webkit-text-decoration-color:var(--color-teal);text-decoration-color:var(--color-teal);font-weight:600}.consult-film .video-card{background:var(--color-ink)}.consult-film .video-card:after{content:none}.consult-film .video-card img,.consult-film .video-card iframe{aspect-ratio:16/9}.consult-film .video-card .video-swap>div{padding:24px 36px 28px;position:static}.get-a-quote{padding:calc(var(--spacing) * 4) 0 clamp(120px, 11vw, 168px);scroll-margin-top:24px}.get-a-quote .case-body{gap:10px;max-width:44em;padding:32px 36px 28px}.get-a-quote h2{letter-spacing:-.02em;font-size:clamp(26px,1.2rem + 1.2vw,34px);font-weight:750}.get-a-quote p{font-size:var(--text-body);color:var(--color-ink-2)}.get-a-quote .text-link{overflow-wrap:anywhere;justify-self:start}.contact-open{background:var(--color-teal-tint);padding:calc(var(--spacing) * 20) 0;margin-top:calc(var(--spacing) * 4)}.contact-open .knot{pointer-events:none;width:640px;fill:var(--color-teal);opacity:.1;position:absolute;top:-140px;right:-160px}.contact-grid{gap:calc(var(--spacing) * 16);grid-template-columns:1.3fr 1fr;align-items:start;display:grid;position:relative}.contact-copy h1{max-width:12em}.contact-copy .lede{font-size:var(--text-lede);max-width:31em;margin-top:24px;line-height:1.55}.contact-copy .label{margin-top:44px}.contact-mail{max-width:100%;min-height:48px;font:750 clamp(28px, 1.1rem + 2.4vw, 50px) / 1.1 var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:4px;-webkit-text-decoration-color:var(--color-teal);-webkit-text-decoration-color:var(--color-teal);text-decoration-color:var(--color-teal);align-items:center;margin:4px 0 28px;font-stretch:92%;display:inline-flex}.contact-copy p:not(.lede){font-size:var(--text-body);color:var(--color-ink-2);max-width:34em}.contact-copy p:not(.lede)+p{margin-top:14px}.elsewhere{border-radius:var(--radius-l);box-shadow:0 0 0 1px var(--color-line), 0 24px 40px -24px #13212b59;background:#fff;gap:18px;padding:14px 14px 10px;display:grid}.elsewhere img{border-radius:var(--radius-s);width:100%;height:auto}.elsewhere h2{color:var(--color-ink-3);padding-inline:12px}.elsewhere ul{padding-inline:12px;list-style:none}.elsewhere li{border-top:1px solid var(--color-line);grid-template-columns:minmax(92px,max-content) minmax(0,1fr);align-items:center;column-gap:12px;padding-block:2px;display:grid}.elsewhere li .label{color:var(--color-ink-3)}.elsewhere a{overflow-wrap:anywhere;text-underline-offset:4px;min-height:44px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--color-teal);-webkit-text-decoration-color:var(--color-teal);text-decoration-color:var(--color-teal);align-items:center;font-weight:700;display:inline-flex}.kind-words{background:var(--color-lime-tint);padding:calc(var(--spacing) * 24) 0 calc(var(--spacing) * 20);margin-top:20px}.kind-words h2{margin-bottom:calc(var(--spacing) * 12)}.words{columns:3 300px;column-gap:20px}.word{break-inside:avoid;border-radius:var(--radius-l);background:#fff;margin:0 0 20px;padding:24px 26px 22px}.word blockquote{margin:0}.word blockquote:before{content:"“";height:30px;font:800 64px / .9 var(--font-display);color:var(--color-teal-ink);display:block}.word blockquote p{font-size:17px;font-weight:500;line-height:1.55}.word figcaption{font-size:var(--text-small);color:var(--color-ink-3);margin-top:14px;line-height:1.45}.word figcaption a{color:var(--color-ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--color-teal);-webkit-text-decoration-color:var(--color-teal);text-decoration-color:var(--color-teal);font-weight:600}.client-names{padding:var(--spacing-section) 0 clamp(120px, 11vw, 168px)}.client-names h2{max-width:14em;margin-bottom:calc(var(--spacing) * 10)}.names{flex-wrap:wrap;gap:10px;list-style:none;display:flex}.names li>*{border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-size:17px;font-weight:600;display:inline-flex}.names span{background:var(--color-ground-2);color:var(--color-ink-2)}.names a{box-shadow:inset 0 0 0 2px var(--color-ink);background:#fff;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.names a:before{content:"";background:var(--c);border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 1.5px #fff}.names a:after{content:"→";font-weight:600}.names a:active{transition-duration:80ms;transform:scale(.98)}@media (hover:hover){.names a:hover{background:var(--color-ink);color:#fff}}@media (min-width:1021px){.elsewhere{margin-top:12px;transform:rotate(1.5deg)}}@media (max-width:1180px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1020px){.consult-me-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}.consult-me-art{justify-items:start}.contact-grid{gap:calc(var(--spacing) * 12)}.elsewhere{max-width:560px}}@media (max-width:640px){.consult-intro{gap:20px}.consult-intro .btn{width:100%}.consult-me{padding:48px 0}.consult-me-grid{gap:32px}.consult-me-copy p{font-size:18px}.consult-me .photo-slot{width:min(260px,72%);margin-left:8px}.services{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:40px}.services article{padding:22px}.services h3{font-size:22px}.platforms{padding-top:64px}.platforms .section-row{margin-bottom:8px}.get-a-quote .case-body{padding:24px 22px 20px}.consult-film .video-card .video-swap>div{padding:18px 20px 20px}.contact-open{padding:40px 0}.contact-open .knot{width:420px;top:-80px;right:-170px}.contact-copy .label{margin-top:32px}.contact-mail{text-underline-offset:6px;margin-bottom:20px;text-decoration-thickness:3px}.kind-words{margin-top:12px;padding:48px 0 36px}.kind-words h2{margin-bottom:28px}.words{column-gap:12px}.word{margin-bottom:12px;padding:20px 22px 18px}.client-names{padding-top:64px}.client-names h2{margin-bottom:28px}.names{gap:8px}.names li>*{padding:0 14px;font-size:16px}}@media (max-width:400px){.contact-mail{font-size:clamp(20px,7.4vw,28px)}.elsewhere li{grid-template-columns:minmax(0,1fr);padding-block:10px 2px}}@media (max-width:300px){.services article,.word{padding:18px 16px}.get-a-quote .case-body{padding:20px 16px}}@media (forced-colors:active){.services article,.elsewhere,.word,.names li>*{border:2px solid canvastext}.services article:before,.names a:before{forced-color-adjust:none;background:canvastext}}.error-panel{background:var(--color-teal-tint);padding:calc(var(--spacing) * 16) 0;margin-top:calc(var(--spacing) * 4)}.error-panel .knot{pointer-events:none;width:420px;fill:var(--color-teal);opacity:.1;position:absolute;top:-80px;right:-170px}.error-panel .wrap{position:relative}.error-panel .label{margin-bottom:calc(var(--spacing) * 5)}.error-panel h1{max-width:12em}.error-panel .lede{margin-top:calc(var(--spacing) * 6);max-width:31em;font-size:var(--text-lede);line-height:1.55}.error-panel .lede+p{margin-top:calc(var(--spacing) * 5);max-width:36em;color:var(--color-ink-2)}@media (min-width:641px){.error-panel{padding:calc(var(--spacing) * 24) 0}.error-panel .knot{width:640px;top:-140px;right:-160px}}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}}@keyframes sheen{0%{transform:translate(-110%)}to{transform:translate(460%)}}@keyframes sheet{0%{opacity:0;transform:translateY(-8px)}}@keyframes fade{0%{opacity:0}}@keyframes status-pulse{0%,to{box-shadow:0 0 #e0703cbf}50%{box-shadow:0 0 0 7px #e0703c00}}@keyframes twinkle{0%{opacity:.45}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes settle{0%{opacity:0;transform:translateY(12px)}}@keyframes deal{0%{opacity:0;transform:translateY(18px)rotate(12deg)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}