body[data-story=pinked]{--paper:#171717;--ink:#f5e9ef;--ex-accent:#df98db}
body[data-story=pinked] [hidden]{display:none!important}
body[data-story=pinked] header{background:#171717f5;backdrop-filter:blur(12px)}
body[data-story=pinked] .hero{position:relative;isolation:isolate;background:#df98db;padding-top:55px}
.container-ribs{position:absolute;inset:0;z-index:-1;display:grid;grid-template-columns:repeat(12,1fr);gap:2px;opacity:.15;pointer-events:none;overflow:hidden}
.container-ribs i{border-left:1px solid #171717;border-right:5px solid #17171730;transform:translateY(calc(var(--section-progress,.25)*100px - 50px))}.container-ribs i:nth-child(even){transform:translateY(calc(var(--section-progress,.25)*-100px + 50px));background:#fff1}
body[data-story=pinked] .hero-top{display:block;position:relative;margin-top:35px}
body[data-story=pinked] .hero h1{font:clamp(110px,23vw,325px)/.9 Display,sans-serif;letter-spacing:-.035em;text-transform:uppercase;position:relative;margin:0 0 45px}
.pinked-title{display:block;transform-origin:left;transform:scaleX(calc(1 - var(--section-progress,.25)*.05))}
.stencil-rule{position:absolute;left:0;right:0;top:53%;height:6px;background:#df98db;pointer-events:none;transform:translateX(calc(var(--section-progress,.25)*30px))}
body[data-story=pinked] .hero .intro{font-size:clamp(26px,3.3vw,46px);line-height:1.12;letter-spacing:-.045em;max-width:60%;margin-bottom:0}
body[data-story=pinked] .hero-top>p{position:absolute;right:0;bottom:0;width:28%;font-size:14px;line-height:1.65;margin-bottom:0}
body[data-story=pinked] .hero-image{position:relative;margin-top:45px;border-top:1px solid #171717;padding-top:25px}
body[data-story=pinked] .hero-image:before{content:'↔';position:absolute;right:0;top:-22px;background:#df98db;padding-left:20px;font:30px Mono,monospace}
body[data-story=pinked] .hero-image img{aspect-ratio:16/9;object-fit:contain;background:#fff}
body[data-story=pinked] .hero-image figcaption{font:10px/1.6 Mono,monospace;max-width:none;padding:15px 0 28px}
body[data-story=pinked] .chapter{padding:110px 0}
body[data-story=pinked] h2{font-size:clamp(45px,6.7vw,96px);line-height:1.02;letter-spacing:-.025em;text-transform:uppercase}
body[data-story=pinked] .label{font-size:10px;letter-spacing:.12em}
body[data-story=pinked] .technical{background-color:#eeeae4;background-image:linear-gradient(#6f326e0b 1px,transparent 1px),linear-gradient(90deg,#6f326e0b 1px,transparent 1px);background-size:24px 24px}
body[data-story=pinked] .sketches{gap:26px;margin-top:55px;align-items:start}
body[data-story=pinked] .sketches figure:nth-child(2){padding-top:60px}
body[data-story=pinked] .sketches figure:nth-child(3){padding-top:120px}
body[data-story=pinked] .sketches img{border:1px solid #171717}
body[data-story=pinked] .drawing{border:0;padding:0}
body[data-story=pinked] .drawing:before{display:none}
.expansion-console{--opening:55%;position:relative;border:1px solid #df98db;margin:60px 0 65px;padding:36px;background:#242026;color:#f5e9ef;overflow:hidden}
.console-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;align-items:end}
.console-heading .label{grid-column:1/-1}
.console-heading h3{font:clamp(48px,6.5vw,85px)/1.02 Display,sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:5px 0 30px}
.console-heading h3 em{font:italic 1.05em/.98 Georgia,serif;text-transform:none;letter-spacing:-.055em;color:#df98db}
.console-heading>p{font-size:15px;line-height:1.75;max-width:32ch;margin-bottom:30px}
.expansion-controls{border-top:1px solid #df98db66;padding-top:24px;margin-bottom:25px}
.expansion-controls>label{display:block;font:10px/1.5 Mono,monospace;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}
.expansion-control-row{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;font:10px Mono,monospace}
.expansion-control-row input{width:100%;min-width:0;min-height:44px;accent-color:#df98db;cursor:ew-resize}
.expansion-controls>button{display:block;margin:14px 0 0 auto;background:#df98db;color:#171717;border:1px solid #df98db;border-radius:0;padding:12px 16px;min-height:44px;font:11px Body,sans-serif;cursor:pointer}
.expansion-viewport{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;isolation:isolate;background:#fff}
.plan-state{min-width:0;margin:0;background:#fff;color:#171717}
.plan-state img{display:block;width:100%;height:auto;aspect-ratio:1600/1139;object-fit:contain}
.plan-state figcaption{font:9px/1.5 Mono,monospace;padding:10px 14px;opacity:1}
.plan-divider{display:none}
.expansion-console.is-enhanced .expansion-viewport{display:block;overflow:hidden}
.expansion-console.is-enhanced .plan-state-expanded{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--opening)) 0 0);z-index:1}
.expansion-console.is-enhanced .plan-state figcaption{position:absolute;bottom:12px;left:12px;background:#171717;color:#f5e9ef;padding:9px 10px;max-width:calc(100% - 24px)}
.expansion-console.is-enhanced .plan-state-compact figcaption{left:auto;right:12px}
.expansion-console.is-enhanced .plan-divider{display:block;position:absolute;left:var(--opening);top:0;bottom:0;width:2px;background:#b427a8;transform:translateX(-50%);z-index:2;pointer-events:none}
.plan-divider b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#df98db;color:#171717;border:1px solid #171717;font:22px Body,sans-serif}
.console-note{font:10px/1.7 Mono,monospace;max-width:80ch;margin:20px 0 0;opacity:.8}
body[data-story=pinked] .plan-grid{gap:25px;background:none}
body[data-story=pinked] .plan-grid figure{padding:15px;color:#171717}
body[data-story=pinked] .exploded{grid-template-columns:.9fr 1.1fr;gap:6vw}
body[data-story=pinked] .exploded>div{position:sticky;top:110px}
body[data-story=pinked] .components{gap:30px}
body[data-story=pinked] .components>div{border-top:2px solid #171717;padding-top:28px}
body[data-story=pinked] .components h3{font-size:34px;text-transform:uppercase}
body[data-story=pinked] .purple{background:#6f326e}
body[data-story=pinked] .purple h2{font-size:clamp(60px,8vw,116px)}
body[data-story=pinked] .impact{text-transform:uppercase;font-size:clamp(55px,8.5vw,125px)}
.experience-reduced .container-ribs i,.experience-reduced .pinked-title,.experience-reduced .stencil-rule,.reduce-motion .container-ribs i,.reduce-motion .pinked-title,.reduce-motion .stencil-rule{transform:none!important}
@media(max-width:760px){body[data-story=pinked] .hero{padding-top:35px}body[data-story=pinked] .hero h1{font-size:24vw;line-height:1;margin-bottom:28px}.stencil-rule{height:4px}body[data-story=pinked] .hero .intro{font-size:31px;max-width:none}body[data-story=pinked] .hero-top>p{position:static;width:auto;margin-top:23px;max-width:37ch;font-size:13px}body[data-story=pinked] .hero-image{margin-top:30px;padding-top:20px}body[data-story=pinked] .hero-image img{aspect-ratio:4/3}body[data-story=pinked] .hero-image figcaption{font-size:8px}body[data-story=pinked] .chapter{padding:65px 0}body[data-story=pinked] h2{font-size:12vw}body[data-story=pinked] .sketches{margin-top:30px}body[data-story=pinked] .sketches figure:nth-child(n){padding-top:0}.expansion-console{padding:22px 18px;margin:38px 0 45px}.console-heading{grid-template-columns:1fr;gap:0}.console-heading h3{font-size:49px;margin-bottom:22px}.console-heading>p{font-size:14px;max-width:none;margin-bottom:25px}.expansion-control-row{gap:12px;font-size:8px}.expansion-controls>label{font-size:8px}.expansion-controls>button{font-size:10px}.expansion-viewport{grid-template-columns:1fr;gap:20px}.expansion-console.is-enhanced .plan-state figcaption{font-size:6px;padding:6px;bottom:7px;left:7px;max-width:calc(100% - 14px)}.expansion-console.is-enhanced .plan-state-compact figcaption{left:auto;right:7px}.console-note{font-size:8px}.plan-divider b{width:26px;height:26px;font-size:18px}body[data-story=pinked] .exploded{grid-template-columns:1fr;gap:30px}body[data-story=pinked] .exploded>div{position:static}body[data-story=pinked] .purple h2{font-size:15vw}body[data-story=pinked] .components{gap:30px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-user-on) .container-ribs i,html:not(.motion-user-on) .pinked-title,html:not(.motion-user-on) .stencil-rule{transform:none!important}}

.expansion-console.is-sweeping .plan-state-expanded{transition:clip-path .75s cubic-bezier(.16,1,.3,1)}
.expansion-console.is-sweeping .plan-divider{transition:left .75s cubic-bezier(.16,1,.3,1)}

html.ex-custom-cursor body[data-story=pinked] input[type=range]{cursor:ew-resize}
/* Archive additions: a working notebook interlude and the enclosure in close-up. */
.pinked-notebooks{position:relative;isolation:isolate;overflow:hidden;background:#f0d1e5;color:#252124;padding:100px 0}
.pinked-draft-grid{position:absolute;inset:-10%;z-index:-1;pointer-events:none;background-image:linear-gradient(#a05c9730 1px,transparent 1px),linear-gradient(90deg,#a05c9730 1px,transparent 1px);background-size:58px 58px;opacity:.35;animation:pinked-draft-breathe 14s ease-in-out infinite alternate}
.pinked-notebook-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 6vw;align-items:end;margin-bottom:50px}.pinked-notebook-heading .label{grid-column:1/-1}.pinked-notebook-heading h2{margin:0!important}.pinked-notebook-heading p{font:16px/1.7 Body,sans-serif;max-width:35ch;margin:0 0 6px}.pinked-notebook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:start}.pinked-notebook-grid figure:nth-child(2){margin-top:60px}.pinked-notebook-grid a{display:block;border:1px solid #252124;box-shadow:7px 7px 0 #25212419}.pinked-notebook-grid img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.pinked-notebook-grid figcaption{font:11px/1.7 Mono,monospace;opacity:1;padding-top:18px}
.pinked-closeup{background:#282329;color:#f0d1e5;padding:80px 0 0;overflow:hidden}.pinked-closeup-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 6vw;align-items:end;padding-bottom:50px}.pinked-closeup-heading .label{grid-column:1/-1}.pinked-closeup-heading h2{margin:0!important;font-size:clamp(55px,7vw,104px)!important}.pinked-closeup-heading p{font:17px/1.7 Body,sans-serif;max-width:36ch;margin:0 0 8px}.pinked-closeup figure{position:relative;margin:0;overflow:hidden;background:#f0eef1}.pinked-closeup figure>a{display:block;height:clamp(450px,58vw,820px);overflow:hidden}.pinked-closeup img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;transform:scale(1.25)}.pinked-closeup figcaption{position:relative;background:#282329;color:#f0d1e5;padding:20px 5%;font:10px/1.6 Mono,monospace;opacity:1;max-width:none}.pinked-scanline{position:absolute;inset:0 0 56px;pointer-events:none;background:linear-gradient(90deg,transparent 40%,#e3a2dc20 50%,transparent 60%);animation:pinked-surface-light 18s ease-in-out infinite alternate}
@keyframes pinked-draft-breathe{from{opacity:.2;transform:translateY(-12px)}to{opacity:.4;transform:translateY(12px)}}
@keyframes pinked-surface-light{from{transform:translateX(-50%);opacity:.2}to{transform:translateX(50%);opacity:.5}}
@media(max-width:760px){.pinked-notebooks{padding:60px 0}.pinked-notebook-heading,.pinked-closeup-heading{grid-template-columns:1fr;gap:20px}.pinked-notebook-heading{margin-bottom:35px}.pinked-notebook-heading .label,.pinked-closeup-heading .label{margin-bottom:0}.pinked-notebook-heading h2{font-size:42px!important}.pinked-notebook-heading p,.pinked-closeup-heading p{font-size:15px}.pinked-notebook-grid{grid-template-columns:1fr;gap:30px}.pinked-notebook-grid figure:nth-child(2){margin-top:0}.pinked-notebook-grid img{aspect-ratio:4/5;max-height:520px}.pinked-closeup{padding-top:50px}.pinked-closeup-heading{padding-bottom:35px}.pinked-closeup-heading h2{font-size:59px!important}.pinked-closeup figure>a{height:540px}.pinked-closeup img{object-position:52% 55%;transform:scale(1.09)}.pinked-closeup figcaption{font-size:9px}}