:root{color-scheme:dark;--ink:#090a0c;--paper:#f3efe6;--muted:#bbb6ad;--line:rgba(255,255,255,.18);--accent:#d7a765}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,"Noto Sans TC","PingFang TC",sans-serif;line-height:1.7}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.back{position:fixed;z-index:10;top:1.5rem;left:clamp(1rem,4vw,3rem);padding:.65rem .9rem;border:1px solid var(--line);background:rgba(7,8,10,.64);backdrop-filter:blur(12px);font-size:.78rem;letter-spacing:.08em}.project-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}.project-hero>img,.project-hero:after{position:absolute;inset:0;width:100%;height:100%}.project-hero>img{z-index:-2;object-fit:cover}.project-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,rgba(7,8,10,.94),rgba(7,8,10,.48) 52%,rgba(7,8,10,.06)),linear-gradient(0deg,#090a0c 0%,transparent 45%)}.hero-copy{width:min(1480px,100%);margin:0 auto;padding:8rem clamp(1.2rem,7vw,7rem) 8vh}.code{margin:0;color:var(--accent);font:700 .69rem/1.4 ui-monospace,monospace;letter-spacing:.2em}.project-hero h1{margin:.7rem 0 1rem;font:400 clamp(4rem,11vw,10rem)/.9 Georgia,"Noto Serif TC",serif;letter-spacing:-.055em}.project-hero .english{margin:0 0 2rem;color:#dfd3c1;font:400 clamp(1rem,2vw,1.5rem)/1.2 Georgia,serif;letter-spacing:.16em}.lead{max-width:680px;color:#d0cbc2;font-size:clamp(1rem,1.4vw,1.17rem)}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.button{padding:.72rem 1.05rem;border:1px solid var(--line);font-size:.82rem;letter-spacing:.06em}.button.primary{background:var(--paper);color:#111;border-color:var(--paper)}.project-intro{width:min(1320px,calc(100% - 2rem));margin:auto;display:grid;grid-template-columns:.5fr 1.5fr;gap:clamp(2rem,7vw,8rem);padding:clamp(5rem,10vw,10rem) clamp(1rem,5vw,5rem);border-inline:1px solid var(--line)}.project-intro h2,.gallery-head h2{margin:0;font:400 clamp(2.4rem,5.3vw,5.2rem)/1.1 Georgia,"Noto Serif TC",serif}.project-intro>div>p{max-width:760px;color:var(--muted);font-size:1.05rem}.visual-gallery{padding:clamp(5rem,8vw,8rem) max(1rem,calc((100vw - 1320px)/2));border-block:1px solid var(--line);background:#0d0e10}.gallery-head{display:grid;grid-template-columns:.5fr 1fr;gap:2rem;align-items:end;margin-bottom:2.5rem}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.gallery figure{margin:0;background:#08090b;border:1px solid var(--line);overflow:hidden}.gallery img{width:100%;height:100%;min-height:300px;aspect-ratio:16/9;object-fit:cover;transition:transform .45s ease}.gallery figure:hover img{transform:scale(1.025)}.gallery .wide{grid-column:1/-1}.gallery figcaption{padding:.7rem 1rem;color:#777;font:400 .67rem/1.4 ui-monospace,monospace;letter-spacing:.12em}.project-footer{width:min(1320px,calc(100% - 2rem));margin:auto;display:flex;justify-content:space-between;padding:2rem clamp(1rem,4vw,4rem);border-inline:1px solid var(--line);color:#777;font-size:.7rem;letter-spacing:.13em}.speed{--accent:#dfbf84;background:#07090c}.speed .project-hero:after{background:linear-gradient(90deg,rgba(5,7,10,.82),rgba(5,7,10,.12) 66%),linear-gradient(0deg,#07090c 0%,transparent 42%)}.speed .visual-gallery{background:radial-gradient(circle at 80% 0,rgba(164,68,41,.12),transparent 30%),#090b0e}.prairie{--accent:#ddb36d;background:#0b0b09}.prairie .project-hero:after{background:linear-gradient(90deg,rgba(13,10,7,.76),rgba(13,10,7,.06) 72%),linear-gradient(0deg,#0b0b09 0%,transparent 45%)}.prairie .project-hero>img{object-position:center}.prairie .visual-gallery{background:radial-gradient(circle at 22% 0,rgba(176,94,45,.16),transparent 34%),#100d09}.prairie .gallery{grid-template-columns:1fr}.prairie .gallery img{aspect-ratio:16/9}@media(max-width:700px){.project-hero:after,.speed .project-hero:after,.prairie .project-hero:after{background:linear-gradient(0deg,var(--ink) 0%,rgba(7,8,10,.68) 65%,rgba(7,8,10,.08))}.project-intro,.gallery-head{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery .wide{grid-column:auto}.gallery img{min-height:0}.project-footer{flex-direction:column;gap:.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery img{transition:none}}
/* Expanded visual archives */
.prairie .gallery{grid-template-columns:repeat(2,1fr)}
.prairie .gallery .wide img{aspect-ratio:16/9}
.prairie .gallery .portrait img{aspect-ratio:2/3;min-height:0;object-position:center 28%}
.prototype{--accent:#b9d7ff;background:#070c14}
.prototype .project-hero>img{object-position:center}
.prototype .project-hero:after{background:linear-gradient(90deg,rgba(4,9,17,.94),rgba(4,9,17,.42) 58%,rgba(4,9,17,.08)),linear-gradient(0deg,#070c14 0%,transparent 48%)}
.prototype .visual-gallery{background:radial-gradient(circle at 75% 0,rgba(84,155,210,.16),transparent 34%),#09101a}
.prototype .gallery{grid-template-columns:1fr}
.prototype .gallery img{aspect-ratio:16/9}
@media(max-width:700px){.prairie .gallery{grid-template-columns:1fr}.prototype .project-hero:after{background:linear-gradient(0deg,#070c14 0%,rgba(7,12,20,.7) 65%,rgba(7,12,20,.08))}}

/* English reading layer */
.back small{display:block;font-size:.62rem;letter-spacing:.04em;color:var(--muted)}.project-hero .lead-en{max-width:680px;margin:.55rem 0 0;color:#eee2cf;font-size:clamp(.86rem,1.08vw,1rem);line-height:1.55}.project-intro .en-copy,.gallery-head .en-copy{max-width:760px;margin:.55rem 0 0;color:#aeb5c2;font-size:.94rem;line-height:1.65}.gallery-head .en-copy{grid-column:2}@media(max-width:700px){.gallery-head .en-copy{grid-column:1}}