.studio-page .sp-open{padding-bottom:var(--space-section-sm)}.studio-page .sp-bridge{padding-block:var(--space-section)}.studio-page .sp-breath,.studio-page .sp-human,.studio-page .sp-standard,.studio-page .sp-eye,.studio-page .sp-process,.studio-page .sp-name{padding-bottom:var(--space-section)}.studio-page .sp-close{padding-bottom:var(--space-section-sm)}.studio-page .sp-atom{position:relative}.studio-page .sp-atom-words{padding:var(--space-section-sm) var(--gutter) var(--space-block)}.studio-page .sp-atom-line{margin:0 auto;font-family:var(--font-serif);font-weight:400;font-size:clamp(2.5rem,7vw + .5rem,7.5rem);line-height:.98;letter-spacing:-.015em;text-align:center}.studio-page .sp-atom-seed{display:inline-block;width:.14em;height:.14em;margin-left:.05em;border-radius:50%;background:currentColor;vertical-align:baseline}.studio-page .sp-atom-figure{margin:0}.studio-page .sp-orb{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:hsl(var(--secondary))}.studio-page .sp-orb-counter{position:absolute;top:0;right:0;bottom:0;left:0}.studio-page .sp-orb-counter>.frame{position:absolute;top:0;right:0;bottom:0;left:0}.studio-page .sp-atom-caption{max-width:1680px;margin:.75rem auto 0;padding-inline:var(--gutter);color:hsl(var(--muted-foreground))}@media (max-width: 767px){.studio-page .sp-orb{aspect-ratio:4 / 5}}.studio-page .sp-atom[data-live]{height:300svh}.studio-page .sp-atom[data-live] .sp-atom-stage{position:sticky;top:0;height:100svh;overflow:hidden}.studio-page .sp-atom[data-live] .sp-atom-words{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;padding:var(--nav-h) var(--gutter) 0;will-change:transform,opacity}.studio-page .sp-atom[data-live] .sp-atom-seed{visibility:hidden}.studio-page .sp-atom[data-live] .sp-atom-figure{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.studio-page .sp-atom[data-live] .sp-orb{position:absolute;aspect-ratio:auto;border-radius:50%;background:hsl(var(--foreground));transform-origin:50% 50%;will-change:transform}.studio-page .sp-atom[data-live] .sp-orb-counter{inset:auto;opacity:0;transform-origin:50% 50%;will-change:transform,opacity}.studio-page .sp-atom[data-live] .sp-orb-counter>.frame{background:hsl(var(--foreground))}.studio-page .sp-atom[data-live] .sp-atom-caption{position:absolute;z-index:3;left:0;bottom:clamp(1.25rem,4svh,2.5rem);margin:0;max-width:100%;color:#f5f2ea;text-shadow:0 1px 14px rgb(0 0 0 / .5);text-wrap:balance;opacity:0}@media (max-width: 1023px){.studio-page .sp-atom[data-live]{height:240svh}}.studio-page .sp-bridge-two{font-size:clamp(6rem,12vw,11rem);line-height:1}.studio-page .sp-breath{padding-top:var(--space-section-sm)}.studio-page .sp-statement{max-width:30ch}.studio-page .sp-print{position:relative;overflow:hidden;aspect-ratio:1400 / 934;background:hsl(var(--secondary))}.studio-page .sp-print img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.studio-page .sp-principles{list-style:none;margin:var(--space-block) 0 0;padding:0}.studio-page .sp-principle{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem var(--gap);padding-block:clamp(1.75rem,3.5vw,3rem);border-top:1px solid hsl(var(--border))}.studio-page .sp-principle:last-child{border-bottom:1px solid hsl(var(--border))}.studio-page .sp-principle-name{font-size:clamp(2.25rem,4.4vw,4.5rem);line-height:.98}.studio-page .sp-principle-line{font-size:clamp(1.25rem,1.7vw,1.625rem);line-height:1.25}@media (min-width: 768px){.studio-page .sp-principle{grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline}.studio-page .sp-principle-n{grid-column:1 / span 1}.studio-page .sp-principle-name{grid-column:2 / span 5}.studio-page .sp-principle-text{grid-column:8 / span 5}}.studio-page .sp-process-rule{height:1px;margin-top:2rem;background:hsl(var(--foreground) / .5);transform-origin:0 50%}.studio-page .sp-steps{list-style:none;margin:clamp(1.5rem,3vw,2.5rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem var(--gap)}.studio-page .sp-step-name{margin-top:.75rem;font-family:var(--font-serif);font-weight:400;font-size:clamp(1.75rem,2.4vw,2.5rem);line-height:1.04;letter-spacing:-.01em}@media (min-width: 768px){.studio-page .sp-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.studio-page .sp-steps{grid-template-columns:repeat(6,minmax(0,1fr))}}.studio-page .sp-reach-film{width:100%;aspect-ratio:16 / 9;max-height:calc(100svh - var(--nav-h))}@media (max-width: 767px){.studio-page .sp-reach-film{aspect-ratio:4 / 5;max-height:none}}.studio-page .sp-close-lines{font-family:var(--font-serif);font-weight:400;font-size:clamp(2.25rem,4.6vw,4.5rem);line-height:1.06;letter-spacing:-.012em}.studio-page .sp-close-lines p{text-wrap:balance}.studio-page .sp-close-lines p+p{margin-top:.14em}.studio-page .sp-close-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem var(--gap)}.studio-page .sp-close-atom{position:relative;overflow:hidden;width:min(44vw,12rem);aspect-ratio:16 / 9;background:hsl(var(--secondary))}.studio-page .sp-close-atom img{position:absolute;left:-70%;top:-350%;width:500%;height:500%;max-width:none;-o-object-fit:cover;object-fit:cover}@media (min-width: 1024px){.studio-page .sp-close-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.studio-page .sp-close-atom{grid-column:1 / span 3;width:100%;margin-top:.35em}.studio-page .sp-close-lines{grid-column:5 / span 8}}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.studio-page .sp-print{animation:sp-settle linear both;animation-timeline:view();animation-range:entry 0% cover 40%}.studio-page .sp-process{view-timeline:--sp-process block}.studio-page .sp-process .sp-steps .reveal{opacity:1;transform:none;transition:none}.studio-page .sp-process-rule{animation:sp-draw linear both;animation-timeline:--sp-process;animation-range:entry 25% cover 45%}}@media (prefers-reduced-motion: no-preference) and (min-width: 768px){.studio-page .sp-bridge{view-timeline:--sp-bridge block}.studio-page .sp-bridge .reveal{opacity:1;transform:none;transition:none}.studio-page .sp-bridge-atom,.studio-page .sp-bridge-adam,.studio-page .sp-bridge-two{animation:sp-close-left linear both;animation-timeline:--sp-bridge;animation-range:entry 5% cover 45%}.studio-page .sp-bridge-adam{animation-name:sp-close-right}.studio-page .sp-bridge-two{animation-name:sp-hinge}}}@keyframes sp-settle{0%{transform:translate3d(0,6vh,0) scale(.95)}}@keyframes sp-draw{0%{transform:scaleX(0)}}@keyframes sp-close-left{0%{transform:translate3d(-3vw,0,0)}}@keyframes sp-close-right{0%{transform:translate3d(3vw,0,0)}}@keyframes sp-hinge{0%{opacity:.3;transform:scale(.88)}}
