:root{--bg: #1c1814;--bg-deep: #16110d;--ink: #f5e8c7;--ink-dim: #bfa98a;--gold: #d4af77;--glow: #e8c77f;--burgundy: #5c2c2c;--heading: "Cinzel", serif;--body: "EB Garamond", Georgia, serif;--hud-pad: 26px;--gilded: 0 25px 80px rgba(0, 0, 0, .4), inset 0 0 0 1px rgba(212, 175, 119, .2), inset 0 0 40px rgba(212, 175, 119, .12)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:55;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E")}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#app canvas{cursor:grab;touch-action:none}#app canvas.is-dragging{cursor:grabbing}#app canvas.is-hover{cursor:pointer}.hud{position:fixed;left:0;right:0;z-index:50;display:flex;align-items:flex-start;pointer-events:none}.hud>*{pointer-events:auto}.filter-wrap,.view-toggle{transition:opacity .35s}body:not([data-route=home]) .filter-wrap{opacity:0;pointer-events:none}body[data-route=about] .view-toggle,body[data-route=work] .view-toggle{opacity:0;pointer-events:none}.hud-top{top:0;padding:var(--hud-pad) var(--hud-pad) 0}.hud-bottom{bottom:0;padding:0 var(--hud-pad) var(--hud-pad);align-items:flex-end}.logo{display:block;line-height:0;filter:drop-shadow(0 0 12px rgba(232,199,127,.35));transition:transform .4s cubic-bezier(.22,1,.36,1)}.logo:hover{transform:rotate(-12deg) scale(1.06)}.sound{margin-left:clamp(28px,5vw,80px);margin-top:14px;display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--gold);font:600 10.5px/1 var(--heading);letter-spacing:.22em;cursor:pointer}.sound-dots{display:grid;grid-template-columns:repeat(6,3px);gap:2px}.sound-dots i{width:3px;height:3px;background:#d4af7759;transition:background .3s}.sound[aria-pressed=true] .sound-dots i{background:var(--glow)}.hud-title{position:absolute;left:50%;top:calc(var(--hud-pad) + 4px);transform:translate(-50%);text-align:center;pointer-events:none}.hud-title-main{font:700 14px/1 var(--heading);letter-spacing:.42em;color:var(--gold);text-shadow:0 0 18px rgba(232,199,127,.35)}.hud-title-sub{margin-top:9px;font:500 9px/1 var(--heading);letter-spacing:.34em;color:var(--ink-dim)}.hud-anno{margin-left:auto;margin-top:14px;font:600 10.5px/1 var(--heading);letter-spacing:.26em;color:var(--ink-dim)}.view-toggle{display:flex;gap:6px}.vt-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(212,175,119,.3);cursor:pointer;background:#1c1814cc;color:#d4af778c;transition:border-color .3s,color .3s,box-shadow .3s}.vt-btn.is-active,.vt-btn:hover{border-color:#d4af77bf;color:var(--glow);box-shadow:0 0 18px #e8c77f2e}.nav-pill{position:absolute;left:50%;bottom:var(--hud-pad);transform:translate(-50%);display:flex;background:#1c1814d1;border:1px solid rgba(212,175,119,.4);padding:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--gilded)}.nav-item{font:600 12px/1 var(--heading);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);text-decoration:none;padding:14px 26px;transition:color .25s}.nav-item:hover{color:var(--glow)}.nav-item.is-active{background:var(--gold);color:var(--bg)}.filter-wrap{margin-left:auto;position:relative;display:flex;flex-direction:column;align-items:flex-end}.filter-btn{border:1px solid rgba(212,175,119,.5);cursor:pointer;background:#1c1814b3;color:var(--gold);font:600 12px/1 var(--heading);letter-spacing:.2em;text-transform:uppercase;padding:16px 28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .3s,color .3s,box-shadow .3s}.filter-btn:hover,.filter-btn[aria-expanded=true]{border-color:var(--glow);color:var(--glow);box-shadow:0 0 24px #e8c77f38}.filter-panel{position:absolute;bottom:calc(100% + 12px);right:0;min-width:230px;background:#16110df0;border:1px solid rgba(212,175,119,.4);padding:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--gilded);display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .3s,visibility .3s}.filter-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}.filter-opt{border:0;background:none;cursor:pointer;color:var(--ink-dim);font:600 11px/1 var(--heading);letter-spacing:.18em;text-align:left;padding:12px 14px;display:flex;justify-content:space-between;gap:18px;transition:background .2s,color .2s}.filter-opt:hover{background:#d4af7714;color:var(--glow)}.filter-opt.is-active{color:var(--bg);background:var(--gold)}.filter-opt.is-active .filter-count{color:#1c1814b3}.filter-count{color:#bfa98a99}.page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:radial-gradient(circle at 50% 0%,rgba(245,232,199,.05),transparent 45%),linear-gradient(135deg,#d4af770d,#16110d33),var(--bg-deep);visibility:hidden;clip-path:inset(100% 0 0 0);overflow-y:auto;overscroll-behavior:contain}.page-inner{max-width:1140px;margin:0 auto;padding:120px clamp(20px,4vw,48px) 140px}.page-label{font:600 11px/1 var(--heading);letter-spacing:.32em;color:var(--gold);margin-bottom:30px;display:flex;align-items:center;gap:16px}.page-label:after{content:"";flex:0 0 64px;height:1px;background:linear-gradient(90deg,rgba(212,175,119,.7),transparent)}.page-title{font:700 clamp(34px,6vw,82px)/1.08 var(--heading);text-transform:uppercase;letter-spacing:.02em;margin-bottom:56px;max-width:18ch;text-shadow:0 2px 24px rgba(232,199,127,.22)}.page-copy{font:500 17px/1.75 var(--body);color:#f5e8c7db;max-width:600px}.page-copy p+p{margin-top:18px}.has-dropcap:first-letter{float:left;font-family:var(--heading);font-weight:700;font-size:64px;line-height:.78;margin:6px 12px 0 0;color:var(--gold);text-shadow:0 0 14px rgba(232,199,127,.55)}.about-grid{display:grid;grid-template-columns:minmax(0,600px) auto;gap:48px;align-items:start;margin-bottom:80px}.about-facts{list-style:none;display:flex;flex-direction:column}.about-facts li{display:flex;align-items:baseline;gap:18px;padding:18px 0;border-top:1px solid rgba(212,175,119,.3)}.about-facts li:last-child{border-bottom:1px solid rgba(212,175,119,.3)}.about-facts strong{font:700 26px/1 var(--heading);color:var(--gold);min-width:120px;text-shadow:0 0 18px rgba(232,199,127,.3)}.about-facts span{font:600 10.5px/1.5 var(--heading);letter-spacing:.2em;color:var(--ink-dim)}.caps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid rgba(212,175,119,.3);padding-top:36px}.cap-col h2{font:600 11px/1 var(--heading);letter-spacing:.28em;color:var(--gold);margin-bottom:22px}.cap-col ul{list-style:none}.cap-col li{font:600 15px/1 var(--heading);letter-spacing:.08em;color:#f5e8c7e6;padding:11px 0;border-bottom:1px solid rgba(212,175,119,.14)}.list-inner{max-width:1240px;padding-top:110px}.list-head{display:grid;grid-template-columns:90px 1fr 90px;font:600 10.5px/1 var(--heading);letter-spacing:.3em;color:var(--gold);padding-bottom:18px}.list-head span:last-child{text-align:right}.list-rows{list-style:none}.list-row{width:100%;display:grid;grid-template-columns:90px minmax(0,1fr) auto 120px 90px;align-items:center;gap:18px;background:none;border:0;border-top:1px solid rgba(212,175,119,.25);padding:22px 0;cursor:pointer;text-align:left;color:var(--ink);transition:background .25s}.list-rows li:last-child .list-row{border-bottom:1px solid rgba(212,175,119,.25)}.list-row:hover{background:#d4af770f}.lr-index{font:600 13px/1 var(--heading);color:#d4af77b3;letter-spacing:.1em}.lr-title{font:700 clamp(18px,2.3vw,30px)/1.1 var(--heading);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .35s cubic-bezier(.22,1,.36,1),color .3s}.list-row:hover .lr-title{transform:translate(14px);color:var(--glow)}.lr-client{font:500 13px/1 var(--body);font-style:italic;letter-spacing:.06em;color:var(--ink-dim)}.lr-cat{font:600 10px/1 var(--heading);letter-spacing:.18em;color:#f5e8c7cc;border:1px solid rgba(212,175,119,.4);padding:8px 14px;justify-self:start}.lr-year{font:600 12px/1 var(--heading);color:#d4af77b3;text-align:right}.list-thumb{position:fixed;top:0;left:0;width:320px;height:240px;object-fit:contain;background:var(--bg-deep);padding:10px;border:1px solid rgba(212,175,119,.55);outline:1px solid rgba(212,175,119,.2);outline-offset:6px;box-shadow:0 25px 80px #0000008c;pointer-events:none;opacity:0;z-index:36;will-change:transform}#detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:radial-gradient(circle at 50% 0%,rgba(245,232,199,.05),transparent 45%),linear-gradient(135deg,#d4af770d,#16110d33),var(--bg-deep);visibility:hidden;clip-path:inset(100% 0 0 0);overflow-y:auto;overscroll-behavior:contain}.detail-inner{max-width:1140px;margin:0 auto;padding:34px clamp(20px,4vw,48px) 90px}.detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(40px,8vh,90px)}.d-client{font:600 12px/1 var(--heading);letter-spacing:.3em;color:var(--gold)}.d-close{border:0;background:none;color:var(--ink);font:600 12px/1 var(--heading);letter-spacing:.18em;cursor:pointer;padding:10px 0 10px 20px;transition:color .25s}.d-close:hover{color:var(--glow)}.d-title{font:700 clamp(38px,7vw,96px)/1.05 var(--heading);text-transform:uppercase;letter-spacing:.01em;margin-bottom:26px;text-shadow:0 2px 24px rgba(232,199,127,.25)}.d-ornament{margin-bottom:30px}.d-meta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:22px 0;border-top:1px solid rgba(212,175,119,.3);border-bottom:1px solid rgba(212,175,119,.3);margin-bottom:44px}.d-year,.d-cat{font:600 12px/1 var(--heading);letter-spacing:.2em;color:#d4af77d9}.d-cat{margin-left:auto}.d-tags{display:flex;gap:8px;flex-wrap:wrap}.d-tags span{font:600 10px/1 var(--heading);letter-spacing:.16em;color:#f5e8c7d9;border:1px solid rgba(212,175,119,.4);background:#d4af770d;padding:8px 14px;transition:border-color .3s,color .3s}.d-tags span:hover{border-color:#d4af77b3;color:var(--glow)}.codex-frame{position:relative;border:1px solid rgba(212,175,119,.35);background:linear-gradient(135deg,#1c1814c7,#1c181480);box-shadow:var(--gilded);padding:14px}.codex-frame:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(212,175,119,.18);pointer-events:none;z-index:1}.d-figure{margin-bottom:48px}.d-img{display:block;width:100%;max-height:72vh;object-fit:contain}.d-body{display:grid;grid-template-columns:minmax(0,640px) auto;gap:40px;align-items:start}.d-desc{font:500 17px/1.8 var(--body);color:#f5e8c7db}.d-sec-label{font:600 11px/1 var(--heading);letter-spacing:.3em;color:var(--gold);margin-bottom:18px}.d-catalogue{margin:64px 0;padding:36px clamp(24px,4vw,44px)}.d-cat-divider{display:block;margin:-6px 0 22px}.d-cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 48px}.d-cat-grid dt{font:600 10px/1 var(--heading);letter-spacing:.26em;color:#d4af77cc;margin-bottom:7px}.d-cat-grid dd{font:500 15px/1.5 var(--body);font-style:italic;color:#f5e8c7e6;margin:0}.d-cat-grid div,.d-cat-grid dt{break-inside:avoid}.d-cat-grid{grid-auto-flow:row}.d-cat-grid dt{grid-column:auto}.d-sections{max-width:680px}.d-section{margin-bottom:44px}.d-section p{font:500 16.5px/1.8 var(--body);color:#f5e8c7e0}.d-section p+p{margin-top:14px}.d-section:first-child p:first-letter{float:left;font-family:var(--heading);font-weight:700;font-size:54px;line-height:.8;margin:5px 10px 0 0;color:var(--gold);text-shadow:0 0 14px rgba(232,199,127,.5)}.d-section:first-child p+p:first-letter{float:none;font:inherit;margin:0;color:inherit;text-shadow:none}.d-facts-block{margin:60px 0;border-top:1px solid rgba(212,175,119,.3);padding-top:34px}.d-facts{list-style:none;max-width:680px}.d-facts li{font:500 15.5px/1.65 var(--body);color:#f5e8c7d9;padding:10px 0 10px 30px;position:relative}.d-facts li:before{content:"◆";position:absolute;left:2px;top:12px;font-size:10px;color:var(--gold)}.d-facts li+li{border-top:1px solid rgba(212,175,119,.12)}.d-palette-block{margin-bottom:20px;border-top:1px solid rgba(212,175,119,.3);padding-top:34px}.d-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:680px}.d-swatch{display:flex;flex-direction:column}.d-swatch-color{height:64px;border:1px solid rgba(212,175,119,.35);margin-bottom:12px}.d-swatch-hex{font:600 10px/1 var(--heading);letter-spacing:.14em;color:var(--gold);margin-bottom:5px}.d-swatch-name{font:500 13px/1.4 var(--body);font-style:italic;color:var(--ink-dim)}.d-next{width:100%;margin-top:90px;padding:34px 0;border:0;border-top:1px solid rgba(212,175,119,.3);border-bottom:1px solid rgba(212,175,119,.3);background:none;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:28px;text-align:left}.d-next-label{font:600 10.5px/1 var(--heading);letter-spacing:.3em;color:var(--gold);flex:0 0 auto}.d-next-title{font:700 clamp(22px,3.4vw,44px)/1.1 var(--heading);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .35s cubic-bezier(.22,1,.36,1),color .3s}.d-next-arrow{margin-left:auto;font:400 32px/1 var(--body);color:var(--gold);transition:transform .35s cubic-bezier(.22,1,.36,1)}.d-next:hover .d-next-title{transform:translate(12px);color:var(--glow)}.d-next:hover .d-next-arrow{transform:translate(10px)}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:radial-gradient(circle at 50% 40%,rgba(212,175,119,.07),transparent 55%),var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}.loader-mark svg{animation:spin 9s linear infinite;filter:drop-shadow(0 0 16px rgba(232,199,127,.4))}@keyframes spin{to{transform:rotate(360deg)}}.loader-line{font:600 11px/1 var(--heading);letter-spacing:.38em;color:var(--gold)}.loader-pct{font:700 15px/1 var(--heading);letter-spacing:.14em;color:var(--ink)}.page::-webkit-scrollbar,#detail::-webkit-scrollbar{width:10px}.page::-webkit-scrollbar-track,#detail::-webkit-scrollbar-track{background:var(--bg-deep)}.page::-webkit-scrollbar-thumb,#detail::-webkit-scrollbar-thumb{background:#d4af7759;border:2px solid var(--bg-deep)}@media (max-width: 900px){.hud-title-sub{display:none}.about-grid{grid-template-columns:1fr}.caps{grid-template-columns:1fr;gap:40px}.list-row{grid-template-columns:60px minmax(0,1fr) 80px}.lr-client,.lr-cat,.list-thumb{display:none}}@media (max-width: 600px){.nav-item{padding:12px 16px;font-size:11px}.d-body,.d-cat-grid{grid-template-columns:1fr}.d-palette{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){.loader-mark svg{animation:none}}