:root{--ink:#211d19;--dark:#1d1916;--cream:#f6f0e7;--paper:#fffaf2;--gold:#bd8d4b;--muted:#776d63;--line:rgba(42,33,27,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%}video{display:block;width:100%;height:100%;object-fit:contain}video[hidden],audio[hidden],[hidden]{display:none!important}::selection{background:#cfaa75;color:#1d1916}.skip-link{position:absolute;left:16px;top:-80px;z-index:99;background:#fff;padding:12px 18px}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.site-header{display:flex;align-items:center;gap:40px;min-height:80px;padding:18px clamp(24px,4.5vw,82px);background:var(--dark);color:#f9f3ea;border-bottom:1px solid rgba(255,255,255,.11)}.wordmark,.site-footer>a{font-weight:800;letter-spacing:.12em;text-decoration:none;font-size:.84rem;white-space:nowrap}.wordmark span,.site-footer>a span{display:block;margin-top:3px;color:#be975e;font-size:.56rem;letter-spacing:.3em}.site-header nav{display:flex;gap:26px;margin-left:auto}.site-header nav a{text-decoration:none;font-size:.82rem;color:#cfc5b9}.site-header nav a:hover{color:white}.header-label{color:#bca98e;font-size:.65rem;letter-spacing:.25em;white-space:nowrap}
.album-hero{display:grid;grid-template-columns:minmax(340px,.88fr) minmax(560px,1.12fr);gap:clamp(28px,5vw,90px);align-items:center;min-height:660px;padding:80px clamp(24px,4.5vw,82px) 96px;background:radial-gradient(circle at 75% 34%,#40332a 0,transparent 37%),#1d1916;color:#f8f1e8;overflow:hidden}.eyebrow,.section-index{font-size:.72rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.eyebrow{color:#bf995e}.album-hero h1{margin:28px 0 25px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(4.3rem,7.3vw,8.4rem);line-height:.9;letter-spacing:-.07em;font-weight:400}.album-hero h1 em{font-weight:400;color:#d8b47d}.hero-lead{max-width:610px;font-size:clamp(1.06rem,1.5vw,1.38rem);line-height:1.65;color:#f0e5d8}.hero-note{margin:24px 0 44px;color:#aeadab;font-size:.95rem}.hero-scroll{display:inline-flex;align-items:center;gap:26px;border-bottom:1px solid #a98a60;padding:0 0 10px;color:#e3c297;text-decoration:none;font-size:.82rem;font-weight:750;letter-spacing:.05em}.hero-scroll span{font-size:1.2rem}.hero-gallery{position:relative;display:grid;grid-template-columns:1.16fr .8fr .6fr;grid-template-rows:240px 230px;gap:16px;max-width:770px;width:100%;margin-left:auto}.hero-frame{position:relative;margin:0;border:8px solid #423b35;border-radius:18px;overflow:hidden;background:#0b1017;box-shadow:0 26px 70px rgba(0,0,0,.33)}.hero-frame img{width:100%;height:100%;object-fit:cover}.hero-frame--wide{grid-column:1/3;grid-row:1}.hero-frame--portrait{grid-column:3;grid-row:1/3;border:10px solid #514841;border-radius:28px}.hero-frame--portrait img{object-position:center}.hero-frame--small{grid-column:1/3;grid-row:2}.hero-frame--small img{object-position:center 32%}.hero-frame figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:6px;padding:18px 16px 10px;background:linear-gradient(transparent,rgba(0,0,0,.78));font-size:.64rem;letter-spacing:.14em;font-weight:800}.hero-frame figcaption span{font-weight:500;color:#dac7ae}.hero-gallery-caption{position:absolute;right:0;bottom:-41px;color:#b9aa96;font-family:Georgia,serif;font-style:italic;font-size:.85rem}
.album-shell{max-width:1510px;margin:auto;padding:0 clamp(24px,4.5vw,82px)}.category-nav{display:flex;gap:4px;overflow:auto;scrollbar-width:thin;white-space:nowrap;margin:0 -6px;padding:0 6px;background:#f6f0e7;border-bottom:1px solid var(--line)}.category-nav a{display:inline-flex;align-items:center;gap:11px;min-height:82px;padding:12px 20px;text-decoration:none;font-weight:700;font-size:.78rem;color:#43382f;border-bottom:2px solid transparent}.category-nav a:hover,.category-nav a:focus-visible{border-color:var(--gold);color:#9b652f}.category-nav span{color:#ae8350;font-size:.64rem}
.light-story{display:grid;grid-template-columns:.76fr 1.24fr;gap:clamp(30px,6vw,90px);align-items:center;margin:82px 0 10px;border:1px solid #4d3e33;border-radius:18px;background:#28211b;color:#f6eee3;overflow:hidden}.light-story-copy{padding:clamp(32px,5vw,65px)}.light-story .section-index{color:#c79b64}.light-story h2{font-family:Georgia,serif;font-size:clamp(2.2rem,3vw,3.5rem);letter-spacing:-.055em;font-weight:400;margin:20px 0}.light-story-copy>p:not(.section-index){max-width:430px;line-height:1.7;color:#d6cabb}.light-toggle{display:inline-flex;align-items:center;gap:14px;margin-top:25px;padding:14px 18px;border:1px solid #b98e59;border-radius:999px;color:#fff0da;background:#443329;font-weight:800}.switch-track{width:43px;height:23px;background:#5e5144;border:1px solid #a78c6b;border-radius:999px;padding:3px}.switch-track i{display:block;width:15px;height:15px;border-radius:50%;background:#d9b987;transition:transform .3s}.light-toggle[aria-pressed=true] .switch-track{background:#c59049}.light-toggle[aria-pressed=true] .switch-track i{transform:translateX(19px);background:white}.light-status{display:block;margin-top:13px;font-size:.75rem;color:#ae9f8e}.light-scene{position:relative;min-height:420px;overflow:hidden;background:radial-gradient(circle at 71% 26%,#3a3229,#121315 70%);transition:background .6s}.scene-glow{position:absolute;inset:-10%;background:radial-gradient(circle at 72% 26%,rgba(251,209,132,.85),rgba(199,136,64,.24) 23%,transparent 54%);opacity:.12;filter:blur(8px);transition:opacity .6s}.light-scene.is-lit .scene-glow{opacity:1}.scene-content{position:absolute;left:10%;bottom:12%;z-index:1;filter:blur(1.5px);opacity:.55;transition:filter .6s,opacity .6s}.light-scene.is-lit .scene-content{filter:none;opacity:1}.scene-content span{display:block;margin-bottom:20px;color:#c89960;font-size:.7rem;letter-spacing:.18em;font-weight:800}.scene-content strong{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,5rem);line-height:.95;font-weight:400}.scene-content p{color:#e8d0aa;font-size:.85rem}.scene-lamp{position:absolute;right:18%;top:-70px;width:160px;height:160px;border-radius:50%;border:13px solid #6d5b47;background:radial-gradient(circle,#ffd992,#654421 60%,#281b16);box-shadow:0 10px 30px #000;transition:box-shadow .6s}.light-scene.is-lit .scene-lamp{box-shadow:0 0 0 80px rgba(234,188,113,.03),0 0 100px 30px rgba(245,196,123,.37),0 10px 30px #000}
.album-section{padding:110px 0 34px;scroll-margin-top:22px}.section-intro{display:grid;grid-template-columns:.35fr 1fr;gap:35px;align-items:start;margin-bottom:42px;padding-bottom:35px;border-bottom:1px solid var(--line)}.section-intro .section-index{margin:12px 0;color:#9c6e40}.section-intro h2{max-width:880px;margin:0 0 20px;font-family:Georgia,serif;font-weight:400;font-size:clamp(2.3rem,4.3vw,4.9rem);line-height:1.04;letter-spacing:-.06em}.section-intro p:not(.section-index){max-width:730px;color:#675e55;font-size:1.04rem;line-height:1.7}.editorial-link{display:inline-flex;gap:18px;align-items:center;margin-top:8px;text-decoration:none;border-bottom:1px solid #b18d66;padding-bottom:8px;font-size:.79rem;font-weight:800;color:#7b512d}.editorial-link span{font-size:1.1rem}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.work-card{min-width:0;border:1px solid #d9cfc2;border-radius:19px;background:var(--paper);overflow:hidden;box-shadow:0 8px 25px rgba(45,30,15,.04);transition:transform .25s,box-shadow .25s}.work-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(45,30,15,.1)}.work-card-media{padding:26px 26px 0}.media-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:285px;background:linear-gradient(145deg,#292621,#0f1012);border-radius:12px;padding:20px;overflow:hidden}.media-stage--portrait{min-height:360px}.media-stage--landscape{min-height:260px}.media-stage--square{min-height:280px}.media-device{position:relative;width:100%;height:100%;max-height:334px;background:#0b0b0c;border:9px solid #383330;border-radius:18px;overflow:hidden;box-shadow:0 18px 33px rgba(0,0,0,.4)}.media-stage--portrait .media-device{width:min(215px,75%);height:322px;border-width:8px;border-radius:28px}.media-stage--square .media-device{width:min(260px,82%);height:260px}.media-stage--landscape .media-device{aspect-ratio:16/9;height:auto}.media-poster{width:100%;height:100%;object-fit:cover}.media-device video{position:absolute;inset:0}.media-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:0;background:linear-gradient(transparent,rgba(0,0,0,.43));color:white}.media-start>span{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.83);border-radius:50%;background:rgba(0,0,0,.45);font-size:1.2rem;padding-left:3px;transition:transform .2s}.media-start:hover>span{transform:scale(1.1)}.media-start small{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.media-controls{position:absolute;left:32px;right:32px;bottom:28px;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:999px;background:rgba(19,17,15,.92);color:white}.media-controls button,.audio-controls button{border:0;background:none;color:inherit;font-size:1rem;min-width:24px}.media-controls input,.audio-controls input{min-width:0;flex:1;accent-color:#d8aa6e}.work-card-copy{padding:24px 28px 30px}.work-card-category{margin:0 0 13px;color:#986634;font-size:.66rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.work-card h3{margin:0;font-family:Georgia,serif;font-size:clamp(1.5rem,2vw,2.2rem);font-weight:400;letter-spacing:-.045em;line-height:1.1}.work-role{margin:15px 0;color:#9b6e44;font-size:.73rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.work-description{margin:0;color:#675d54;font-size:.9rem;line-height:1.65}
.audio-stage{display:flex;flex-direction:column;min-height:250px;border-radius:12px;padding:22px;background:linear-gradient(130deg,#37302a,#19191a);color:#f9f2e8}.audio-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:150px;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 60% 50%,#69513b,#292321 70%)}.audio-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.sound-monogram{font-family:Georgia,serif;font-size:5.5rem;color:#d4ad78;opacity:.8}.sound-bars{position:absolute;bottom:19px;left:19px;right:19px;display:flex;justify-content:center;align-items:center;gap:4px;height:35px}.sound-bars i{width:4px;height:40%;border-radius:5px;background:#e6bc80;opacity:.8}.sound-bars i:nth-child(3n){height:75%}.sound-bars i:nth-child(4n){height:100%}.audio-actions{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:18px}.audio-start{display:flex;align-items:center;gap:12px;border:0;background:none;color:#fff;font-weight:800;font-size:.82rem}.audio-start>span:first-child{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;border:1px solid #cba575;color:#f8d7a7}.audio-controls{display:flex;align-items:center;gap:10px;flex:1}.work-card.is-playing .sound-bars i{animation:wave 1s ease-in-out infinite alternate}.work-card.is-playing .sound-bars i:nth-child(2n){animation-delay:.15s}.work-card.is-playing .sound-bars i:nth-child(3n){animation-delay:.3s}@keyframes wave{to{height:20%}}
.album-end{margin:100px 0 120px;padding:75px clamp(30px,6vw,100px);border-radius:20px;background:#312823;color:#f9f2e8}.album-end .section-index{color:#d1a56c}.album-end h2{margin:22px 0;font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em;line-height:1.04;font-size:clamp(2.6rem,5vw,6rem)}.album-end h2 em{color:#d7b784}.album-end p:not(.section-index){max-width:750px;line-height:1.7;color:#d9cdbf}.album-end a{color:#e0b983;text-underline-offset:4px}.site-footer{display:flex;align-items:center;gap:30px;min-height:150px;padding:35px clamp(24px,4.5vw,82px);background:#1d1916;color:#f8f0e5}.site-footer>a{text-decoration:none}.site-footer p{margin-left:auto;font-size:.78rem;color:#b6aa9d}.site-footer div{display:flex;gap:20px}.site-footer div a{font-size:.75rem;text-decoration:none;color:#c3b4a4}
@media(max-width:1100px){.album-hero{grid-template-columns:1fr 1fr;min-height:580px}.hero-gallery{grid-template-rows:190px 190px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-hero h1{font-size:clamp(4rem,7vw,6rem)}.header-label{display:none}}
@media(max-width:760px){.site-header{min-height:72px;gap:10px}.site-header nav{gap:16px}.site-header nav a{font-size:.72rem}.site-header nav a:nth-child(2){display:none}.album-hero{display:block;padding-top:67px;padding-bottom:73px}.album-hero h1{font-size:clamp(4rem,13vw,7rem)}.hero-lead{font-size:1.07rem}.hero-note{margin-bottom:32px}.hero-gallery{grid-template-rows:150px 150px;margin:58px auto 0;max-width:520px}.hero-frame{border-width:5px}.hero-frame--portrait{border-width:7px}.hero-frame figcaption{font-size:.51rem;padding:12px 8px 7px}.hero-gallery-caption{bottom:-30px}.category-nav a{min-height:66px;padding:10px 15px;font-size:.72rem}.light-story{grid-template-columns:1fr;margin-top:52px}.light-story-copy{padding:35px}.light-scene{min-height:300px}.scene-lamp{right:12%;width:110px;height:110px}.album-section{padding-top:85px}.section-intro{grid-template-columns:1fr;gap:0}.section-intro .section-index{margin:0 0 16px}.section-intro h2{font-size:clamp(2.5rem,8vw,4.2rem)}.work-grid{grid-template-columns:1fr}.media-stage--portrait{min-height:390px}.media-stage--portrait .media-device{height:350px}.media-stage--landscape{min-height:265px}.work-card-media{padding:20px 20px 0}.album-end{margin:75px 0 80px;padding:48px 30px}.site-footer{flex-wrap:wrap;gap:15px}.site-footer p{margin-left:0;order:3;width:100%}}
@media(max-width:420px){.album-hero h1{font-size:3.8rem}.hero-gallery{grid-template-rows:125px 135px;gap:9px}.hero-frame figcaption span{display:none}.media-stage--landscape{min-height:220px}.media-stage--portrait{min-height:345px}.media-stage--portrait .media-device{height:305px}.work-card-copy{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}