:root{--ink:#15231c;--emerald:#07513d;--green:#00ed00;--muted:#566059;--line:#d2d9d1;--paper:#fff;--header-space:196px}
*{box-sizing:border-box}html,body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}html{scroll-padding-top:calc(var(--header-space) + 18px)}body{overflow-x:hidden}a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,.image-scroll:focus-visible{outline:3px solid var(--green);outline-offset:3px}body:has(dialog[open]){overflow:hidden}
.shell{max-width:1440px;margin:auto;padding:0 26px;min-height:100dvh;display:flex;flex-direction:column}.case-header{position:sticky;top:0;z-index:10;background:#fff}.bar{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;border-bottom:1px solid var(--line);font-size:12px;font-weight:900;letter-spacing:.09em}.bar>a,.bar nav a{display:inline-flex;align-items:center;min-height:48px;text-decoration:none}.bar>span{text-align:center;font-size:11px}.bar small{display:block;font-size:8px;letter-spacing:.1em;color:var(--muted);margin-top:5px;font-weight:400}.bar nav{display:flex;justify-content:flex-end;gap:20px}
.chapters{height:52px;display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);white-space:nowrap;min-width:0}.chapters::-webkit-scrollbar{display:none}.chapter-link{display:flex;align-items:center;flex:1 0 auto;justify-content:center;padding:0 19px;border-bottom:4px solid transparent;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;min-height:48px}.chapter-link[aria-current=step]{border-color:var(--green)}
.category-nav{display:none;height:80px;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.category-nav.is-current{display:grid}.category-arrow{width:48px;height:48px;border:1px solid #9ba79c;display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:32px;line-height:1;background:#fff}.category-arrow[aria-disabled=true]{opacity:.25;pointer-events:none}.category-nav>div{text-align:center;font-size:12px;line-height:1.35}.category-nav b{font-size:11px;letter-spacing:.1em}.category-nav span{display:block;margin-top:5px;color:var(--muted);font-size:9px;letter-spacing:.08em}.category-nav small{font-size:9px;margin-left:14px}
.deck{flex:1;min-width:0;touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain}.chapter-panel{display:none;padding:28px 0 40px;scroll-margin-top:calc(var(--header-space) + 18px)}.deck-ready .chapter-panel.is-current{display:block}.chapter-panel[hidden]{display:none!important}
/* Native fragment fallback selects a category, not seventeen individual slides. */
body:not(.deck-ready) .chapter-panel:first-child{display:block}body:not(.deck-ready) .deck:has(:target) .chapter-panel{display:none}body:not(.deck-ready) .deck .chapter-panel:target,body:not(.deck-ready) .deck .chapter-panel:has(:target){display:block}body:not(.deck-ready) .category-nav:first-child{display:grid}body:not(.deck-ready) .shell:has(.deck :target) .category-nav{display:none}
body:not(.deck-ready) .shell:has(#film:target,#film :target) [data-nav="0"],body:not(.deck-ready) .shell:has(#silhouette:target,#silhouette :target) [data-nav="1"],body:not(.deck-ready) .shell:has(#making:target,#making :target) [data-nav="2"],body:not(.deck-ready) .shell:has(#mechanics:target,#mechanics :target) [data-nav="3"],body:not(.deck-ready) .shell:has(#contribution:target,#contribution :target) [data-nav="4"]{display:grid}
body:not(.deck-ready) .shell:not(:has(.deck :target)) [data-chapter="0"],body:not(.deck-ready) .shell:has(#film:target,#film :target) [data-chapter="0"],body:not(.deck-ready) .shell:has(#silhouette:target,#silhouette :target) [data-chapter="1"],body:not(.deck-ready) .shell:has(#making:target,#making :target) [data-chapter="2"],body:not(.deck-ready) .shell:has(#mechanics:target,#mechanics :target) [data-chapter="3"],body:not(.deck-ready) .shell:has(#contribution:target,#contribution :target) [data-chapter="4"]{border-color:var(--green)}
.category-heading{max-width:1050px;margin-bottom:30px}.category-heading>p{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--emerald);margin:0 0 12px;text-transform:uppercase}.category-heading h1{margin:0;font-size:clamp(30px,4.3vw,60px);line-height:.95;letter-spacing:-.075em;font-weight:800;text-transform:uppercase}.category-heading h1:focus{outline:none}.category-heading>div{font-size:19px;line-height:1.4;color:var(--muted);margin-top:17px;max-width:850px}
.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}.tile{min-width:0;align-self:start;border-top:1px solid var(--line);padding-top:18px;scroll-margin-top:calc(var(--header-space) + 18px)}.tile-heading{min-height:62px;margin-bottom:16px}.tile-heading>p{font-size:9px;font-weight:800;letter-spacing:.1em;line-height:1.4;color:var(--emerald);margin:0 0 9px;text-transform:uppercase}.tile-heading h2{margin:0;font-size:clamp(21px,2.1vw,28px);line-height:1;letter-spacing:-.055em;font-weight:800;text-transform:uppercase}
.visual-region{min-width:0;background:#fff}.media-window{display:block;position:relative;max-width:100%;background:#fff;overflow:hidden;border:1px solid #e4e9e2}.media-window.wide{width:100%;aspect-ratio:21/9}.media-window.square{width:min(100%,480px);aspect-ratio:1/1}.media-window img,.media-window video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#fff}.media-window img{user-select:none}.zoom-label{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:15px;padding:9px 12px;min-height:44px;background:#fffffff0;color:var(--emerald);font-size:9px;font-weight:800;letter-spacing:.08em;pointer-events:none}.zoom-label span{font-size:20px;font-weight:400}
.film-figure{margin:0;display:flex;flex-direction:column;gap:6px;align-items:center}.film-figure .media-player-controls{width:min(100%,480px)}.film-figure .media-player-status{margin:0;font-size:11px}.tile-copy{margin-top:14px}.tile-copy>p{font-size:17px;line-height:1.3;margin:0}.tile-copy>span{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:7px}.tile-copy button{background:#fff;border:1px solid var(--line);color:var(--emerald);font-size:10px;font-weight:800;letter-spacing:.06em;min-height:44px;padding:8px 12px;margin-top:12px;cursor:pointer}
.tile--text{grid-column:1/-1}.tile--text .tile-heading{min-height:0}.contribution-window{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:6px 0 12px}.contribution-window small{font-size:10px;letter-spacing:.1em;color:var(--emerald);font-weight:800}.contribution-window p{font-size:clamp(19px,2vw,25px);line-height:1.2;letter-spacing:-.025em;margin:10px 0 0}
.case-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;border-top:1px solid var(--line);font-size:8px;line-height:1;letter-spacing:.055em;color:var(--muted)}.case-footer a{padding:12px 0;text-decoration:none}.sr-only{position:fixed;top:0;left:0;margin:0;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
dialog{margin:auto;width:min(1600px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;border:1px solid #8da290;background:#fff;color:var(--ink);box-shadow:0 10px 70px #0003}dialog::backdrop{background:#0b241bbd;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-header h2{margin:0;font-size:18px;line-height:1.3;letter-spacing:-.03em}.dialog-header button{min-height:48px;padding:8px 14px;border:1px solid var(--line);background:#fff;font-size:11px;font-weight:700;cursor:pointer;flex-shrink:0}.dialog-hint,#dialog-caption{font-size:12px;line-height:1.55;color:var(--muted)}.image-scroll{max-height:calc(100dvh - 220px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.image-scroll img{width:100%;min-width:1300px;display:block;height:auto}.process-text{max-width:850px;max-height:calc(100dvh - 140px);overflow:auto;line-height:1.6;font-size:16px}
@media(max-width:760px){:root{--header-space:173px}.shell{padding:0 16px}.bar{height:54px;font-size:10px;gap:8px;grid-template-columns:1fr auto auto}.bar>span{font-size:8px;letter-spacing:.035em}.bar small{font-size:7px;margin-top:4px}.bar nav{gap:12px}.bar nav a{font-size:9px}.chapters{height:49px}.chapter-link{padding:0 13px;font-size:10px;min-height:48px}.category-nav{height:70px}.category-nav b{font-size:10px}.category-nav span{font-size:8px;letter-spacing:.04em}.category-nav small{font-size:8px;margin-left:8px}.chapter-panel{padding-top:22px;padding-bottom:30px}.category-heading{margin-bottom:24px}.category-heading>p{font-size:9px;letter-spacing:.09em;margin-bottom:10px}.category-heading h1{font-size:clamp(29px,7.5vw,42px);line-height:.95;letter-spacing:-.07em}.category-heading>div{font-size:16px;line-height:1.4;margin-top:14px}.tile-grid{grid-template-columns:1fr;gap:28px}.tile{padding-top:15px}.tile-heading{min-height:0;margin-bottom:13px}.tile-heading>p{font-size:8px;margin-bottom:8px}.tile-heading h2{font-size:23px}.tile-copy{margin-top:12px}.tile-copy>p{font-size:16px;line-height:1.3}.tile-copy>span{font-size:10px;line-height:1.45;margin-top:6px}.contribution-window{grid-template-columns:1fr;gap:18px}.contribution-window small{font-size:9px}.contribution-window p{font-size:19px;margin-top:7px}.zoom-label{font-size:8px;padding:6px 9px;gap:9px}.case-footer{font-size:7px}.dialog-header h2{font-size:14px}.dialog-header button{padding:8px 10px;font-size:10px}.image-scroll img{min-width:1400px}dialog{padding:14px}.process-text{font-size:15px}}
@media(max-width:350px){.bar>span{font-size:7px;max-width:90px}.bar nav{gap:8px}.bar>a{font-size:9px}.bar nav a{font-size:8px}.category-heading h1{font-size:28px}.category-nav span{font-size:7px}.category-nav small{font-size:7px;margin-left:5px}.tile-heading h2{font-size:21px}.tile-copy>p{font-size:15px}.tile-copy>span{font-size:10px}.case-footer{font-size:6px}.film-figure .media-player-time{font-size:9px}.film-figure .media-volume{max-width:35px}}
@media(max-height:650px){:root{--header-space:160px}.bar{height:48px}.chapters{height:48px}.category-nav{height:64px}.category-heading h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{.case-header{position:static}.chapters,.category-controls,.case-footer,.zoom-label{display:none}.chapter-panel{padding-top:20px}.tile-grid{grid-template-columns:1fr 1fr;gap:20px}.tile{break-inside:avoid}.media-window.square{width:280px}.tile-heading h2{font-size:20px}.tile-copy>p{font-size:14px}.tile-copy>span{font-size:10px}}
/* Supporting process material stays inside the same five categories. */
.story-note{margin:0 0 28px;padding:16px 20px;border-left:3px solid var(--green);background:#fff;min-width:0}.story-note .note-label{font-size:9px;letter-spacing:.1em;font-weight:800;color:var(--emerald);margin:0 0 10px}.story-note h2{font-size:clamp(22px,2.3vw,29px);letter-spacing:-.04em;line-height:1.1;margin:0 0 13px}.story-note>p:not(.note-label){font-size:16px;line-height:1.45;max-width:1100px;margin:13px 0 0}.story-note.compact-note{padding-top:13px;padding-bottom:13px}.story-note.compact-note>p:not(.note-label){margin-top:0}
details{min-width:0}summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;padding:11px 0;font-size:12px;font-weight:700;line-height:1.4;color:var(--emerald)}summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}.detail-copy{font-size:14px;line-height:1.55;max-width:1100px;padding:0 0 8px;overflow-wrap:anywhere}.detail-copy p{margin:12px 0}.detail-copy h3{font-size:16px;margin:20px 0 10px}.detail-copy ul,.process-steps{padding-left:22px}.detail-copy li,.process-steps li{margin-bottom:10px}.detail-copy a:not(.process-image){text-underline-offset:3px}.reference-warning{font-size:11px;color:var(--muted)}
.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:17px 0 14px}.process-image{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px;min-width:0;border:1px solid #e4e9e2;background:#fff;text-decoration:none}.process-image img{display:block;width:min(100%,160px);aspect-ratio:1/1;object-fit:contain;background:#fff}.process-image>span{display:block;align-self:stretch;font-size:10px;line-height:1.4;font-weight:700;color:var(--emerald);margin-top:8px}.tile-notes{margin-top:12px;border-top:1px solid var(--line)}.tile-notes .process-image img{width:100%;aspect-ratio:21/9}.tile-notes .detail-copy{font-size:13px}
.theory{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.equation{font:18px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.01em;margin:0;overflow-wrap:anywhere}.theory summary{font-size:11px}.theory .detail-copy{font-size:13px}.production-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:25px}.production-layout>div{min-width:0}.production-layout .process-image{padding:0}.production-layout .process-image img{width:100%;max-width:none;height:auto;aspect-ratio:3312/2050;object-fit:contain}.production-layout .process-image>span{padding:0 10px 10px}.production-roles p{font-size:16px;line-height:1.4;margin:0 0 16px}.small-scope{font-size:10px;color:var(--muted);line-height:1.4;margin:9px 0 0}.process-text h3{font-size:20px;line-height:1.2;letter-spacing:-.03em;margin:25px 0 12px}.process-text h3:first-child{margin-top:15px}.process-text .code-excerpt{font:11px/1.6 monospace;overflow:auto;max-width:100%;padding:12px;background:#f5f7f4;border:1px solid var(--line)}.image-scroll.photo-fit img{width:auto;min-width:0;max-width:100%;max-height:calc(100dvh - 240px);margin:auto;object-fit:contain}
@media(max-width:760px){.story-note{padding:12px;margin-bottom:23px}.story-note .note-label{font-size:8px}.story-note h2{font-size:23px}.story-note>p:not(.note-label){font-size:15px;line-height:1.4}.reference-grid{gap:7px;margin-top:14px}.process-image{padding:5px}.process-image>span{font-size:8px}.detail-copy{font-size:14px}.production-layout{grid-template-columns:1fr;gap:17px}.production-roles p{font-size:15px;line-height:1.4;margin-bottom:12px}.equation{font-size:16px}.process-text h3{font-size:18px}.image-scroll.photo-fit img{max-height:calc(100dvh - 260px)}}
@media print{details:not([open])>summary{display:none}.story-note,.reference-grid,.production-layout{break-inside:avoid}}
/* The origin has a stage of its own; fashion references remain a paired thought. */
.origin-centerpiece{margin:18px 0 20px;width:100%;max-width:none}.origin-centerpiece .process-image{padding:0}.origin-centerpiece .process-image img{width:100%;max-width:none;height:auto;aspect-ratio:780/518;object-fit:contain}.origin-centerpiece .process-image>span{padding:0 10px 10px}.origin-centerpiece figcaption{font:italic 18px/1.35 Georgia,serif;text-align:center;margin:12px 0}.fashion-pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:0 auto}.fashion-pair .process-image img{width:100%;height:clamp(110px,15vw,190px);aspect-ratio:auto}.origin-story>.reference-grid{margin-bottom:16px}
.process-board,.hem-proposal{border-top:1px solid var(--line);margin-top:17px}.process-board>summary,.hem-proposal>summary{font-size:11px;letter-spacing:.025em}.board-scope{font-size:12px;color:var(--muted)}.storyboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}.storyboard-grid figure,.hem-states figure{margin:0;min-width:0}.storyboard-grid .process-image img{width:100%;height:220px;aspect-ratio:1/1;object-fit:contain}.storyboard-grid figcaption p{font-size:13px;line-height:1.4;margin:10px 0}.storyboard-grid figcaption small{font-size:10px;color:var(--emerald);font-weight:700;display:block;border-top:1px solid var(--line);padding-top:8px}.revision-layout{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:20px}.revision-layout .process-image img{height:230px;width:100%;aspect-ratio:auto;object-fit:contain}.hem-states{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.hem-states svg{display:block;width:100%;height:auto;border:1px solid var(--line)}.hem-states h3{font-size:12px;margin:10px 0 8px;text-transform:uppercase}.hem-states p{font-size:12px;line-height:1.45;margin:0}.hem-proposal .small-scope{font-size:10px}
@media(max-width:760px){.origin-centerpiece{margin-top:14px}.origin-centerpiece figcaption{font-size:16px}.fashion-pair .process-image img{height:120px}.storyboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.storyboard-grid .process-image img{height:170px}.storyboard-grid figcaption p{font-size:12px}.storyboard-grid figcaption small{font-size:9px}.revision-layout{grid-template-columns:1fr}.revision-layout .process-image img{height:220px}.hem-states{gap:8px}.hem-states h3{font-size:10px}.hem-states p{font-size:11px}.process-board>summary,.hem-proposal>summary{font-size:10px}}
@media print{.storyboard-grid figure,.hem-states figure{break-inside:avoid}}