:root{--bg:#0f0d0b;--bg-2:#1a1410;--card:#211812;--text:#f2e6ce;--muted:#b9aa93;--copper:#d2793a;--copper-dark:#a95524;--border:rgba(242,230,206,.16);--serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",Arial,sans-serif;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--sans);font-size:16px;line-height:1.7}body::before{position:fixed;inset:0;z-index:100;pointer-events:none;content:"";opacity:.05;background-image:radial-gradient(rgba(242,230,206,.35) .45px,transparent .55px);background-size:5px 5px}
a{color:inherit}.wrap{width:min(calc(100% - 48px),var(--wrap));margin-inline:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 max(24px,calc((100% - var(--wrap))/2));border-bottom:1px solid transparent;transition:.25s;background:linear-gradient(to bottom,rgba(15,13,11,.75),transparent)}.site-header.scrolled{border-color:var(--border);background:rgba(15,13,11,.94);backdrop-filter:blur(12px)}.wordmark{font:700 1.6rem var(--serif);text-decoration:none}.wordmark span{color:var(--copper)}.site-nav{display:flex;align-items:center;gap:22px}.site-nav a{color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:.2s}.site-nav a:hover,.site-nav a:focus-visible{color:var(--text)}.menu-toggle{display:none;width:44px;height:44px;padding:11px 8px;border:0;color:var(--text);background:transparent;cursor:pointer}.menu-toggle span{display:block;width:100%;height:1px;margin:6px 0;background:currentColor;transition:.2s}
.language-selector{display:flex;align-items:center;gap:7px;margin-left:4px;padding-left:18px;border-left:1px solid var(--border)}.language-selector button{padding:4px 2px;border:0;color:var(--text);background:transparent;font:600 .65rem var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .2s}.language-selector button:hover,.language-selector button:focus-visible,.language-selector button.is-active{color:var(--copper)}
.hero{position:relative;display:flex;min-height:100vh;align-items:center;background-color:var(--bg-2);background-image:linear-gradient(90deg,rgba(15,13,11,.94) 0%,rgba(15,13,11,.64) 54%,rgba(15,13,11,.44)),linear-gradient(0deg,rgba(15,13,11,.8),transparent 45%),url("images/hero-bakelite-studio.jpg");background-position:center;background-size:cover}.hero-content{padding-block:145px 110px}.eyebrow{margin:0 0 18px;color:var(--copper);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.hero h1,.section-heading h2,.contact-section h2{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.045em;line-height:.8}.hero h1{max-width:900px;font-size:clamp(5.5rem,12vw,10rem);text-transform:uppercase}.hero-tagline{max-width:580px;margin:30px 0 5px;font:500 clamp(1.4rem,2.6vw,2.05rem)/1.25 var(--serif)}.hero-detail{margin:0;color:var(--muted);font-size:.9rem}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:11px 20px;border:1px solid var(--border);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:.2s}.button-primary{border-color:var(--copper);color:#130d09;background:var(--copper)}.button-primary:hover{border-color:#e48a48;background:#e48a48}.button-ghost:hover{border-color:var(--copper);color:var(--copper)}.hero-note{position:absolute;right:4%;bottom:32px;margin:0;color:var(--muted);font:italic 1.05rem var(--serif)}
.section{padding-block:130px}.section-toned{background:var(--bg-2)}.section-heading{margin-bottom:64px}.section-heading h2,.contact-section h2{font-size:clamp(4.25rem,8vw,7.2rem)}.split-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.split-heading>p{max-width:480px;margin:0 0 4px;color:var(--muted)}.prose{max-width:760px;margin-left:auto;color:var(--muted);font-size:1.08rem}.prose p+p{margin-top:24px}.label-copy p:first-child{color:var(--text);font:500 1.75rem/1.35 var(--serif)}blockquote{max-width:980px;margin:100px 0 0;padding:50px 0 10px;border-top:1px solid var(--copper);font:500 clamp(2.2rem,4.5vw,4.5rem)/1.05 var(--serif)}blockquote p{margin:0}
.artist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.artist-card{overflow:hidden;border:1px solid var(--border);background:var(--card);transition:transform .25s,border-color .25s}.artist-card:hover{transform:translateY(-4px);border-color:rgba(210,121,58,.5)}.image-frame{position:relative;overflow:hidden;aspect-ratio:1;background:linear-gradient(135deg,#211812,#110e0c);border-bottom:1px solid var(--border)}.image-frame::after{position:absolute;inset:16px;border:1px solid rgba(242,230,206,.07);pointer-events:none;content:""}.image-frame img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82) contrast(1.04);transition:transform .5s}.artist-card:hover img{transform:scale(1.025)}.image-frame img.is-missing{display:none}.card-copy{padding:26px}.meta,.file-number{margin:0;color:var(--copper);font-size:.66rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.artist-card h3,.release-card h3,.file-card h3,.method-grid h3{margin:8px 0 10px;font:600 1.8rem/1.05 var(--serif)}.artist-card .card-copy>p:last-child,.file-card>p,.method-grid p{margin-bottom:0;color:var(--muted);font-size:.88rem}
.archive-intro{max-width:750px;margin:-22px 0 55px;color:var(--text);font:italic 1.45rem var(--serif)}.file-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.file-card{display:grid;grid-template-columns:175px 1fr;column-gap:26px;align-content:start;padding:24px;border:1px solid var(--border);background:var(--card)}.file-number{grid-column:1/-1;margin-bottom:20px}.file-image{grid-row:2/6;aspect-ratio:1}.file-card h3{margin:0}.file-card>p:not(.file-number){margin:10px 0 18px;line-height:1.55}.text-link{align-self:end;color:var(--text);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.text-link span{margin-left:6px;color:var(--copper);transition:margin .2s}.text-link:hover span{margin-left:12px}
.story-dialog{width:min(100% - 48px,1080px);max-width:none;max-height:calc(100vh - 48px);padding:0;border:1px solid rgba(210,121,58,.45);color:var(--text);background:var(--bg);box-shadow:0 30px 90px rgba(0,0,0,.7)}.story-dialog::backdrop{background:rgba(7,5,4,.86);backdrop-filter:blur(5px)}.story-article{position:relative;padding:70px clamp(24px,7vw,88px) 100px}.story-close{position:sticky;z-index:2;top:18px;float:right;display:flex;gap:10px;align-items:center;padding:8px 0;border:0;color:var(--muted);background:rgba(15,13,11,.86);font:600 .66rem var(--sans);letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.story-close span{color:var(--copper);font:400 1.5rem/1 var(--serif)}.story-close:hover,.story-close:focus-visible{color:var(--text)}.story-header{clear:both;max-width:850px;padding-top:25px}.story-header .file-number{margin-bottom:28px}.story-header h2{margin:0;font:500 clamp(3.5rem,7vw,6.7rem)/.84 var(--serif);letter-spacing:-.045em}.story-dateline{margin:30px 0 0;color:var(--copper);font:italic 1.35rem var(--serif)}.story-hero{max-width:900px;margin:60px auto 70px}.bakelite-file-article .article-photo{width:100%;border:1px solid var(--border);background:var(--bg-2)}.bakelite-file-article img{display:block;width:auto;max-width:100%;height:auto;margin-inline:auto;object-fit:contain;filter:saturate(.78) contrast(1.06)}.story-article figcaption{margin-top:10px;color:var(--muted);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.story-copy{max-width:760px;margin:auto;color:var(--muted);font:400 1.08rem/1.85 var(--sans)}.story-copy>p{margin:0 0 28px}.story-copy>p:first-child{color:var(--text);font:500 1.5rem/1.55 var(--serif)}.story-copy strong{color:var(--text);font-weight:600}.story-image{width:min(100%,680px);margin:48px auto 52px}.story-quote{margin:48px 0;padding:32px 0 20px;border-block:1px solid var(--copper);text-align:center}.story-quote p{margin:0;color:var(--text);font:500 clamp(3rem,7vw,5.5rem)/1 var(--serif)}.story-navigation{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px;margin:80px auto 0;padding-top:28px;border-top:1px solid var(--border)}.story-nav-link{color:var(--muted);font-size:.66rem;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.story-nav-link:last-child{text-align:right}.story-nav-link strong{display:block;margin-top:7px;color:var(--text);font:600 1.2rem var(--serif);letter-spacing:0}.story-nav-link:hover,.story-nav-link:focus-visible{color:var(--copper)}body.story-open{overflow:hidden}
.release-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.release-card .image-frame{border:1px solid var(--border)}.release-card .meta{margin-top:22px}.release-card h3{min-height:48px;margin-top:5px}.release-card .button{width:100%;margin-top:14px}.human-section{position:relative}.principle{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:60px;padding:38px 0;border-block:1px solid var(--border)}.principle h3{max-width:720px;margin:0;font:500 clamp(2.6rem,5vw,5rem)/.95 var(--serif)}.human-copy{column-count:2;column-gap:70px}.human-copy p{break-inside:avoid;margin-top:0}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:80px;background:var(--border);border:1px solid var(--border)}.method-grid article{padding:34px;background:var(--bg)}.method-grid span{color:var(--copper);font-size:.7rem}.method-grid h3{margin-top:40px}.final-statement{margin:100px 0 0;text-align:center;font:500 clamp(3.2rem,7vw,7rem)/.95 var(--serif)}.final-statement em{color:var(--copper);font-weight:400}
.contact-section{text-align:center;background:radial-gradient(circle at 50% 100%,rgba(169,85,36,.22),transparent 45%),var(--bg-2)}.contact-section p:not(.eyebrow){max-width:580px;margin:30px auto 0;color:var(--muted)}.centered{justify-content:center}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-block:35px;border-top:1px solid var(--border);color:var(--muted);font-size:.7rem}.site-footer p{margin:0}.site-footer p:last-child{text-align:right}
@media(max-width:1000px){.site-nav{gap:12px}.site-nav a{font-size:.63rem}.artist-grid{grid-template-columns:repeat(2,1fr)}.release-grid{grid-template-columns:repeat(3,1fr)}.file-card{grid-template-columns:130px 1fr}.section{padding-block:100px}}
@media(max-width:760px){.wrap{width:min(calc(100% - 32px),var(--wrap))}.site-header{height:68px;padding-inline:16px;background:rgba(15,13,11,.94)}.menu-toggle{display:block}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}.site-nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px 24px;border-bottom:1px solid var(--border);background:rgba(15,13,11,.98)}.site-nav.is-open{display:flex}.site-nav a{padding:10px 0;font-size:.72rem}.hero{min-height:92vh;background-position:60% center}.hero-content{padding-block:120px 100px}.hero h1{font-size:clamp(4rem,19vw,6.6rem)}.hero-tagline{margin-top:24px}.hero-note{right:16px;bottom:20px}.section{padding-block:78px}.section-heading{margin-bottom:45px}.section-heading h2,.contact-section h2{font-size:clamp(3.5rem,16vw,5rem)}.split-heading{grid-template-columns:1fr;gap:25px}.prose{font-size:1rem}blockquote{margin-top:65px;padding-top:36px}.artist-grid,.file-grid{grid-template-columns:1fr}.release-grid{grid-template-columns:repeat(2,1fr)}.file-card{grid-template-columns:115px 1fr;padding:18px;column-gap:18px}.story-dialog{width:100%;max-height:100vh;border-inline:0}.story-article{padding:24px 20px 70px}.story-header{padding-top:45px}.story-header h2{font-size:clamp(3.2rem,14vw,5rem)}.story-hero{margin:42px 0 48px}.story-copy{font-size:1rem;line-height:1.75}.story-copy>p:first-child{font-size:1.35rem}.human-copy{column-count:1}.principle{grid-template-columns:1fr;gap:10px}.method-grid{grid-template-columns:1fr}.method-grid h3{margin-top:22px}.final-statement{margin-top:70px}.site-footer{grid-template-columns:1fr;gap:16px}.site-footer p:last-child{text-align:left}}
@media(max-width:480px){.hero h1{font-size:18vw}.button-row .button{width:100%}.release-grid{grid-template-columns:1fr}.file-card{display:block}.file-image{margin:18px 0}.file-card h3{margin-top:20px}.file-card .text-link{display:inline-block;margin-top:12px}.section-heading h2,.contact-section h2{font-size:15vw}.story-image{width:100%;margin:38px 0}.story-close{top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
:lang(zh-CN){letter-spacing:.02em;line-height:1.8}:lang(zh-CN) body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}:lang(zh-CN) .hero h1{font-family:var(--serif)}
@media(max-width:760px){.language-selector{gap:16px;margin:12px 0 0;padding:18px 0 0;border-top:1px solid var(--border);border-left:0}.language-selector button{font-size:.7rem}}