:root:not([data-theme=classic]) .classic-only,:root:not([data-theme=studio]) .studio-only,:root[data-theme=classic] .family-only,:root[data-theme=studio] .no-studio{display:none!important}.theme-switcher{position:fixed;top:50%;right:0;z-index:60;transform:translateY(-50%);font-family:var(--font-inter),system-ui,-apple-system,"Segoe UI",sans-serif;color:#202020}.theme-switcher__tab{position:relative;display:grid;place-content:center;grid-gap:5px;gap:5px;width:30px;height:68px;padding:0;border:0;border-radius:12px 0 0 12px;background:#202020;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.18);cursor:pointer;transition:width .16s ease,background-color .16s ease}.theme-switcher__tab>span{width:5px;height:5px;border-radius:50%;background:currentColor}.theme-switcher__tab:before{content:"Design";position:absolute;top:50%;right:calc(100% + 8px);padding:5px 10px;border-radius:999px;background:#202020;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;transform:translate(4px,-50%);pointer-events:none;transition:opacity .16s ease,transform .16s ease}@media (hover:hover){.theme-switcher__tab:hover{width:36px;background:#000}.theme-switcher[data-open=false] .theme-switcher__tab:hover:before{opacity:1;transform:translateY(-50%)}}.theme-switcher__tab:focus-visible{outline:2px solid #202020;outline-offset:3px}.theme-switcher[data-open=true] .theme-switcher__tab{width:36px;background:#000}.theme-switcher__panel{position:absolute;top:50%;right:calc(100% + 10px);width:15.5rem;padding:8px;border:1px solid #e3e3e3;border-radius:12px;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.12);transform:translateY(-50%);animation:theme-panel-in .18s cubic-bezier(.22,1,.36,1)}.theme-switcher__panel[hidden]{display:none}@keyframes theme-panel-in{0%{opacity:0;transform:translate(6px,-50%)}}.theme-switcher__heading{margin:4px 8px 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#737373}.theme-switcher__option{display:grid;grid-template-columns:18px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;width:100%;padding:10px 8px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}@media (hover:hover){.theme-switcher__option:hover{background:#f4f4f3}}.theme-switcher__option:focus-visible{outline:2px solid #202020;outline-offset:-2px}.theme-switcher__radio{width:16px;height:16px;margin-top:1px;border:1.5px solid #bdbdbd;border-radius:50%}.theme-switcher__option[aria-checked=true] .theme-switcher__radio{border:5px solid #202020}.theme-switcher__label{display:block;font-size:14px;font-weight:600;line-height:1.3}.theme-switcher__note{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:#737373}@media (prefers-reduced-motion:reduce){.theme-switcher__panel{animation:none}}@media print{.theme-switcher{display:none}}.chat-sheet--soon .chat-log{display:none}.chat-status--soon .chat-status__dot{animation:none;opacity:.45}.chat-sheet--soon .chat-starters button:disabled,.chat-sheet--soon textarea:disabled{cursor:not-allowed}.size-tool-sheet:focus{outline:none}.size-tool-sheet:focus-visible rect:first-child{stroke-width:3}.size-tool-chip,.size-tool-chip--active{border-radius:0}@property --intro-reg{syntax:"<length>";inherits:true;initial-value:0}@property --section-reg{syntax:"<length>";inherits:true;initial-value:0}:root[data-theme=studio]{--color-ink:#0b0b0c;--color-paper:#fff;--ink-2:#4b4d52;--ink-3:#8a8c91;--line:#e7e7e9;--line-strong:#0b0b0c;--tint:#f4f4f5;--sheet:#fff;--font-display:var(--font-studio-display),var(--font-studio-sans),system-ui,sans-serif;--font-body:var(--font-studio-sans),system-ui,-apple-system,sans-serif;--font-sans:var(--font-studio-sans),system-ui,-apple-system,sans-serif;--font-mono:var(--font-studio-mono),ui-monospace,Menlo,monospace;--plate-c:rgba(0,160,222,.9);--plate-m:rgba(230,0,126,.85);--plate-y:rgba(255,214,0,.95);--radius:0px;--press-ease:cubic-bezier(0.2,1.3,0.35,1);--container-max:62rem;--page-gutter:clamp(1.75rem,13vw,16rem)}@media (max-width:48rem){:root[data-theme=studio]{--page-gutter:1.75rem}}:root[data-theme=studio] body{overflow-x:clip;background:var(--color-paper);font-family:var(--font-body)}:root[data-theme=studio] ::selection{background:var(--plate-y);color:var(--color-ink)}:root[data-theme=studio] body:before{--m:var(--color-ink);content:"";position:fixed;inset:10px;z-index:85;pointer-events:none;background:linear-gradient(var(--m),var(--m)) left 0 top 14px /12px 1px no-repeat,linear-gradient(var(--m),var(--m)) left 14px top 0 /1px 12px no-repeat,linear-gradient(var(--m),var(--m)) right 0 top 14px /12px 1px no-repeat,linear-gradient(var(--m),var(--m)) right 14px top 0 /1px 12px no-repeat,linear-gradient(var(--m),var(--m)) left 0 bottom 14px /12px 1px no-repeat,linear-gradient(var(--m),var(--m)) left 14px bottom 0 /1px 12px no-repeat,linear-gradient(var(--m),var(--m)) right 0 bottom 14px /12px 1px no-repeat,linear-gradient(var(--m),var(--m)) right 14px bottom 0 /1px 12px no-repeat}@media (hover:hover) and (pointer:fine){:root[data-theme=studio],:root[data-theme=studio] *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><circle cx='14' cy='14' r='7' fill='none' stroke='%230b0b0c' stroke-width='1.5'/><path d='M14 0v28M0 14h28' stroke='%230b0b0c' stroke-width='1.5'/></svg>") 14 14,crosshair}:root[data-theme=studio] :is(a,button,summary,select,label,input,textarea){cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><circle cx='14' cy='14' r='9' fill='%23e6007e' fill-opacity='0.85'/><path d='M14 0v28M0 14h28' stroke='%230b0b0c' stroke-width='1.5'/></svg>") 14 14,pointer}:root[data-theme=studio] :is(input,textarea){cursor:text}}:root[data-theme=studio] .shell-header{border-bottom:1px solid var(--color-ink);background:hsla(0,0%,100%,.85)}:root[data-theme=studio] .shell-header:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:4px;background:linear-gradient(90deg,#00a0de 0 25%,#e6007e 25% 50%,#ffd600 50% 75%,#17140f 75% 100%);transform-origin:left center;transform:scaleX(0)}:root[data-theme=studio] .header-link,:root[data-theme=studio] .shell-header .header-actions>a{border-radius:0;padding:6px 12px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}:root[data-theme=studio] :is(.pill-button,.text-button,.folio-jump-toggle){border:1px solid var(--color-ink);border-radius:0;padding:11px 16px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:transform .25s var(--press-ease),box-shadow .25s var(--press-ease),background-color .15s linear}@media (hover:hover){:root[data-theme=studio] :is(.pill-button,.text-button,.folio-jump-toggle):hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 #e6007e;background:var(--sheet);border-color:var(--color-ink)}:root[data-theme=studio] .pill-button--primary:hover{background:var(--color-ink);box-shadow:4px 4px 0 #00a0de}}:root[data-theme=studio] .tag{border-radius:0;border:1px solid;font-family:var(--font-mono);background:transparent}:root[data-theme=studio] :is(.folio-jump-panel,.sheet,.size-card,.chat-sheet){border-radius:0}:root[data-theme=studio] .index-hero{position:relative;isolation:isolate}.studio-title,:root[data-theme=studio] .index-hero__body,:root[data-theme=studio] .index-hero__mast{position:relative;z-index:2}.studio-title{--reg:calc(var(--intro-reg) + var(--press, 0) * 18px);margin:0;font-family:var(--font-display);font-size:clamp(3.75rem,11vw,11.5rem);font-weight:800;line-height:.84;letter-spacing:-.045em;text-transform:uppercase;color:var(--color-ink);text-shadow:calc(var(--reg) + var(--mx, 0) * 6px) calc(var(--my, 0) * 4px) 0 var(--plate-c),calc(var(--reg) * -.8 - var(--mx, 0) * 5px) calc(var(--reg) * .35) 0 var(--plate-m),calc(var(--reg) * .3) calc(var(--reg) * -.5 - var(--my, 0) * 4px) 0 var(--plate-y)}.studio-title__word{white-space:nowrap}.studio-title__letter,.studio-title__word{display:inline-block}.studio-proof{position:absolute;z-index:0;top:-18%;bottom:-18%;left:30%;right:calc(var(--page-gutter) * -1);pointer-events:none}.studio-proof:before{content:"";position:absolute;inset:0;mix-blend-mode:multiply;background:radial-gradient(circle,#00a0de 38%,transparent 42%) 0 0 /11px 11px;-webkit-mask:radial-gradient(circle at 70% 46%,#000 0,#000 16%,rgba(0,0,0,.55) 26%,transparent 40%);mask:radial-gradient(circle at 70% 46%,#000 0,#000 16%,rgba(0,0,0,.55) 26%,transparent 40%)}:root[data-theme=studio] .index-hero:before{--spot:radial-gradient(circle at var(--px,72%) var(--py,40%),#000 0,#000 70px,rgba(0,0,0,.5) 130px,transparent 210px);content:"";position:absolute;z-index:1;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(circle,#e6007e 36%,transparent 40%) 5px 5px /11px 11px;-webkit-mask:var(--spot);mask:var(--spot)}.studio-marquee{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;border-block:1px solid var(--color-ink);padding-block:12px;background:var(--sheet)}.studio-marquee__track{display:flex;width:max-content}.studio-marquee__run{display:flex}.studio-marquee__item{display:inline-flex;align-items:center;gap:18px;padding-right:18px;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--color-ink)}.studio-marquee__dot{width:11px;height:11px;border:1px solid var(--color-ink);border-radius:50%;background:linear-gradient(var(--color-ink),var(--color-ink)) 50% /1px 100% no-repeat,linear-gradient(var(--color-ink),var(--color-ink)) 50% /100% 1px no-repeat}.studio-marquee__item:nth-child(4n+1) .studio-marquee__dot{background-color:#00a0de}.studio-marquee__item:nth-child(4n+2) .studio-marquee__dot{background-color:#e6007e}.studio-marquee__item:nth-child(4n+3) .studio-marquee__dot{background-color:#ffd600}:root[data-theme=studio] .family-intro__num{font-family:var(--font-mono);color:var(--color-ink)}:root[data-theme=studio] .sizes-index-page .family-intro h2{--reg:calc(var(--section-reg) + var(--press, 0) * 12px);text-transform:uppercase;letter-spacing:-.04em;text-shadow:var(--reg) 0 0 var(--plate-c),calc(var(--reg) * -.7) calc(var(--reg) * .3) 0 var(--plate-m),calc(var(--reg) * .25) calc(var(--reg) * -.45) 0 var(--plate-y)}:root[data-theme=studio] .size-card{position:relative;border:1px solid var(--color-ink);background:var(--sheet);transition:transform .3s var(--press-ease),box-shadow .3s var(--press-ease)}:root[data-theme=studio] .size-card:before{--m:var(--color-ink);content:"";position:absolute;inset:-4px;pointer-events:none;opacity:0;transition:opacity .2s linear,inset .35s var(--press-ease);background:linear-gradient(var(--m),var(--m)) left 0 top 13px /10px 1px no-repeat,linear-gradient(var(--m),var(--m)) left 13px top 0 /1px 10px no-repeat,linear-gradient(var(--m),var(--m)) right 0 top 13px /10px 1px no-repeat,linear-gradient(var(--m),var(--m)) right 13px top 0 /1px 10px no-repeat,linear-gradient(var(--m),var(--m)) left 0 bottom 13px /10px 1px no-repeat,linear-gradient(var(--m),var(--m)) left 13px bottom 0 /1px 10px no-repeat,linear-gradient(var(--m),var(--m)) right 0 bottom 13px /10px 1px no-repeat,linear-gradient(var(--m),var(--m)) right 13px bottom 0 /1px 10px no-repeat}:root[data-theme=studio] .size-card__row:nth-child(2n){background:transparent}@media (hover:hover){:root[data-theme=studio] .size-card.invert-hover:hover,:root[data-theme=studio] .size-card:hover{transform:translate(-5px,-5px);box-shadow:7px 7px 0 var(--color-ink);background:var(--sheet);color:var(--color-ink)}:root[data-theme=studio] .size-card:hover:before{inset:-14px;opacity:1}:root[data-theme=studio] .size-card:hover .size-card__title{text-shadow:2px 0 0 var(--plate-c),-2px 1px 0 var(--plate-m)}}:root[data-theme=studio] .sheet{border:1px solid var(--color-ink);background:var(--sheet)}:root[data-theme=studio] .folio h1{text-transform:uppercase;text-shadow:3px 0 0 var(--plate-c),-3px 1px 0 var(--plate-m)}:root[data-theme=studio] .family-overview{border-radius:0;border-color:var(--color-ink);background:var(--color-ink)}@media (prefers-reduced-motion:no-preference){:root[data-theme=studio] .studio-title{animation:studio-register 1.8s cubic-bezier(.16,1,.3,1) .2s both}:root[data-theme=studio] .studio-title__letter{animation:studio-stamp .55s var(--press-ease) both;animation-delay:calc(.12s + var(--ci) * 55ms)}:root[data-theme=studio] .index-hero .eyebrow,:root[data-theme=studio] .index-hero__actions,:root[data-theme=studio] .index-hero__lede{animation:studio-feed .9s cubic-bezier(.16,1,.3,1) both}:root[data-theme=studio] .index-hero__lede{animation-delay:.75s}:root[data-theme=studio] .index-hero__actions{animation-delay:.9s}.studio-proof:before{animation:studio-print-in 1.4s cubic-bezier(.16,1,.3,1) .5s both}.studio-marquee__track{animation:studio-slug 60s linear infinite}@supports (animation-timeline:scroll()){:root[data-theme=studio] .shell-header:after{animation:studio-progress linear both;animation-timeline:scroll(root)}}@supports (animation-timeline:view()){:root[data-theme=studio] .sizes-index-page .family-intro h2{animation:studio-section-register linear both;animation-timeline:view();animation-range:entry 0 cover 40%}}}@keyframes studio-register{0%{--intro-reg:26px}}@keyframes studio-section-register{0%{--section-reg:22px}}@keyframes studio-stamp{0%{opacity:0;transform:scale(1.5) translateY(-6%);filter:blur(6px)}60%{opacity:1;transform:scale(.96);filter:blur(0)}}@keyframes studio-feed{0%{opacity:0;transform:translateY(18px)}}@keyframes studio-print-in{0%{opacity:0;scale:.6}}@keyframes studio-slug{to{transform:translateX(-50%)}}@keyframes studio-progress{to{transform:scaleX(1)}}@media (max-width:48rem){:root[data-theme=studio] body:before{display:none}.studio-proof{left:25%;opacity:.45}}@media (hover:none),(max-width:48rem){:root[data-theme=studio] .index-hero:before{display:none}}