.sp-main{--sp-pad:clamp(1.25rem, .6rem + 2.4vw, 2.5rem);--sp-edge:max(var(--sp-pad), calc((100% - 1200px) / 2 + var(--sp-pad)));--sp-rule:#f0ede51a;--sp-gap:clamp(2rem, 5vw, 5rem)}.motion-page:has(.sp-main) .motion-seam{display:none}.sp-hero{isolation:isolate;padding:7rem var(--sp-edge) clamp(3rem, 8vw, 6rem);border-bottom:1px solid var(--gold-hair);position:relative;overflow:clip}@media (min-width:768px){.sp-hero{min-height:min(80svh,48rem);padding-top:11rem}.sp-hero--work{border-bottom:0;min-height:0;padding-top:9.5rem;padding-bottom:clamp(2.5rem,5vw,4rem)}}.sp-hero--work{border-bottom:0}@media (min-width:1024px){.sp-hero--work .sp-hero-copy{column-gap:var(--sp-gap);grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end;max-width:none;display:grid}.sp-hero--work .stone-eyebrow{grid-column:1/-1}.sp-hero--work .sp-hero-lead{padding-bottom:.75rem}}.sp-hero-copy{z-index:2;flex-direction:column;gap:1.25rem;max-width:min(100%,56rem);display:flex;position:relative}.sp-hero-title{letter-spacing:-.045em;font-size:clamp(3rem,1.3rem + 6.4vw,7rem);line-height:.94}.sp-hero-lead{max-width:34rem}.sp-hero-copy .hero-cta-row,.sp-hero-copy>.flex{margin-top:.75rem}.sp-hero-media{z-index:0;pointer-events:none;position:absolute;inset:0}.sp-hero-media-inner{position:absolute;inset:-10% 0 0}.sp-hero-media img{object-fit:cover;object-position:68% 50%;width:100%;height:100%;display:block}.sp-hero-media--loop img{filter:saturate(.92)brightness(.92)}.sp-hero-media--image{--sp-hero-dim:#00000014}.sp-hero-media:after{content:"";background:linear-gradient(90deg, var(--bg-0) 0%, #080808e0 30%, #08080866 62%, #08080814 100%), linear-gradient(0deg, var(--bg-0) 0%, transparent 30%), linear-gradient(180deg, #0808089e 0%, transparent 24%), linear-gradient(var(--sp-hero-dim,transparent), var(--sp-hero-dim,transparent));position:absolute;inset:0}@media (min-width:768px){.sp-hero-media--loop:after{background:radial-gradient(ellipse 58% 46% at 24% 40%, #080808e6 0%, #080808c7 48%, #0808084d 80%, transparent 100%), linear-gradient(90deg, #0808088c 0%, transparent 22%), linear-gradient(0deg, var(--bg-0) 0%, transparent 8%), linear-gradient(180deg, #0808089e 0%, transparent 24%)}}@media (max-width:767px){.sp-hero-media img{object-position:62% 50%}.sp-hero-media--loop img{filter:saturate(.9)brightness(.62)}.sp-hero-media--image{--sp-hero-dim:#00000061}.sp-hero-media:after{background:linear-gradient(180deg, #08080880 0%, #080808b8 55%, var(--bg-0) 100%), linear-gradient(var(--sp-hero-dim,transparent), var(--sp-hero-dim,transparent))}}.sp-hero-media .sp-reel{aspect-ratio:auto;border:0;height:100%;position:absolute;inset:0}.sp-hero-media .sp-reel-toggle{pointer-events:auto;z-index:3}.sp-hero:has(.sp-reel-toggle){padding-bottom:max(clamp(3rem,8vw,6rem),5.25rem)}.sp-chapter{padding:clamp(3.5rem, 8vw, 7.5rem) var(--sp-edge);border-top:1px solid var(--sp-rule);grid-template-columns:minmax(0,1fr);gap:2rem;display:grid;position:relative}@media (min-width:1024px){.sp-chapter{column-gap:var(--sp-gap);grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start}.sp-chapter-aside{top:calc(var(--nav-height) + 2rem);position:sticky}}.sp-chapter-head{gap:.9rem;display:grid}.sp-chapter-index{color:var(--gold);font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--fs-micro);letter-spacing:.2em}.sp-chapter-title{color:var(--ink);letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word;font-size:clamp(2.1rem,1.2rem + 3vw,3.9rem);font-weight:300;line-height:1}.sp-chapter-intro{max-width:34ch;color:var(--ink-dim);font-size:var(--fs-body);line-height:var(--lh-body);text-wrap:pretty}.sp-lead{max-width:40rem;color:var(--ink-dim);text-wrap:pretty;font-size:clamp(1.125rem,1rem + .5vw,1.4rem);line-height:1.6}.sp-chapter-body{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.sp-chapter--index .sp-chapter-index{color:#0000;font-family:var(--font-display-en), serif;letter-spacing:-.04em;-webkit-text-stroke:1px var(--gold-line);font-size:clamp(4.5rem,8vw,8.5rem);font-weight:300;line-height:.9}.sp-chapter--index{padding-block:clamp(3rem,7vw,6rem)}@keyframes sp-hero-drift{0%{translate:0;scale:1}to{translate:0 8%;scale:1.05}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.sp-hero-media-inner{animation:linear both sp-hero-drift;animation-timeline:scroll(root);animation-range:0 90vh}}}
.sp-reel{aspect-ratio:16/10;border-block:1px solid var(--gold-hair);background:var(--bg-elev-1);width:100%;position:relative;overflow:clip}@media (min-width:768px){.sp-reel{aspect-ratio:21/9}}.sp-reel-poster,.sp-reel-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sp-reel-poster{filter:saturate(.95)brightness(.9)}.sp-reel-video{opacity:0;transition:opacity .5s}.sp-reel[data-playing=true] .sp-reel-video{opacity:1}.sp-reel:after{content:"";pointer-events:none;background:linear-gradient(#0000 65%,#0808088c);position:absolute;inset:0}.sp-reel-toggle{right:var(--sp-pad);z-index:3;border:1px solid var(--gold-line);min-height:2.75rem;color:var(--ink);font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease;background:#0808089e;align-items:center;gap:.65rem;padding:0 1rem;display:inline-flex;position:absolute;bottom:1rem}.locale-th .sp-reel-toggle{letter-spacing:.02em;text-transform:none}@media (hover:hover){.sp-reel-toggle:hover{background:var(--gold);color:var(--ink-on-gold)}}.sp-reel-toggle-glyph{width:.7rem;height:.75rem;display:inline-block;position:relative}.sp-reel-toggle-glyph[data-state=pause]:before,.sp-reel-toggle-glyph[data-state=pause]:after{content:"";background:currentColor;width:2px;position:absolute;top:0;bottom:0}.sp-reel-toggle-glyph[data-state=pause]:before{left:1px}.sp-reel-toggle-glyph[data-state=pause]:after{right:1px}.sp-reel-toggle-glyph[data-state=play]:before{content:"";border-block:.375rem solid #0000;border-left:.6rem solid;position:absolute;top:0;left:1px}@media (prefers-reduced-motion:no-preference){.sp-reel-video{transition-duration:.5s}}@media (prefers-reduced-motion:reduce){.sp-reel-video{transition:none}}@media (forced-colors:active){.sp-reel-toggle{border-color:canvastext}}
