@layer example-pages{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body[data-example]{margin:0;overflow-x:clip}body[data-example] :where(a){color:inherit}body[data-example] :focus-visible{outline:.1875rem solid var(--sf-colour-ring);outline-offset:.25rem}body[data-example] h1,body[data-example] h2,body[data-example] h3,body[data-example] p{margin-block-start:0}.example-global-nav,.story-nav{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-block-end:1px solid var(--sf-colour-border-subtle);min-block-size:4.75rem;padding-block:var(--sf-space-xs);z-index:40;position:sticky;inset:0 0 auto}.example-global-nav nav,.story-nav nav{align-items:center;min-block-size:3.75rem}.example-brand{letter-spacing:-.035em;text-transform:uppercase;font-weight:800}.example-brand span{color:var(--sf-colour-primary)}.example-global-nav__links,.story-nav__links{justify-content:end}.example-global-nav__links a,.story-nav__links a{min-block-size:2.75rem}.example-footer,.story-footer{padding-block:var(--sf-space-l);border-block-start:1px solid}.example-footer p,.story-footer p{margin:0}.examples-hub{background:var(--sf-colour-background);color:var(--sf-colour-foreground)}.examples-hub .example-global-nav{background:color-mix(in oklch, var(--sf-colour-background) 84%, transparent)}.hub-hero{align-items:center;min-block-size:calc(100svb - 4.75rem);display:flex;position:relative;overflow:hidden}.hub-hero:before{background-image:linear-gradient(var(--sf-colour-border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--sf-colour-border-subtle) 1px, transparent 1px);content:"";opacity:.36;background-size:clamp(3rem,7vi,7rem) clamp(3rem,7vi,7rem);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 25%,#0000);mask-image:linear-gradient(#0000,#000 25%,#0000)}.hub-hero__grid{align-items:center;gap:var(--sf-space-xl);grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);display:grid;position:relative}.hub-hero__copy{max-inline-size:61rem}.hub-hero h1{letter-spacing:-.065em;max-inline-size:8.5ch;font-family:Georgia,serif;font-size:clamp(4rem,9vi,9.5rem);font-weight:400;line-height:.89}.hub-hero__copy>p:last-child{color:var(--sf-colour-muted);max-inline-size:42rem}.hub-hero__composition{aspect-ratio:.9;max-block-size:42rem;position:relative}.hub-sheet{border-radius:var(--sf-radius-sm);box-shadow:var(--sf-shadow-xl);padding:var(--sf-space-m);justify-content:start;align-items:end;font-family:Georgia,serif;font-size:clamp(3rem,8vi,7rem);line-height:.78;display:flex;position:absolute;inset:12% 10%}.hub-sheet--one{background:var(--sf-colour-foreground);color:var(--sf-colour-primary-foreground);translate:-18% 8%;rotate:-8deg}.hub-sheet--two{background:var(--sf-colour-accent);color:var(--sf-colour-accent-foreground);translate:14% -6%;rotate:6deg}.hub-sheet--three{background:var(--sf-colour-primary);color:var(--sf-colour-primary-foreground);translate:4% 12%;rotate:-1deg}.hub-gallery{background:var(--sf-colour-foreground);color:var(--sf-colour-primary-foreground);padding-block:var(--sf-space-3xl)}.hub-gallery .sf-kicker{color:var(--sf-colour-primary-foreground)}.hub-gallery .sf-section-header>p{color:color-mix(in oklch, currentColor 68%, transparent);max-inline-size:34rem}.hub-projects{gap:var(--sf-space-m);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.hub-project{border:1px solid color-mix(in oklch, currentColor 16%, transparent);border-radius:var(--sf-radius-xl);min-inline-size:0;overflow:hidden}.hub-project:first-child{grid-column:span 7}.hub-project:nth-child(2){grid-column:span 5}.hub-project:nth-child(3){grid-column:4/span 7}.hub-project__link{min-block-size:40rem;display:grid}.hub-project__art{min-block-size:21rem;position:relative;overflow:hidden}.hub-project__body{background:var(--sf-colour-surface-alt);color:var(--sf-colour-primary-foreground);padding:var(--sf-space-m-l)}.hub-project__body .sf-repel>span:last-child{font-family:var(--sf-font-mono)}.hub-project__body h3{letter-spacing:-.045em;font-family:Georgia,serif;font-weight:400}.hub-project__body p{color:color-mix(in oklch, currentColor 68%, transparent);max-inline-size:38rem}.hub-project__action{justify-content:space-between;align-items:center;margin-block-start:auto;font-weight:700;display:flex}.hub-field-art{background:linear-gradient(to bottom, var(--sf-colour-accent), color-mix(in oklch, var(--sf-colour-primary), var(--sf-colour-background) 56%))}.hub-field-art i{background:color-mix(in oklch, var(--sf-colour-primary-foreground) 80%, transparent);border-radius:50% 50% 0 0;position:absolute;inset:auto -10% -30%}.hub-field-art i:first-child{block-size:78%;translate:-22%}.hub-field-art i:nth-child(2){block-size:62%;translate:22% 8%}.hub-field-art i:nth-child(3){background:color-mix(in oklch, var(--sf-colour-primary) 70%, var(--sf-colour-background));block-size:47%;translate:0 18%}.hub-product-art{background:var(--sf-colour-background)}.hub-product-art:before{background:radial-gradient(circle, var(--sf-colour-primary-soft), transparent 64%);content:"";position:absolute;inset:0}.hub-product-art i:first-child{background:linear-gradient(115deg, var(--sf-colour-surface-raised2), var(--sf-colour-muted));border:1px solid var(--sf-colour-border);block-size:82%;box-shadow:var(--sf-shadow-xl);border-radius:48% 48% 16% 16%;inline-size:36%;position:absolute;inset:10% auto auto 32%}.hub-product-art i:last-child{border:1px solid var(--sf-colour-primary);border-radius:50%;block-size:65%;inline-size:65%;position:absolute;inset:18% auto auto 17%}.hub-studio-art{background:var(--sf-colour-primary)}.hub-studio-art i{position:absolute}.hub-studio-art i:first-child{background:var(--sf-colour-danger);border-radius:50%;block-size:58%;inline-size:46%;inset:18% auto auto 8%}.hub-studio-art i:nth-child(2){background:var(--sf-colour-accent);block-size:70%;inline-size:28%;inset:8% 12% auto auto;rotate:12deg}.hub-studio-art i:nth-child(3){border:1rem solid var(--sf-colour-primary-foreground);border-radius:50%;block-size:48%;inline-size:38%;inset:34% auto auto 38%}.hub-principles h2{letter-spacing:-.05em;font-family:Georgia,serif;font-weight:400}.hub-principles [data-motion-text-highlight-mark]{color:var(--sf-colour-primary)}.hub-principles .sf-button{background:var(--sf-colour-foreground);color:var(--sf-colour-primary-foreground);inline-size:fit-content}.story-wordmark,.product-wordmark,.studio-wordmark{font-weight:800;line-height:.84;text-decoration:none}.story-wordmark span{font-family:Georgia,serif;font-style:italic;font-weight:400}.product-wordmark{font-family:var(--sf-font-mono);letter-spacing:.05em}.product-wordmark span{color:var(--sf-colour-primary);margin-inline-start:.35rem}.studio-wordmark{font-size:var(--sf-step-2);letter-spacing:-.08em}.studio-wordmark span{color:var(--sf-colour-danger)}.field-page{background:color-mix(in oklch, var(--sf-colour-foreground) 96%, var(--sf-colour-accent));color:var(--sf-colour-primary-foreground)}.story-nav--field{background:color-mix(in oklch, var(--sf-colour-foreground) 88%, transparent)}.field-progress{pointer-events:none;z-index:39;block-size:.25rem;position:fixed;inset:4.75rem 0 auto;overflow:hidden}.field-progress span{background:var(--sf-colour-primary);transform-origin:0;block-size:100%;inline-size:100%;display:block}.field-hero{min-block-size:calc(100svb - 4.75rem);padding-block:var(--sf-space-l);position:relative;overflow:hidden}.field-hero:before{background:repeating-linear-gradient(90deg, transparent 0 calc(8.333% - 1px), color-mix(in oklch, currentColor 12%, transparent) calc(8.333% - 1px) 8.333%);content:"";pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.field-hero__grid{align-items:center;gap:var(--sf-space-xl);grid-template-columns:minmax(0,.85fr) minmax(22rem,1.15fr);min-block-size:calc(100svb - 8rem);display:grid;position:relative}.field-hero__copy{z-index:2;position:relative}.field-edition{font-family:var(--sf-font-mono);font-size:var(--sf-step--1);padding-block:var(--sf-space-xs);border-block:1px solid}.field-label{font-family:var(--sf-font-mono);font-size:var(--sf-step--1);letter-spacing:.1em;text-transform:uppercase;font-weight:650}.field-hero h1{letter-spacing:-.075em;max-inline-size:6ch;font-family:Georgia,serif;font-size:clamp(4.8rem,9vi,10.5rem);font-weight:400;line-height:.79}.field-hero__copy>.sf-text-lead{max-inline-size:32rem}.field-byline{font-size:var(--sf-step--1);max-inline-size:33rem;border-block-start:1px solid;justify-content:space-between;padding-block-start:var(--sf-space-s)}.field-route{background:color-mix(in oklch, var(--sf-colour-background), var(--sf-colour-accent) 15%);border:1px solid color-mix(in oklch, currentColor 18%, transparent);color:var(--sf-colour-foreground);padding:var(--sf-space-s);margin:0;position:relative;rotate:1.5deg}.field-route:before{border:1px solid color-mix(in oklch, var(--sf-colour-primary) 55%, transparent);content:"";inset:var(--sf-space-s);pointer-events:none;position:absolute}.field-route svg{max-block-size:73svb;inline-size:100%;display:block}.field-contours path{fill:none;opacity:.28;stroke:currentColor;stroke-width:1px}.field-route__path{fill:none;stroke:var(--sf-colour-primary);stroke-dasharray:10 8;stroke-linecap:round;stroke-width:5px}.field-route__walker circle{fill:var(--sf-colour-primary);stroke:var(--sf-colour-background);stroke-width:5px}.field-route__walker path{fill:none;stroke:var(--sf-colour-primary-foreground);stroke-width:2px}.field-route__points circle{fill:var(--sf-colour-foreground)}.field-route__labels{fill:var(--sf-colour-foreground);font-family:var(--sf-font-mono);letter-spacing:.08em;font-size:1rem;font-weight:700}.field-route figcaption,.field-study figcaption{font-family:var(--sf-font-mono);font-size:var(--sf-step--1);text-transform:uppercase;border-block-start:1px solid;justify-content:space-between;align-items:center;padding-block-start:var(--sf-space-xs);display:flex}.field-scroll-cue{font-size:var(--sf-step--1);align-items:center;gap:var(--sf-space-xs);inset:auto auto var(--sf-space-m) var(--sf-space-s-l);text-transform:uppercase;writing-mode:vertical-rl;text-decoration:none;display:flex;position:absolute}.field-opening{background:color-mix(in oklch, var(--sf-colour-foreground) 98%, var(--sf-colour-accent))}.field-prose{font-family:Georgia,serif;font-size:var(--sf-step-1);line-height:1.75}.field-prose .field-drop{font-size:var(--sf-step-2);line-height:1.5}.field-prose .field-drop:first-letter{color:var(--sf-colour-primary);float:left;margin-inline-end:var(--sf-space-xs);font-size:6em;line-height:.72}.field-chapters{background:var(--sf-colour-background);color:var(--sf-colour-foreground);min-block-size:330svb}.field-chapters__pin{align-items:center;min-block-size:100svb;display:flex;position:relative;overflow:hidden}.field-chapters__pin:before{color:color-mix(in oklch, var(--sf-colour-primary) 12%, transparent);content:"FIELD / 07";font-family:var(--sf-font-mono);letter-spacing:-.08em;white-space:nowrap;font-size:clamp(7rem,18vi,18rem);font-weight:900;position:absolute;inset:auto -2% -8%}.field-chapters__layout{align-items:center;gap:var(--sf-space-xl);padding-block:var(--sf-space-xl);grid-template-columns:minmax(0,.85fr) minmax(22rem,1.15fr);display:grid;position:relative}.field-chapters__copy>h2{letter-spacing:-.055em;font-family:Georgia,serif;font-size:clamp(3.2rem,5.5vi,6rem);font-weight:400;line-height:.92}.field-chapter-list{display:grid}.field-chapter-list article{border-block-start:1px solid var(--sf-colour-border);gap:var(--sf-space-xs);opacity:.46;padding-block:var(--sf-space-s);transition:color var(--motion-duration-base) var(--motion-ease-out), opacity var(--motion-duration-base), translate var(--motion-duration-base) var(--motion-ease-out);grid-template-columns:5rem 1fr;display:grid}.field-chapter-list article:last-child{border-block-end:1px solid var(--sf-colour-border)}.field-chapter-list h3,.field-chapter-list p{margin:0}.field-chapter-list h3{font-family:Georgia,serif;font-size:var(--sf-step-2);font-weight:400}.field-chapter-list p{color:var(--sf-colour-muted);grid-column:2}.field-chapter-list article[data-active]{color:var(--sf-colour-primary);opacity:1;translate:.75rem}.field-visual-stack{gap:var(--sf-space-m);display:grid}.field-study{margin:0}.field-study__art{min-block-size:34rem;position:relative;overflow:hidden}.field-study__art i{position:absolute}.field-study--distance .field-study__art{background:var(--sf-colour-accent)}.field-study--distance i{background:color-mix(in oklch, var(--sf-colour-primary), var(--sf-colour-background) 55%);border-radius:50% 50% 0 0;inset:auto -12% -26%}.field-study--distance i:first-child{block-size:82%;translate:-22%}.field-study--distance i:nth-child(2){background:var(--sf-colour-primary);block-size:66%;translate:23% 8%}.field-study--distance i:nth-child(3){background:var(--sf-colour-foreground);block-size:42%;translate:0 21%}.field-study--texture .field-study__art{background:radial-gradient(circle at 50% 50%, transparent 0 10%, var(--sf-colour-primary) 10.5% 12%, transparent 12.5% 20%, var(--sf-colour-muted) 20.5% 22%, transparent 22.5% 33%, var(--sf-colour-accent) 33.5% 36%, transparent 36.5%), var(--sf-colour-foreground)}.field-study--texture i{background:var(--sf-colour-primary);border-radius:50%;block-size:2rem;inline-size:2rem}.field-study--texture i:first-child{inset:18% 20% auto auto}.field-study--texture i:nth-child(2){inset:auto auto 18% 22%}.field-study--texture i:nth-child(3){background:var(--sf-colour-accent);inset:48% auto auto 16%}.field-study--rhythm .field-study__art{background:repeating-radial-gradient(ellipse at 45% 115%, transparent 0 1.4rem, var(--sf-colour-primary) 1.5rem 1.68rem, transparent 1.78rem 3.2rem), var(--sf-colour-background)}.field-study--rhythm i{background:var(--sf-colour-foreground);border-radius:50%;block-size:8rem;inline-size:11rem}.field-study--rhythm i:first-child{inset:auto auto 12% 12%;rotate:12deg}.field-study--rhythm i:nth-child(2){inset:auto 10% 34% auto;rotate:-8deg}.field-study--rhythm i:nth-child(3){block-size:5rem;inline-size:7rem;inset:14% auto auto 35%}@media (width>=64.001rem){html[data-motion-runtime=ready] .field-visual-stack{min-block-size:40rem;position:relative}html[data-motion-runtime=ready] .field-study{transition:opacity var(--motion-duration-slow) var(--motion-ease-out), scale var(--motion-duration-slow) var(--motion-ease-out);grid-area:1/1}html[data-motion-runtime=ready] .field-visual-stack:has([data-active]) .field-study:not([data-active]){opacity:0;scale:.96}}.field-quote{background:var(--sf-colour-accent);color:var(--sf-colour-accent-foreground);min-block-size:100svb;padding-block:var(--sf-space-3xl);place-content:center}.field-quote blockquote{color:var(--sf-colour-background);letter-spacing:-.055em;margin-inline:0;font-family:Georgia,serif;font-size:clamp(3.5rem,7vi,7.5rem);font-style:italic;line-height:.98}.field-practice{background:color-mix(in oklch, var(--sf-colour-foreground) 97%, var(--sf-colour-primary))}.field-practice__layout{gap:var(--sf-space-xl);grid-template-columns:minmax(16rem,.7fr) minmax(0,1.3fr);display:grid}.field-practice__intro{position:sticky;top:7rem}.field-practice__intro h2{letter-spacing:-.05em;font-family:Georgia,serif;font-size:clamp(3rem,5vi,5.5rem);font-weight:400}.field-practice__steps{border-block-start:1px solid;margin:0;padding:0;list-style:none}.field-practice__steps li{align-items:start;gap:var(--sf-space-m);min-block-size:13rem;padding-block:var(--sf-space-m);border-block-end:1px solid;grid-template-columns:3rem 1fr;display:grid}.field-practice__steps h3{font-family:Georgia,serif;font-size:var(--sf-step-3);font-weight:400}.field-closing{background:var(--sf-colour-primary);color:var(--sf-colour-primary-foreground);place-content:center;min-block-size:100svb}.field-closing h2{letter-spacing:-.055em;font-family:Georgia,serif;font-size:clamp(3.5rem,7vi,7rem);font-weight:400}body[data-example] .field-closing .sf-button{inline-size:fit-content;text-decoration:none;background:var(--sf-colour-background)!important;border-color:var(--sf-colour-background)!important;color:var(--sf-colour-foreground)!important}body[data-example] .field-closing .sf-button:link,body[data-example] .field-closing .sf-button:visited{color:var(--sf-colour-foreground)!important}.story-footer--field{background:color-mix(in oklch, var(--sf-colour-foreground) 96%, var(--sf-colour-accent));color:var(--sf-colour-primary-foreground)}.product-page{background:var(--sf-colour-background);color:var(--sf-colour-foreground)}.story-nav--product{background:color-mix(in oklch, var(--sf-colour-background) 88%, transparent)}.product-hero{background:color-mix(in oklch, var(--sf-colour-foreground) 96%, var(--sf-colour-primary));color:var(--sf-colour-primary-foreground);align-items:center;min-block-size:calc(100svb - 4.75rem);display:flex;position:relative;overflow:hidden}.product-grid{background-image:linear-gradient(color-mix(in oklch, currentColor 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, currentColor 10%, transparent) 1px, transparent 1px);opacity:.55;background-size:5rem 5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%,#000);mask-image:linear-gradient(90deg,#0000,#000 40%,#000)}.product-spotlight{background:radial-gradient(circle, color-mix(in oklch, var(--sf-colour-primary) 28%, transparent), transparent 64%);pointer-events:none;border-radius:50%;block-size:52rem;inline-size:52rem;position:absolute;inset:0 auto auto 0;translate:-50% -50%}.product-hero__grid{align-items:center;gap:var(--sf-space-xl);min-block-size:calc(100svb - 4.75rem);padding-block:var(--sf-space-l);z-index:1;grid-template-columns:minmax(0,.82fr) minmax(24rem,1.18fr);display:grid;position:relative}.product-kicker,.product-index{color:var(--sf-colour-primary);font-family:var(--sf-font-mono);font-size:var(--sf-step--1);letter-spacing:.12em;text-transform:uppercase}.product-status{font-family:var(--sf-font-mono);font-size:var(--sf-step--1);text-transform:uppercase;align-items:center}.product-status>span:first-child{background:var(--sf-colour-primary);block-size:.65rem;box-shadow:0 0 1.5rem var(--sf-colour-primary);border-radius:50%;inline-size:.65rem}.product-hero h1{letter-spacing:-.09em;font-family:Arial,sans-serif;font-size:clamp(5rem,10vi,11rem);font-weight:700;line-height:.72}.product-hero h1 em{color:var(--sf-colour-primary);font-style:normal}.product-hero__copy>.sf-text-lead{color:color-mix(in oklch, currentColor 72%, transparent);max-inline-size:37rem}.product-actions{align-items:center}.product-price{font-family:var(--sf-font-mono);font-size:var(--sf-step--1)}body[data-example] .product-button{background:var(--sf-colour-primary);border-color:var(--sf-colour-primary);color:var(--sf-colour-primary-foreground)}body[data-example] .product-button:hover{background:color-mix(in oklch, var(--sf-colour-primary) 82%, var(--sf-colour-foreground))}.product-stage{perspective:70rem;place-items:center;min-block-size:74svb;margin:0;display:grid;position:relative}.product-stage__halo{border:1px solid color-mix(in oklch, var(--sf-colour-primary) 55%, transparent);border-radius:50%;block-size:min(65vi,42rem);inline-size:min(65vi,42rem);position:absolute;rotate:62deg}.product-stage__halo:before,.product-stage__halo:after{border:1px solid color-mix(in oklch, var(--sf-colour-primary) 32%, transparent);border-radius:inherit;content:"";position:absolute;inset:12%}.product-stage__halo:after{inset:28%}.k1-object{block-size:34rem;inline-size:21rem;transform-style:preserve-3d;position:relative}.k1-object--hero{transform:rotateX(5deg)rotateY(-12deg)}.k1-part{position:absolute}.k1-part--shell{background:linear-gradient(112deg, color-mix(in oklch, var(--sf-colour-muted) 72%, var(--sf-colour-surface)), var(--sf-colour-surface-raised2) 46%, color-mix(in oklch, var(--sf-colour-primary) 18%, var(--sf-colour-surface)));border:1px solid oklch(100% 5.96046e-8 none/.2);border-color:oklch(100% 5.96046e-8 none/.2) oklch(100% 5.96046e-8 none/.2) oklch(100% 5.96046e-8 none/.2) oklch(100% 5.96046e-8 none/.2);border-radius:46% 46% 12% 12%;inset:0;box-shadow:0 4rem 7rem oklch(0% none none/.55)}.k1-part--mesh{background-image:radial-gradient(var(--sf-colour-foreground) .075rem, transparent .1rem);opacity:.72;background-size:.55rem .55rem;inset:8% 6% 21%}.k1-part--core{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--sf-colour-primary) 20%, transparent), transparent);border-inline:1px solid color-mix(in oklch, var(--sf-colour-primary) 42%, transparent);inset:11% 27% 22%}.k1-part--dial{background:radial-gradient(circle at 35% 30%, var(--sf-colour-foreground), var(--sf-colour-surface-raised2));border:.45rem solid var(--sf-colour-background);block-size:4.75rem;box-shadow:var(--sf-shadow-xl);border-radius:50%;inline-size:4.75rem;inset:auto auto 8% 50%;translate:-50%}.k1-part--signal{background:var(--sf-colour-primary);block-size:.5rem;box-shadow:0 0 1.5rem var(--sf-colour-primary);border-radius:50%;inline-size:.5rem;inset:auto auto 3.5% 50%;translate:-50%}.k1-object__shadow{filter:blur(1.5rem);background:oklch(0% none none/.7);border-radius:50%;block-size:3rem;position:absolute;inset:auto 12% -7%;transform:rotateX(70deg)}.product-stage__axis{font-family:var(--sf-font-mono);font-size:var(--sf-step--1);gap:var(--sf-space-s);inset:var(--sf-space-m) var(--sf-space-m) auto auto;display:flex;position:absolute}.product-stage__axis span{border:1px solid;place-items:center;min-block-size:2rem;min-inline-size:2rem;display:grid}.product-stage figcaption,.assembly-state figcaption{border-block-start:1px solid color-mix(in oklch, currentColor 35%, transparent);font-family:var(--sf-font-mono);font-size:var(--sf-step--1);text-transform:uppercase;justify-content:space-between;padding-block-start:var(--sf-space-xs);display:flex;position:absolute;inset:auto 0 0}.product-brief{background:var(--sf-colour-primary);color:var(--sf-colour-primary-foreground);padding-block:var(--sf-space-l)}.product-brief__grid{align-items:center;gap:var(--sf-space-l);grid-template-columns:.3fr 1fr .8fr;display:grid}.product-brief .product-index{color:inherit}.product-brief h2{font-size:var(--sf-step-3);letter-spacing:-.045em;margin:0}.product-brief dl{font-family:var(--sf-font-mono);font-size:var(--sf-step--1);margin:0}.product-brief dl div{padding-block:var(--sf-space-xs);border-block-start:1px solid;justify-content:space-between;display:flex}.product-brief dd{margin:0}.product-explainer{background:var(--sf-colour-background);color:var(--sf-colour-foreground);min-block-size:340svb}.product-explainer__pin{align-items:center;min-block-size:100svb;display:flex;position:relative;overflow:hidden}.product-explainer__pin:before{border:1px solid color-mix(in oklch, var(--sf-colour-primary) 30%, transparent);content:"";border-radius:50%;block-size:70rem;inline-size:70rem;position:absolute;inset:50% -22rem auto auto;translate:0 -50%}.product-explainer__grid{align-items:center;gap:var(--sf-space-xl);padding-block:var(--sf-space-xl);grid-template-columns:minmax(0,.8fr) minmax(24rem,1.2fr);display:grid;position:relative}.product-explainer__steps h2{letter-spacing:-.08em;font-family:Arial,sans-serif;font-size:clamp(3.8rem,6.5vi,7rem);line-height:.83}.product-explainer__steps article{border-block-start:1px solid color-mix(in oklch, currentColor 25%, transparent);align-items:start;gap:var(--sf-space-s);opacity:.38;padding-block:var(--sf-space-s);transition:opacity var(--motion-duration-base), translate var(--motion-duration-base) var(--motion-ease-out);grid-template-columns:3rem 1fr;display:grid}.product-explainer__steps article:last-child{border-block-end:1px solid color-mix(in oklch, currentColor 25%, transparent)}.product-explainer__steps article h3,.product-explainer__steps article p{margin:0}.product-explainer__steps article h3{font-size:var(--sf-step-1)}.product-explainer__steps article p{color:color-mix(in oklch, currentColor 68%, transparent);margin-block-start:var(--sf-space-xs)}.product-explainer__steps article[data-active]{opacity:1;translate:.75rem}.product-explainer__steps article[data-active]>span{background:var(--sf-colour-primary);color:var(--sf-colour-primary-foreground);border-radius:50%;place-items:center;min-block-size:2rem;min-inline-size:2rem;display:grid}.product-assembly{gap:var(--sf-space-m);display:grid}.assembly-state{min-block-size:40rem;margin:0;position:relative}.assembly-object{perspective:70rem;position:absolute;inset:0;overflow:hidden}.assembly-shell,.assembly-mesh,.assembly-core,.assembly-dial{position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.assembly-shell{background:linear-gradient(112deg, var(--sf-colour-muted), var(--sf-colour-surface-raised2));border:1px solid color-mix(in oklch, currentColor 28%, transparent);border-radius:45% 45% 12% 12%;block-size:27rem;inline-size:17rem}.assembly-mesh{background-image:radial-gradient(var(--sf-colour-foreground) .075rem, transparent .1rem);opacity:.66;background-size:.55rem .55rem;block-size:20rem;inline-size:14rem}.assembly-core{background:var(--sf-colour-primary);block-size:14rem;box-shadow:0 0 5rem color-mix(in oklch, var(--sf-colour-primary) 36%, transparent);border-radius:44%;inline-size:8rem}.assembly-dial{background:var(--sf-colour-foreground);border:.4rem solid var(--sf-colour-background);border-radius:50%;block-size:4rem;inline-size:4rem;translate:-50% 9rem}.assembly-state--open .assembly-shell{translate:8rem -50%}.assembly-state--open .assembly-mesh{translate:1rem -50%}.assembly-state--open .assembly-core{translate:-8rem -50%}.assembly-state--open .assembly-dial{translate:11rem 9rem}.assembly-guide{border-block-start:1px dashed color-mix(in oklch, currentColor 42%, transparent);inline-size:30rem;position:absolute;inset:37% auto auto 50%;translate:-50%}.assembly-guide--two{inset-block-start:61%}.assembly-wave{border:1px solid var(--sf-colour-primary);border-radius:50%;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.assembly-wave--one{block-size:21rem;inline-size:21rem}.assembly-wave--two{opacity:.66;block-size:31rem;inline-size:31rem}.assembly-wave--three{opacity:.32;block-size:42rem;inline-size:42rem}@media (width>=64.001rem){html[data-motion-runtime=ready] .product-assembly{min-block-size:42rem;position:relative}html[data-motion-runtime=ready] .assembly-state{transition:opacity var(--motion-duration-slow), scale var(--motion-duration-slow);grid-area:1/1}html[data-motion-runtime=ready] .product-assembly:has([data-active]) .assembly-state:not([data-active]){opacity:0;scale:.94}}.product-materials{background:var(--sf-colour-surface)}.product-materials__grid{align-items:center;gap:var(--sf-space-xl);grid-template-columns:minmax(17rem,.7fr) minmax(24rem,1.3fr);display:grid}.product-materials h2,.product-control h2{letter-spacing:-.075em;font-family:Arial,sans-serif;font-size:clamp(3.5rem,6vi,6.5rem);line-height:.86}.product-comparison{aspect-ratio:1.45;background:var(--sf-colour-foreground);color:var(--sf-colour-primary-foreground);margin:0;position:relative;overflow:hidden}.product-comparison__base,.product-comparison__after{position:absolute;inset:0}.product-comparison__base{background:repeating-linear-gradient(90deg, transparent 0 3.9rem, color-mix(in oklch, currentColor 8%, transparent) 4rem), var(--sf-colour-foreground);font-family:var(--sf-font-mono);align-content:center;gap:var(--sf-space-s);justify-content:center;display:grid}.product-comparison__base span{border-block-start:1px solid var(--sf-colour-primary);inline-size:20rem;padding-block-start:var(--sf-space-xs)}.product-comparison__after{background:radial-gradient(circle, color-mix(in oklch, var(--sf-colour-primary) 16%, transparent), transparent 58%), var(--sf-colour-background);clip-path:inset(0 42% 0 0);color:var(--sf-colour-foreground)}.comparison-speaker{background:linear-gradient(112deg, var(--sf-colour-muted), var(--sf-colour-surface-raised2));block-size:72%;box-shadow:var(--sf-shadow-xl);border-radius:45% 45% 12% 12%;inline-size:26%;position:absolute;inset:13% auto auto 37%}.comparison-speaker i:first-child{background-image:radial-gradient(var(--sf-colour-foreground) .06rem, transparent .085rem);background-size:.45rem .45rem;position:absolute;inset:8% 7% 22%}.comparison-speaker i:last-child{background:var(--sf-colour-foreground);border:.35rem solid var(--sf-colour-background);border-radius:50%;block-size:3.4rem;inline-size:3.4rem;position:absolute;inset:auto auto 8% 50%;translate:-50%}.product-comparison label{background:var(--sf-colour-foreground);color:var(--sf-colour-primary-foreground);font-family:var(--sf-font-mono);font-size:var(--sf-step--1);inset:var(--sf-space-s) auto auto var(--sf-space-s);padding:var(--sf-space-xs);position:absolute}.product-comparison input{accent-color:var(--sf-colour-primary);cursor:ew-resize;inline-size:calc(100% - 3rem);position:absolute;inset:50% auto auto 1.5rem}.product-comparison figcaption{font-family:var(--sf-font-mono);inset:auto var(--sf-space-s) var(--sf-space-s);text-transform:uppercase;justify-content:space-between;display:flex;position:absolute}.product-control{background:var(--sf-colour-background)}.product-control__grid{align-items:center;gap:var(--sf-space-xl);grid-template-columns:minmax(22rem,1.05fr) minmax(0,.95fr);display:grid}.product-dial-art{aspect-ratio:1;background:repeating-radial-gradient(circle, transparent 0 3.4rem, var(--sf-colour-border) 3.45rem 3.5rem), var(--sf-colour-foreground);color:var(--sf-colour-primary-foreground);position:relative;overflow:hidden}.product-dial-art>i{background:repeating-linear-gradient(90deg, var(--sf-colour-surface-raised2) 0 .48rem, var(--sf-colour-border) .52rem .6rem);border:.8rem solid var(--sf-colour-background);block-size:48%;box-shadow:var(--sf-shadow-xl);border-radius:50%;inline-size:48%;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.product-dial-art b{font-family:var(--sf-font-mono);inset:auto var(--sf-space-s) var(--sf-space-s) auto;position:absolute}.product-dial-light{background:radial-gradient(circle, color-mix(in oklch, var(--sf-colour-primary) 48%, transparent), transparent 62%);pointer-events:none;z-index:2;border-radius:50%;block-size:28rem;inline-size:28rem;position:absolute;inset:0 auto auto 0;translate:-50% -50%}.product-control .sf-disclosure{border-block-start:1px solid var(--sf-colour-border);padding-block:var(--sf-space-s)}.product-control .sf-disclosure:last-child{border-block-end:1px solid var(--sf-colour-border)}.product-cta{background:var(--sf-colour-primary);color:var(--sf-colour-primary-foreground);place-content:center;min-block-size:100svb}.product-cta__inner{text-align:center;align-items:center}.product-cta h2{letter-spacing:-.09em;font-family:Arial,sans-serif;font-size:clamp(4.5rem,10vi,11rem);line-height:.76}.product-cta p{max-inline-size:35rem}body[data-example] .product-cta .sf-button{text-decoration:none;background:var(--sf-colour-background)!important;border-color:var(--sf-colour-background)!important;color:var(--sf-colour-foreground)!important}body[data-example] .product-cta .sf-button--outline{color:var(--sf-colour-primary-foreground)!important;background:0 0!important}body[data-example] .product-cta .sf-button:link,body[data-example] .product-cta .sf-button:visited{color:var(--sf-colour-foreground)!important}body[data-example] .product-cta .sf-button--outline:link,body[data-example] .product-cta .sf-button--outline:visited{color:var(--sf-colour-primary-foreground)!important}.story-footer--product{background:var(--sf-colour-background)}.studio-page{background:var(--sf-colour-primary-foreground);color:var(--sf-colour-foreground)}.story-nav--studio{background:color-mix(in oklch, var(--sf-colour-primary-foreground) 86%, transparent)}.studio-kicker{font-family:var(--sf-font-mono);font-size:var(--sf-step--1);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.studio-hero{background:var(--sf-colour-primary);color:var(--sf-colour-primary-foreground);min-block-size:calc(100svb - 4.75rem);position:relative;overflow:hidden}.studio-hero__gridlines{background-image:linear-gradient(color-mix(in oklch, currentColor 20%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, currentColor 20%, transparent) 1px, transparent 1px);opacity:.46;background-size:6rem 6rem;position:absolute;inset:0}.studio-cursor-light{background:radial-gradient(circle, color-mix(in oklch, var(--sf-colour-accent) 72%, transparent) 0 6%, color-mix(in oklch, var(--sf-colour-danger) 50%, transparent) 22%, transparent 64%);mix-blend-mode:screen;pointer-events:none;z-index:1;border-radius:50%;block-size:44rem;inline-size:44rem;position:absolute;inset:0 auto auto 0;translate:-50% -50%}.studio-hero__inner{min-block-size:calc(100svb - 4.75rem);padding-block:var(--sf-space-m);z-index:2;grid-template-rows:auto 1fr auto;grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:relative}.studio-hero .studio-kicker{grid-column:1/7}.studio-hero h1{letter-spacing:-.115em;mix-blend-mode:hard-light;z-index:3;grid-area:2/1/auto/-1;align-self:center;margin:0;font-family:Arial,sans-serif;font-size:clamp(6rem,15vi,16rem);font-weight:900;line-height:.62;display:grid;position:relative}.studio-hero h1 span:last-child{justify-self:end}.studio-hero__intro{font-size:var(--sf-step-1);grid-area:1/9/auto/-1;align-self:end;max-inline-size:24rem}.studio-collage{z-index:2;grid-area:2/1/auto/-1;position:absolute;inset:0}.collage-card{padding:var(--sf-space-s);flex-direction:column;justify-content:space-between;display:flex;position:absolute;box-shadow:0 1.5rem 3rem oklch(0% none none/.24)}.collage-card span{font-family:var(--sf-font-mono);font-size:var(--sf-step--1);font-weight:700}.collage-card--question{background:var(--sf-colour-accent);color:var(--sf-colour-accent-foreground);block-size:18rem;inline-size:14rem;inset:3% auto auto 58%;rotate:8deg}.collage-card--question strong{font-family:Georgia,serif;font-size:12rem;font-style:italic;font-weight:400;line-height:.65}.collage-card--together{background:var(--sf-colour-danger);block-size:11rem;inline-size:22rem;inset:auto auto 6% 17%;rotate:-6deg}.collage-card--together strong{font-size:var(--sf-step-3);line-height:.9}.collage-card--stamp{background:var(--sf-colour-primary-foreground);block-size:13rem;inline-size:13rem;padding:var(--sf-space-m);border-radius:50%;inset:45% 8% auto auto;rotate:12deg}.collage-card--stamp svg{inline-size:100%}.collage-card--stamp circle,.collage-card--stamp path{fill:none;stroke:var(--sf-colour-foreground);stroke-width:6px}.collage-card--note{background:var(--sf-colour-foreground);block-size:7rem;color:var(--sf-colour-primary-foreground);inline-size:18rem;inset:17% auto auto 4%;rotate:-4deg}.studio-hero__action{padding-block:var(--sf-space-s);z-index:4;border-block-start:1px solid;grid-area:3/1/auto/5;align-self:end;position:relative}.studio-hero__action>span{font-size:var(--sf-step-1);justify-content:space-between;align-items:center;display:flex}.studio-hero__action b{font-size:var(--sf-step-3)}.studio-manifesto{background:var(--sf-colour-accent);color:var(--sf-colour-accent-foreground);min-block-size:84svb;padding-block:var(--sf-space-3xl);place-content:center}.studio-manifesto p{letter-spacing:-.075em;margin:0;font-family:Arial,sans-serif;font-size:clamp(3.7rem,8vi,8.5rem);font-weight:800;line-height:.88}.studio-manifesto em{color:var(--sf-colour-background);font-family:Georgia,serif;font-weight:400}.studio-work{background:var(--sf-colour-primary-foreground)}.studio-work__header{align-items:end;gap:var(--sf-space-xl);grid-template-columns:1fr 1fr;display:grid}.studio-work__header h2{letter-spacing:-.08em;font-family:Arial,sans-serif;font-size:clamp(4rem,7vi,7.5rem);line-height:.82}.studio-filter{border-block:1px solid;grid-template-columns:repeat(2,1fr);display:grid}.studio-filter button{color:inherit;cursor:pointer;min-block-size:3.5rem;padding-inline:var(--sf-space-xs);text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.studio-filter button:nth-child(odd){border-inline-end:1px solid}.studio-filter button:nth-child(-n+2){border-block-end:1px solid}.studio-filter button[aria-pressed=true]{background:var(--sf-colour-foreground);color:var(--sf-colour-primary-foreground)}.studio-filter button span{font-family:var(--sf-font-mono)}.studio-project-grid{gap:var(--sf-space-m);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-project{min-inline-size:0;transition:background-color var(--motion-duration-base), color var(--motion-duration-base);border:1px solid;overflow:hidden}.studio-project[data-expanded]{grid-column:1/-1}.studio-project__art{aspect-ratio:1.35;position:relative;overflow:hidden}.studio-project[data-expanded] .studio-project__art{aspect-ratio:2.5}.studio-project__heading{align-items:center;gap:var(--sf-space-s);padding:var(--sf-space-s);grid-template-columns:1fr auto;display:grid}.studio-project__heading>span{font-family:var(--sf-font-mono);font-size:var(--sf-step--1);text-transform:uppercase;grid-column:1/-1}.studio-project__heading h3{font-size:var(--sf-step-2);margin:0}.studio-project__heading>span,.studio-project__heading h3,.studio-project__heading button,.studio-project__detail{color:var(--sf-colour-foreground)}.studio-project__heading button{color:inherit;cursor:pointer;align-items:center;gap:var(--sf-space-xs);min-block-size:2.75rem;padding-inline:var(--sf-space-s);background:0 0;border:1px solid;display:flex}.studio-project__heading button b{font-size:var(--sf-step-1);transition:rotate var(--motion-duration-base)}.studio-project__heading button span{color:var(--sf-colour-foreground)}.studio-project[data-expanded] .studio-project__heading button b{rotate:45deg}.studio-project__detail{gap:var(--sf-space-m);padding:var(--sf-space-m);border-block-start:1px solid;grid-template-columns:1fr 1fr;display:grid}.studio-project__detail>p{font-size:var(--sf-step-1);max-inline-size:44rem}.studio-project__detail dl{margin:0}.studio-project__detail dl div{padding-block:var(--sf-space-xs);border-block-start:1px solid;justify-content:space-between;display:flex}.studio-project__detail dd{margin:0}html[data-motion-runtime=ready] .studio-project__detail{opacity:0;max-block-size:0;padding-block:0;overflow:hidden}html[data-motion-runtime=ready] .studio-project[data-expanded] .studio-project__detail{opacity:1;max-block-size:18rem;padding-block:var(--sf-space-m)}.studio-project--radio .studio-project__art{background:var(--sf-colour-danger);color:var(--sf-colour-primary-foreground);letter-spacing:-.12em;grid-template-columns:1fr 1fr;place-items:center;font-family:Arial,sans-serif;font-size:clamp(5rem,11vi,11rem);font-weight:900;line-height:.72;display:grid}.studio-project--radio .studio-project__art i{background:var(--sf-colour-accent);border-radius:50%;block-size:24%;inline-size:18%;position:absolute;inset:38% auto auto 41%}.studio-project--garden .studio-project__art{background:var(--sf-colour-primary);color:var(--sf-colour-primary-foreground)}.studio-project--garden .studio-project__art span{letter-spacing:-.08em;z-index:2;font-family:Georgia,serif;font-size:clamp(6rem,12vi,12rem);font-style:italic;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.studio-project--garden .studio-project__art i{background:var(--sf-colour-accent);border-radius:60% 0;block-size:48%;inline-size:20%;position:absolute;inset:5% auto auto 15%;rotate:-18deg}.studio-project--garden .studio-project__art i:nth-of-type(2){inset:auto 16% 8% auto;rotate:30deg}.studio-project--garden .studio-project__art i:nth-of-type(3){background:var(--sf-colour-danger);inset:28% 35% auto auto;rotate:60deg}.studio-project--type .studio-project__art{background:var(--sf-colour-accent);color:var(--sf-colour-accent-foreground)}.studio-project--type .studio-project__art span{letter-spacing:-.12em;font-family:Arial,sans-serif;font-size:clamp(5rem,12vi,12rem);font-weight:900;line-height:.65;position:absolute;inset:8% auto auto 5%}.studio-project--type .studio-project__art i{font-family:Georgia,serif;font-size:clamp(5rem,10vi,10rem);position:absolute;inset:auto 5% 3% auto}.studio-project--night .studio-project__art{background:var(--sf-colour-foreground);color:var(--sf-colour-primary-foreground)}.studio-project--night .studio-project__art span{letter-spacing:-.1em;text-align:center;z-index:2;font-family:Arial,sans-serif;font-size:clamp(4rem,9vi,9rem);font-weight:900;line-height:.72;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.studio-project--night .studio-project__art i{border:1rem solid var(--sf-colour-primary);border-radius:50%;block-size:76%;inline-size:54%;position:absolute;inset:12% auto auto 23%}.studio-project--night .studio-project__art i:last-child{border-color:var(--sf-colour-danger);block-size:44%;inline-size:32%;inset:28% auto auto 34%}.studio-filter-note{font-family:var(--sf-font-mono);font-size:var(--sf-step--1);text-align:end}.studio-method{background:var(--sf-colour-foreground);color:var(--sf-colour-primary-foreground)}.studio-method__header{justify-content:space-between;align-items:end;display:flex}.studio-method__header h2{letter-spacing:-.09em;font-family:Georgia,serif;font-size:clamp(5rem,12vi,12rem);font-style:italic;font-weight:400;line-height:.75}.studio-method__steps{border-block:1px solid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.studio-method__steps li{min-block-size:27rem;padding:var(--sf-space-m)}.studio-method__steps li+li{border-inline-start:1px solid}.studio-method__steps h3{color:var(--sf-colour-background);font-size:var(--sf-step-3);margin-block-start:10rem}.studio-contact{background:var(--sf-colour-danger);color:var(--sf-colour-primary-foreground);place-content:center;min-block-size:100svb;position:relative;overflow:hidden}.studio-contact__light{background:radial-gradient(circle, var(--sf-colour-accent) 0 12%, transparent 58%);mix-blend-mode:screen;pointer-events:none;border-radius:50%;block-size:45rem;inline-size:45rem;position:absolute;inset:0 auto auto 0;translate:-50% -50%}.studio-contact__inner{z-index:1;position:relative}.studio-contact h2{letter-spacing:-.085em;font-family:Arial,sans-serif;font-size:clamp(4rem,9vi,9.5rem);line-height:.8}.studio-contact h2 em{color:var(--sf-colour-foreground);font-family:Georgia,serif;font-weight:400}.studio-contact p{max-inline-size:33rem}body[data-example] .studio-button{background:var(--sf-colour-foreground);color:var(--sf-colour-background);inline-size:fit-content;text-decoration:none}.story-footer--studio{background:var(--sf-colour-primary-foreground)}@media (width<=64rem){.hub-hero__grid,.field-hero__grid,.field-chapters__layout,.field-practice__layout,.product-hero__grid,.product-brief__grid,.product-explainer__grid,.product-materials__grid,.product-control__grid{grid-template-columns:1fr}.hub-hero__composition{block-size:32rem;inline-size:min(100%,31rem);margin-inline:auto}.hub-project:first-child,.hub-project:nth-child(2),.hub-project:nth-child(3){grid-column:span 12}.field-scroll-cue{display:none}.field-route{max-inline-size:42rem;margin-inline:auto}.field-chapters,.product-explainer,.field-chapters__pin,.product-explainer__pin{min-block-size:auto}.field-chapter-list article,.product-explainer__steps article{opacity:1}.field-study__art{min-block-size:30rem}.field-practice__intro{position:static}.product-stage{min-block-size:45rem}.product-brief__grid{gap:var(--sf-space-s)}.assembly-state{min-block-size:34rem}.studio-hero__intro{grid-column:8/-1}.collage-card--question{inset-inline-start:66%}}@media (width<=48rem){.example-global-nav__links>a:first-child,.story-nav__links a:not(:last-child){display:none}.example-global-nav__links{flex-wrap:nowrap}.hub-hero h1{font-size:clamp(3.5rem,17vi,6rem)}.hub-hero__grid{grid-template-columns:minmax(0,1fr)}.hub-hero__composition{block-size:25rem}.hub-sheet{inset:9% 16%}.hub-project__link{min-block-size:0}.hub-project__art{min-block-size:17rem}.hub-principles .sf-split{grid-template-columns:1fr}.field-hero h1{font-size:clamp(4.2rem,19vi,7rem)}.field-hero__grid{min-block-size:auto}.field-route{padding:var(--sf-space-xs);margin-block-start:var(--sf-space-m);rotate:0deg}.field-route svg{max-block-size:60svb}.field-route__labels{font-size:1.25rem}.field-study__art{min-block-size:23rem}.field-quote blockquote{font-size:clamp(3rem,14vi,5rem)}.field-practice__steps li{min-block-size:0}.product-hero h1{font-size:clamp(4.8rem,21vi,7rem)}.product-stage{min-block-size:36rem}.product-stage__halo{block-size:28rem;inline-size:28rem}.k1-object{block-size:28rem;inline-size:17rem}.product-explainer__steps h2{font-size:clamp(3.6rem,16vi,5.5rem)}.assembly-state{min-block-size:31rem}.assembly-shell{block-size:21rem;inline-size:13rem}.assembly-mesh{block-size:15rem;inline-size:10rem}.assembly-core{block-size:11rem;inline-size:6rem}.assembly-state--open .assembly-shell{translate:4rem -50%}.assembly-state--open .assembly-mesh{translate:-1rem -50%}.assembly-state--open .assembly-core{translate:-6rem -50%}.assembly-state--open .assembly-dial{translate:6rem 7rem}.assembly-guide{inline-size:22rem}.assembly-wave--one{block-size:16rem;inline-size:16rem}.assembly-wave--two{block-size:23rem;inline-size:23rem}.assembly-wave--three{block-size:30rem;inline-size:30rem}.product-comparison{aspect-ratio:.9}.product-control h2{font-size:clamp(3.2rem,15vi,5rem)}.product-cta h2{font-size:clamp(4rem,19vi,7rem)}.studio-hero__inner{grid-template-rows:auto 1fr auto auto}.studio-hero .studio-kicker{grid-column:1/-1}.studio-hero h1{grid-row:2;font-size:clamp(4.5rem,21vi,7rem);line-height:.69}.studio-hero__intro{grid-area:3/1/auto/10;align-self:end}.studio-collage{grid-row:2}.collage-card--question{block-size:11rem;inline-size:8rem;inset:4% 2% auto auto}.collage-card--question strong{font-size:7rem}.collage-card--together{block-size:7rem;inline-size:13rem;inset:auto auto 3% 4%}.collage-card--together strong{font-size:var(--sf-step-1)}.collage-card--stamp{block-size:8rem;inline-size:8rem;inset:auto 7% 8% auto}.collage-card--note{block-size:5rem;inline-size:12rem;inset:20% auto auto 2%}.studio-hero__action{grid-area:4/1/auto/-1;margin-block-start:var(--sf-space-m)}.studio-manifesto p{font-size:clamp(3.1rem,15vi,5rem)}.studio-work__header,.studio-project-grid{grid-template-columns:1fr}.studio-project[data-expanded]{grid-column:auto}.studio-project[data-expanded] .studio-project__art{aspect-ratio:1.35}.studio-project__heading{grid-template-columns:1fr}.studio-project__heading button{justify-content:space-between}.studio-project__detail{grid-template-columns:1fr}html[data-motion-runtime=ready] .studio-project[data-expanded] .studio-project__detail{max-block-size:30rem}.studio-method__header{flex-direction:column;align-items:start}.studio-method__steps{grid-template-columns:1fr}.studio-method__steps li{min-block-size:15rem}.studio-method__steps li+li{border-block-start:1px solid;border-inline-start:0}.studio-method__steps h3{margin-block-start:var(--sf-space-l)}.studio-contact h2{font-size:clamp(3.8rem,17vi,6rem)}.example-footer .sf-repel,.story-footer .sf-repel{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hub-sheet,.field-route,.field-chapter-list article,.product-explainer__steps article,.collage-card,.studio-project{transform:translate(0,0)!important}.field-visual-stack,.product-assembly{gap:var(--sf-space-m);min-block-size:auto}.field-study,.assembly-state{opacity:1!important;grid-area:auto!important;scale:1!important}html[data-motion-runtime=ready] .studio-project__detail{opacity:1;max-block-size:none;padding-block:var(--sf-space-m);overflow:visible}}}