:root{--color-paper:#fffaf2;--color-surface:#fff;--color-ink:#181818;--color-muted:#625f59;--color-line:#cfc8bc;--color-accent:#ff5a5f;--color-accent-text:#c5333a;--color-blue:#5c7cfa;--color-yellow:#ffd166;--color-mint:#79c9b2;--color-lilac:#d8cdf6;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "BIZ UDPGothic", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--page-x:clamp(24px, 5vw, 80px);--max-width:1400px;--section-y:96px}*{box-sizing:border-box}html{color:var(--color-ink);background:var(--color-paper);font-family:var(--font-sans);letter-spacing:0;scroll-behavior:smooth;font-size:16px;line-height:1.7}body{background:linear-gradient(90deg, #5c7cfa1f 1px, transparent 1px) 0 0 / 25% 100%, var(--color-paper);min-width:320px;margin:0}body,button,input,textarea,select{font:inherit;letter-spacing:0}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--color-accent-text)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-blue);outline-offset:4px}h1,h2,h3,p,dl,dd,ol,ul{margin:0}ul,ol{padding:0}li{list-style:none}[hidden]{display:none!important}main{overflow:hidden}.skip-link{z-index:100;background:var(--color-ink);color:var(--color-surface);padding:8px 12px;position:fixed;top:16px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;min-height:64px;padding:14px var(--page-x);backdrop-filter:blur(16px);background:#f4f1eaeb;border-bottom:1px solid #cac6bccc;justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.site-mark{white-space:nowrap;font-weight:700;text-decoration:none}.site-nav{color:var(--color-muted);font-family:var(--font-mono);flex-wrap:wrap;justify-content:flex-end;gap:8px 18px;font-size:.8125rem;display:flex}.site-nav a{text-decoration:none}.section-band{width:min(100%, var(--max-width));padding:var(--section-y) var(--page-x);margin:0 auto;position:relative}.works-section,.timeline-section,.about-section{background:#ffffff47}.credits-section,.environment-section{background:#ffd16614}.section-heading{border-top:1px solid var(--color-line);opacity:.78;grid-template-columns:minmax(120px,.22fr) minmax(0,.42fr) minmax(240px,.36fr);align-items:start;gap:32px;margin-bottom:44px;padding-top:18px;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);display:grid;transform:translateY(8px)}.section-heading[data-scene-active]{opacity:1;transform:translateY(0)}.section-labels{gap:6px;display:grid}.section-scene{color:var(--color-accent-text);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:12px;font-size:.75rem;display:flex}.section-scene:after{content:"";transform-origin:0;background:currentColor;width:36px;height:1px;transition:transform .52s cubic-bezier(.22,1,.36,1);transform:scaleX(.42)}.section-heading[data-scene-active] .section-scene:after{transform:scaleX(1)}.section-kicker,.eyebrow,.hero-meta,.work-year,.work-cue,.work-data dt,.credit-row,.credit-data-meta,.timeline-frame,.environment-panel span,.environment-list span,.personal-notes,.site-footer,.credit-title span{font-family:var(--font-mono)}.section-kicker,.eyebrow,.work-data dt,.credit-title span,.environment-panel span,.environment-list span{color:var(--color-muted);text-transform:uppercase;font-size:.8125rem}.section-heading h2{text-underline-offset:.12em;font-size:2rem;line-height:1.15;text-decoration:underline .18em #79c9b2b8}.section-summary{color:var(--color-muted);max-width:36rem}.hero{grid-template-rows:auto 1fr auto auto;gap:32px;min-height:calc(100svh - 64px);padding-top:72px;display:grid}.guide-grid{inset:0 var(--page-x);pointer-events:none;opacity:.5;grid-template-columns:repeat(3,1fr);display:grid;position:absolute}.guide-grid span{border-left:1px solid var(--color-line)}.guide-grid span:last-child{border-right:1px solid var(--color-line)}.hero-meta{z-index:1;color:var(--color-muted);flex-wrap:wrap;gap:12px;font-size:.8125rem;display:flex;position:relative}.hero-meta span,.hero-note span{border:1px solid var(--color-line);background:#f4f1eabd;padding:4px 8px}.hero-meta span:first-child{border-color:var(--color-accent)}.hero-meta span:nth-child(2){border-color:var(--color-mint)}.hero-meta span:nth-child(3){border-color:var(--color-blue)}.hero-stage{z-index:1;grid-template-columns:minmax(0,.62fr) minmax(300px,.38fr);align-self:center;align-items:center;gap:clamp(32px,5vw,72px);display:grid;position:relative}.hero-copy{align-self:center;max-width:980px}.eyebrow{color:var(--color-accent-text);margin-bottom:20px}.hero h1{text-shadow:3px 3px #ff5a5f2e,-3px -2px #5c7cfa1f;font-size:6rem;font-weight:800;line-height:.98}.hero-lead{max-width:42rem;margin-top:28px;font-size:1.125rem}.hero-visual{--onion-coral-x:3px;--onion-coral-y:2px;--onion-blue-x:-3px;--onion-blue-y:3px;justify-self:end;width:min(100%,390px);margin:0}.hero-visual-sheet{aspect-ratio:.76;border:1px solid var(--color-ink);background:linear-gradient(90deg,#cac6bc66 1px,#0000 1px) 0 0/33.33% 100%,#ffffff70;position:relative;overflow:hidden}.hero-visual-sheet:before,.hero-visual-sheet:after{content:"";z-index:3;border:1px solid var(--color-line);background:#f4f1ead6;border-top:0;width:110px;height:18px;position:absolute;left:50%;transform:translate(-50%)}.hero-visual-sheet:before{top:0}.hero-visual-sheet:after{border-top:1px solid var(--color-line);border-bottom:0;bottom:0}.hero-art{object-fit:cover;transform-origin:50%;width:100%;height:100%;transition:opacity .22s;position:absolute;inset:0}.hero-art-main{z-index:2;opacity:.94;position:relative}.hero-art-coral,.hero-art-blue{z-index:1;opacity:.22;mix-blend-mode:multiply;will-change:transform}.hero-art-coral{transform:translate3d(var(--onion-coral-x), var(--onion-coral-y), 0)}.hero-art-blue{transform:translate3d(var(--onion-blue-x), var(--onion-blue-y), 0)}.hero-visual[data-onion-active] .hero-art-coral,.hero-visual[data-onion-active] .hero-art-blue{opacity:.34}.hero-visual figcaption{color:var(--color-muted);font-family:var(--font-mono);text-align:right;text-transform:uppercase;margin-top:10px;font-size:.75rem}.hero-facts{z-index:1;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.hero-facts div{border-right:1px solid var(--color-line);padding:18px 18px 20px 0}.hero-facts div:last-child{border-right:0}.hero-facts dt{color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem}.hero-facts dd{margin-top:4px;font-weight:700}.hero-note{z-index:1;color:var(--color-muted);align-items:center;gap:16px;font-size:.9375rem;display:flex;position:relative}.hero-note span{color:var(--color-ink);font-family:var(--font-mono);font-size:.8125rem}.work-list,.credit-groups,.timeline-list{border-top:1px solid var(--color-line)}.work-row{border-bottom:1px solid var(--color-line);grid-template-columns:72px minmax(0,1fr) minmax(280px,.42fr);align-items:center;gap:28px;min-height:148px;transition:color .22s,border-color .22s;display:grid;position:relative}.work-row:after{content:"";background:var(--color-line);grid-column:2/-1;width:42px;height:1px;transition:width .22s,background-color .22s}.work-index{color:var(--color-muted);font-family:var(--font-mono);transition:color .22s}.work-main{position:relative}.work-main h3{margin-top:6px;font-size:2rem;line-height:1.25;transition:transform .22s}.work-cue{color:var(--color-accent-text);opacity:0;margin-top:10px;font-size:.75rem;transition:opacity .22s,transform .22s;display:inline-block;transform:translateY(4px)}.work-data{gap:14px;display:grid}.work-data div{grid-template-columns:88px minmax(0,1fr);gap:14px;display:grid}@media (hover:hover) and (pointer:fine){.work-row:hover{border-bottom-color:#ff5a5f8c}.work-row:hover:after{background:var(--color-accent);width:124px}.work-row:hover .work-index{color:var(--color-accent-text)}.work-row:hover .work-main h3{transform:translate(4px)}.work-row:hover .work-cue{opacity:1;transform:translateY(0)}}.credit-index-context{max-width:760px;color:var(--color-muted);gap:10px;margin:-18px 0 36px auto;font-size:.9375rem;display:grid}.credit-data-meta{color:var(--color-accent-text);text-transform:uppercase;font-size:.75rem}.credit-year{border-bottom:1px solid var(--color-line);grid-template-columns:140px minmax(0,1fr);gap:28px;padding:0;display:grid}.credit-year:nth-child(3n+1){border-left:3px solid var(--color-accent)}.credit-year:nth-child(3n+2){border-left:3px solid var(--color-blue)}.credit-year:nth-child(3n){border-left:3px solid var(--color-mint)}.credit-year-heading,.credit-year-toggle,.credit-table{padding-left:16px}.credit-year-heading{padding:24px 0}.credit-year-heading h3{color:var(--color-accent-text);font-family:var(--font-mono);font-size:1rem}.credit-year-heading p{color:var(--color-muted);font-family:var(--font-mono);margin-top:6px;font-size:.75rem}.credit-year-toggle{width:100%;min-height:72px;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #cac6bcb8;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:18px;padding:24px 0;transition:background-color .2s;display:grid}.credit-year-toggle:hover{background:#ffd16624}.credit-year-toggle span{font-family:var(--font-mono);font-size:.875rem}.credit-year-toggle span:nth-child(2),.credit-toggle-state{color:var(--color-muted)}.credit-toggle-state{text-align:right;min-width:4.5em}.credit-toggle-mark{color:var(--color-accent-text);transition:transform .22s cubic-bezier(.22,1,.36,1)}.credit-year[data-open] .credit-toggle-mark{transform:rotate(45deg)}.credit-table{padding:20px 0 28px;display:grid}.credit-row{border-top:1px solid #cac6bcb8;grid-template-columns:minmax(220px,1.4fr) minmax(160px,.8fr) minmax(130px,.6fr) minmax(120px,.45fr);gap:20px;padding:18px 0;font-size:.9375rem;display:grid}.credit-row:first-child{border-top:0;padding-top:0}.credit-title p{font-family:var(--font-sans);font-size:1rem;font-weight:700}.credit-source{flex-direction:column;gap:4px;display:flex}.credit-source a{color:var(--color-muted);text-decoration:none;transition:color .2s}.credit-source a:hover{color:var(--color-accent-text)}.timeline-item{border-bottom:1px solid var(--color-line);grid-template-columns:160px minmax(0,1fr);gap:40px;padding:32px 0;transition:background-color .26s,padding-left .26s;display:grid;position:relative}.timeline-item:before{content:"";background:0 0;width:2px;transition:background-color .26s;position:absolute;top:24px;bottom:24px;left:0}.timeline-item[data-active]{background:linear-gradient(90deg,#ff5a5f17,#0000 52%);padding-left:14px}.timeline-item[data-active]:before{background:var(--color-accent)}.timeline-frame{color:var(--color-accent-text);font-size:.875rem;transition:color .26s,transform .26s}.timeline-item[data-active] .timeline-frame{color:var(--color-ink);transform:translate(4px)}.timeline-item h3{margin-bottom:8px;font-size:1.375rem}.timeline-item p{max-width:58rem;color:var(--color-muted)}.environment-board{background:linear-gradient(90deg,#cac6bc59 1px,#0000 1px) 0 0/50% 100%,#ffffff2e;border:1px solid #cac6bcc7;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);gap:18px;padding:18px;display:grid;position:relative}.environment-crop{pointer-events:none;width:28px;height:28px;position:absolute}.environment-crop:before,.environment-crop:after{content:"";background:var(--color-ink);position:absolute}.environment-crop:before{width:28px;height:1px;top:0;left:0}.environment-crop:after{width:1px;height:28px;top:0;left:0}.environment-crop-top-left{top:0;left:0}.environment-crop-top-right{top:0;right:0;transform:scaleX(-1)}.environment-crop-bottom-left{bottom:0;left:0;transform:scaleY(-1)}.environment-crop-bottom-right{bottom:0;right:0;transform:scale(-1)}.environment-panel{border:1px solid var(--color-line);background:linear-gradient(135deg,#0000 48%,#5c7cfa2e 49%,#0000 51%),#ffffff6b;padding:18px;position:relative;overflow:hidden}.environment-panel span{z-index:2;position:relative}.environment-panel:after{content:"";background:var(--color-accent);transform-origin:0;height:1px;animation:2.4s ease-in-out infinite alternate clean-line;position:absolute;bottom:26px;left:18px;right:18px}.environment-panel-visual{grid-template-rows:auto minmax(0,1fr) auto;gap:14px;min-width:0;min-height:356px;display:grid}.environment-panel-head{z-index:2;justify-content:space-between;gap:16px;display:flex;position:relative}.environment-slider-window{background:#ffffffb8;border:1px solid #18181873;min-width:0;overflow:hidden}.environment-slider-track{width:100%;transition:transform .42s cubic-bezier(.22,1,.36,1);display:flex}.environment-artwork{aspect-ratio:4/3;flex:0 0 100%;margin:0;position:relative;overflow:hidden}.environment-artwork img{object-fit:cover;opacity:.9;mix-blend-mode:multiply;width:100%;height:100%;display:block}.environment-artwork figcaption{font-family:var(--font-mono);background:#fffaf2e0;padding:3px 7px;font-size:.6875rem;position:absolute;bottom:10px;left:12px}.environment-slider-controls{z-index:2;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.environment-slider-controls button{border:1px solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);cursor:pointer}.environment-slider-controls>button{width:36px;height:32px;padding:0}.environment-slider-dots{gap:8px;display:flex}.environment-slider-dots button{background:var(--color-line);border:0;width:22px;height:6px;padding:0}.environment-slider-dots button[aria-current=true]{background:var(--color-accent)}.environment-list{border:1px solid var(--color-line);background:var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.environment-list li{background:#ffffff6b;min-height:168px;padding:18px}.environment-list li:first-child{box-shadow:inset 0 4px var(--color-accent)}.environment-list li:nth-child(2){box-shadow:inset 0 4px var(--color-blue)}.environment-list li:nth-child(3){box-shadow:inset 0 4px var(--color-yellow)}.environment-list li:nth-child(4){box-shadow:inset 0 4px var(--color-mint)}.environment-list strong{margin-top:22px;font-size:1.125rem;display:block}.environment-list p{color:var(--color-muted);margin-top:10px;font-size:.9375rem}.environment-aside{max-width:40rem;color:var(--color-muted);grid-column:1/-1;font-size:.9375rem}.about-copy{grid-template-columns:minmax(0,.72fr);gap:18px;font-size:1.125rem;display:grid}.about-copy p{max-width:56rem}.personal-section{padding-top:32px;padding-bottom:32px}.personal-rule{background:var(--color-line);height:1px;margin-bottom:18px}.personal-notes{color:var(--color-muted);flex-wrap:wrap;gap:10px;font-size:.8125rem;display:flex}.personal-layout{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.personal-notes li{border:1px solid var(--color-line);background:#fff6;align-items:center;gap:8px;padding:4px 8px;display:inline-flex}.personal-notes li:first-child{border-color:var(--color-mint)}.personal-notes li:nth-child(2){border-color:var(--color-accent)}.personal-notes li:nth-child(3){border-color:var(--color-yellow)}.personal-aside{color:var(--color-muted);margin-top:14px;font-size:.9375rem}.personal-sketch{width:min(34vw,260px);min-width:180px;margin:0}.personal-sketch img{border:1px solid var(--color-line);mix-blend-mode:multiply;width:100%;height:auto;display:block}.personal-sketch figcaption{color:var(--color-muted);font-family:var(--font-mono);text-align:right;margin-top:6px;font-size:.6875rem}.personal-icon{flex:none;width:22px;height:16px;display:inline-block;position:relative}.personal-icon:before,.personal-icon:after{content:"";border-color:var(--color-ink);border-style:solid;position:absolute}.personal-icon-walk:before{border-width:1px 1px 0;border-radius:10px 10px 0 0;width:13px;height:7px;top:6px;left:3px}.personal-icon-walk:after{border-width:1px;border-radius:50%;width:4px;height:4px;top:4px;right:2px}.personal-icon-bake:before{border-width:1px;border-radius:50% 50% 45% 45%;width:14px;height:9px;top:4px;left:3px}.personal-icon-bake:after{border-width:1px 0 0;border-radius:50%;width:9px;height:5px;top:1px;left:7px;transform:rotate(-10deg)}.personal-icon-sugar:before{border-width:1px;width:11px;height:11px;top:3px;left:4px;transform:rotate(8deg)}.personal-icon-sugar:after{border-width:1px 0 0 1px;width:7px;height:7px;top:2px;right:1px;transform:rotate(28deg)}.site-footer{width:min(100%, var(--max-width));padding:44px var(--page-x) 56px;border-top:1px solid var(--color-line);color:var(--color-muted);justify-content:space-between;gap:28px;margin:0 auto;font-size:.875rem;display:flex}.site-footer p{color:var(--color-ink);font-family:var(--font-sans);font-weight:700}.footer-links{align-items:flex-start;display:flex}.footer-sources{gap:8px;max-width:420px;display:grid}.footer-sources p{font-family:var(--font-mono);font-size:.75rem}.footer-sources span{max-width:34rem;display:block}.footer-sources ul{flex-wrap:wrap;gap:6px 14px;display:flex}.footer-sources a{color:var(--color-muted);text-decoration:none}.footer-sources a:hover{color:var(--color-accent-text)}@keyframes clean-line{0%{opacity:.58;transform:scaleX(.32)}to{opacity:1;transform:scaleX(1)}}@media (width<=1024px){:root{--section-y:72px}.section-heading,.credit-year,.work-row,.timeline-item{grid-template-columns:1fr;gap:18px}.section-heading{max-width:720px}.hero-stage{grid-template-columns:minmax(0,1fr);align-self:start}.hero-visual{justify-self:start;width:min(100%,480px)}.hero h1{font-size:4.5rem}.hero-facts{grid-template-columns:1fr}.hero-facts div{border-right:0;border-bottom:1px solid var(--color-line)}.hero-facts div:last-child{border-bottom:0}.work-row{padding:28px 0}.work-row:after{grid-column:1}.work-cue{opacity:1;transform:none}.credit-row{grid-template-columns:minmax(0,1fr) minmax(140px,.48fr)}}@media (width<=767px){:root{--page-x:20px;--section-y:56px}html{scroll-padding-top:96px}body{background:var(--color-paper)}.site-header{flex-direction:column;align-items:flex-start;gap:8px;min-height:92px}.site-nav{justify-content:flex-start;gap:8px 14px;font-size:.75rem}.hero{min-height:auto;padding-top:48px}.hero-visual{width:min(100%,360px)}.hero-visual figcaption{text-align:left}.hero h1{font-size:3.25rem}.hero-lead,.about-copy{font-size:1rem}.hero-note{flex-direction:column;align-items:flex-start}.section-heading h2,.work-main h3,.environment-panel-visual p{font-size:1.75rem}.work-data div{grid-template-columns:1fr;gap:2px}.credit-row{grid-template-columns:1fr;gap:8px}.credit-index-context{margin:-16px 0 28px;font-size:.875rem}.credit-year{grid-template-columns:1fr;gap:0}.credit-year-heading{display:none}.credit-year-toggle{grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;min-height:60px;padding:18px 0}.credit-year-toggle span{font-size:.8125rem}.timeline-item[data-active]{background:0 0;padding-left:0}.timeline-item[data-active]:before{background:0 0}.timeline-item[data-active] .timeline-frame{color:var(--color-accent-text);transform:none}.credit-toggle-state{min-width:auto}.environment-board{grid-template-columns:1fr;padding:14px}.environment-panel-visual{min-height:0}.environment-list{grid-template-columns:1fr}.environment-list li{min-height:132px}.personal-layout{flex-direction:column}.personal-sketch{width:min(100%,260px)}.site-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hero-art-coral,.hero-art-blue{transform:translate(0,0)!important}}