@font-face{font-family:'Oxanium ProDyn';src:url('../assets/fonts/Oxanium-wght.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'Departure Mono ProDyn';src:url('../assets/fonts/DepartureMono-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--pd-field);color:var(--pd-ivory);font-family:var(--pd-font-body);font-size:var(--fs-body);line-height:var(--lh-body)}
a{color:var(--pd-signal);text-underline-offset:.24em;text-decoration-thickness:var(--bw-hairline)}a:hover{text-decoration-thickness:var(--bw-signal)}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:var(--bw-signal) solid var(--pd-signal);outline-offset:var(--sp-1)}
.wrap{width:min(calc(100% - 2 * var(--sp-7)),calc(var(--sp-section-lg) * 14));margin-inline:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);padding-block:var(--sp-6);border-bottom:var(--bw-hairline) solid var(--pd-line)}.brand{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--pd-font-hud);font-size:var(--fs-meta);text-decoration:none;color:var(--pd-ivory)}.brand img{display:block;object-fit:contain}.masthead nav{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6);font-family:var(--pd-font-hud);font-size:var(--fs-meta)}.masthead nav a{min-block-size:calc(var(--sp-8) + var(--sp-1));display:inline-flex;align-items:center}
.skip{position:absolute;top:var(--sp-2);left:var(--sp-4);transform:translateY(-200%);z-index:var(--z-nav);padding:var(--sp-3) var(--sp-4);background:var(--pd-ivory);color:var(--pd-field)}.skip:focus{transform:none}main:focus{outline:none}
h1,h2,h3{font-family:var(--pd-font-display);font-weight:500;line-height:var(--lh-heading);letter-spacing:var(--ls-display);margin:0}h1{font-size:var(--fs-display);line-height:var(--lh-tight)}h2{font-size:var(--fs-h1)}h3{font-size:var(--fs-h2)}p{margin:var(--sp-4) 0}.eyebrow{font-family:var(--pd-font-hud);font-size:var(--fs-meta);letter-spacing:var(--ls-hud);text-transform:uppercase;color:var(--pd-signal);margin:0 0 var(--sp-5)}.deck{font-size:var(--fs-h3);line-height:var(--lh-body);margin:var(--sp-6) 0}.small{font-size:var(--fs-body-sm);line-height:var(--lh-relaxed)}
.opening{display:grid;grid-template-columns:3fr 5fr;align-items:center;gap:var(--sp-8);padding:var(--sp-section-lg) 0 var(--sp-section)}.opening-copy>p:not(.eyebrow):not(.deck){max-width:40ch}.text-link{display:inline-block;margin-top:var(--sp-4)}figure{margin:0;min-width:0}figure img{width:100%;height:auto;display:block}figcaption{font-family:var(--pd-font-hud);font-size:var(--fs-micro);line-height:var(--lh-body);padding:var(--sp-3) 0;color:var(--pd-ivory);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-2)}.hero-art{border-bottom:var(--bw-hairline) solid var(--pd-line)}.principle-rail{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4);padding:var(--sp-5) 0;border-block:var(--bw-hairline) solid var(--pd-line);font-family:var(--pd-font-hud);font-size:var(--fs-meta)}
.section{padding-top:var(--sp-section-lg);scroll-margin-top:var(--sp-6)}.section-heading{max-width:76ch;margin-bottom:var(--sp-8)}.section-heading>p:last-child{max-width:65ch;font-size:var(--fs-lead)}.craft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-8)}.craft-grid article{border-top:var(--bw-hairline) solid var(--pd-line);padding-top:var(--sp-5)}.chapter{display:block;font-family:var(--pd-font-hud);color:var(--pd-signal);margin-bottom:var(--sp-6)}.craft-grid article p{max-width:40ch}.craft-grid article a,.reading-links a,.resources a,.host-contract a{display:inline-flex;align-items:center;min-block-size:calc(var(--sp-8) + var(--sp-1))}.boundary{margin-top:var(--sp-8);padding:var(--sp-5) var(--sp-6);border-left:var(--bw-signal) solid var(--pd-signal);background:var(--pd-surface);max-width:100ch}.boundary strong{font-weight:600}
.scene-row{display:grid;grid-template-columns:5fr 3fr;gap:var(--sp-8);align-items:center}.scene-row>div{max-width:42ch}.scene-row .small{margin-top:var(--sp-6)}.wide-scene{margin-top:var(--sp-section)}.wide-scene-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);align-items:end;margin-bottom:var(--sp-6)}.wide-scene-heading p{max-width:52ch;margin-bottom:0}.wide-scene-heading .eyebrow{margin-bottom:var(--sp-4)}.reading-links{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-7);margin-top:var(--sp-4)}.closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-section)}.closing-grid>div>p{max-width:52ch}.resources{border-left:var(--bw-hairline) solid var(--pd-line);padding-left:var(--sp-8)}.resources h3{margin-bottom:var(--sp-4)}.resources a{display:flex}
.host-contract{border-top:var(--bw-hairline) solid var(--pd-line);margin-top:var(--sp-section-lg);padding-top:var(--sp-8);display:grid;grid-template-columns:3fr 2fr;gap:var(--sp-section)}.host-contract h2{font-size:var(--fs-h2)}.palette-controls{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-block:var(--sp-3)}.palette-controls button{font:inherit;font-size:var(--fs-body-sm);color:var(--pd-ivory);background:var(--pd-section);border:var(--bw-hairline) solid var(--pd-line);border-radius:var(--r-0);min-height:calc(var(--sp-8) + var(--sp-1));padding:var(--sp-2) var(--sp-4);cursor:pointer}.palette-controls button[aria-pressed=true]{border-color:var(--pd-signal);color:var(--pd-signal)}.palette-controls button:disabled{cursor:default}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-5);border-top:var(--bw-hairline) solid var(--pd-line);margin-top:var(--sp-section);padding-block:var(--sp-6);font-family:var(--pd-font-hud);font-size:var(--fs-meta)}
/* The contained lab inherits host identity. Numeric color authority stays in DSM tokens. */
#effects-lab{--craft-field:var(--pd-field);--craft-surface:var(--pd-section);--craft-ink:var(--pd-ivory);--craft-muted:var(--pd-ivory);--craft-line:var(--pd-line);--craft-accent:var(--pd-signal);--craft-on-accent:var(--pd-field);--craft-focus:var(--pd-signal);--craft-font-body:var(--pd-font-body);--craft-font-mono:var(--pd-font-hud);--craft-size-body:var(--fs-body);--craft-size-small:var(--fs-body-sm);--craft-space-sm:var(--sp-2);--craft-space-md:var(--sp-4);--craft-space-lg:var(--sp-7);--craft-radius:var(--r-0)}
.native-studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6)}.native-studies img,.native-comparison img{image-rendering:pixelated}.native-comparison{margin-top:var(--sp-7)}
@media(max-width:768px){.native-studies{grid-template-columns:1fr}}
@media(max-width:1024px){.opening{gap:var(--sp-6);grid-template-columns:2fr 3fr}.craft-grid{gap:var(--sp-6)}.scene-row{grid-template-columns:3fr 2fr;gap:var(--sp-6)}}
@media(max-width:768px){.opening{grid-template-columns:1fr;padding-top:var(--sp-section);gap:var(--sp-8)}.opening-copy{max-width:60ch}.deck{font-size:var(--fs-lead)}.craft-grid{grid-template-columns:1fr}.craft-grid article p{max-width:60ch}.scene-row,.wide-scene-heading,.closing-grid,.host-contract{grid-template-columns:1fr;gap:var(--sp-7)}.resources{border-left:0;border-top:var(--bw-hairline) solid var(--pd-line);padding:var(--sp-7) 0 0}.scene-row>div{max-width:60ch}.masthead{align-items:flex-start}.masthead nav{justify-content:flex-end;column-gap:var(--sp-4)}.principle-rail{display:grid;grid-template-columns:1fr 1fr}.section{padding-top:var(--sp-section)}}
@media(max-width:640px){.wrap{width:calc(100% - 2 * var(--sp-4))}.masthead{display:block}.masthead nav{justify-content:flex-start;margin-top:var(--sp-3);font-size:var(--fs-micro);column-gap:var(--sp-4)}h1{font-size:var(--fs-display)}.boundary{padding:var(--sp-4)}.scene-row>div{padding-top:var(--sp-3)}.principle-rail{font-size:var(--fs-micro);gap:var(--sp-3)}}