@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{--bg-dark:#060504;--panel-dark:#0c0a08b8;--panel-dark-strong:#120e0be0;--stroke-dark:#f4ead51f;--text-light:#f0e6d2;--text-muted-light:#f0e6d2a6;--bg-parchment:#f5f0e8;--bg-parchment-warm:#ede6d8;--text-dark:#1a1612;--text-muted-dark:#1a161299;--stroke-gallery:#1a16121a;--accent:#9b5b2d;--accent-warm:#c47a3a;--accent-burnt:#8b4513;--accent-soft:#9b5b2d1f;--shadow-soft:0 8px 40px #0000000f;--shadow-deep:0 24px 80px #0000001f;--font-serif:"Playfair Display", "Georgia", serif;--font-sans:"DM Sans", -apple-system, "Segoe UI", sans-serif;--ease-reveal:cubic-bezier(.16, 1, .3, 1);--transition-base:.28s var(--ease-reveal)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-dark);width:100%;height:100%;color:var(--text-light);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}:is(html,body)::-webkit-scrollbar{display:none}html,body{-ms-overflow-style:none;scrollbar-width:none}html{text-rendering:optimizelegibility}body{min-width:320px;font-family:var(--font-sans);font-weight:400;line-height:1.6;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{color:#1a1612;background:#9b5b2d38}img{max-width:100%;display:block}.page-transition-overlay{z-index:9999;background:var(--bg-parchment);pointer-events:none;position:fixed;inset:0;transform:scaleY(0)}.page-transition-brush{opacity:.6;background:repeating-linear-gradient(90deg,#0000,#0000 3px,#9b5b2d08 3px 4px);position:absolute;inset:0}.app-shell{min-height:100vh;position:relative}.app-shell--home{background:var(--bg-dark);color:var(--text-light)}.app-shell--gallery{background:var(--bg-parchment);color:var(--text-dark)}.site-header{z-index:100;width:100%;transition:background var(--transition-base), border-color var(--transition-base);border-radius:0;position:fixed;top:0;left:0}.header-hover-zone{z-index:99;pointer-events:auto;width:100%;height:90px;position:fixed;top:0;left:0}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1600px;margin:0 auto;padding:1.5rem clamp(1.2rem,3vw,2.5rem);display:flex}.header-stroke{background:linear-gradient(90deg,#0000 0%,#9b5b2d40 10%,#9b5b2d66 30%,#9b5b2d73 50%,#9b5b2d59 70%,#9b5b2d33 90%,#0000 100%);height:2px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 4'%3E%3Cpath d='M0 2C200 0.5 400 3.5 600 2S1000 0.5 1200 2' stroke='%23000' stroke-width='4' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 4'%3E%3Cpath d='M0 2C200 0.5 400 3.5 600 2S1000 0.5 1200 2' stroke='%23000' stroke-width='4' fill='none'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}.site-header--immersive{transition:transform .45s cubic-bezier(.16, 1, .3, 1), background var(--transition-base);background:#0a0a0a;border-bottom:1px solid #f0e6d20f}.site-header--immersive.header--hidden{transform:translateY(-100%)}.site-header--immersive .header-stroke{opacity:.4}.site-header--gallery{-webkit-backdrop-filter:blur(16px);background:#f5f0e8eb;border-bottom:1px solid #1a16120f}.site-header--gallery .header-nav-link,.site-header--gallery .header-cta{color:var(--text-dark)}.site-header--gallery .header-brand-overline{color:var(--text-muted-dark)}.site-header--gallery .header-brand-title{color:var(--text-dark)}.header-brand{flex-direction:column;gap:.1rem;text-decoration:none;display:flex}.header-brand-overline{font-family:var(--font-sans);letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted-light);font-size:.65rem;font-weight:500}.header-brand-title{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--text-light);font-size:1.35rem;font-weight:500}.header-nav{border:1px solid var(--stroke-dark);border-radius:0;align-items:center;gap:0;display:flex}.site-header--gallery .header-nav{border-color:var(--stroke-gallery)}.header-nav-link{color:var(--text-muted-light);transition:color var(--transition-base), background var(--transition-base);background:0 0;border:none;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:.88rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.header-nav-link+.header-nav-link{border-left:1px solid var(--stroke-dark)}.site-header--gallery .header-nav-link+.header-nav-link{border-left-color:var(--stroke-gallery)}.header-nav-index{font-family:var(--font-serif);opacity:.5;font-size:.78rem;font-weight:600}.header-nav-link.is-active{background:var(--accent-soft);color:var(--text-light)}.site-header--gallery .header-nav-link.is-active{color:var(--accent);background:#9b5b2d14}.header-nav-link:hover{color:var(--text-light);background:#ffffff0a}.site-header--gallery .header-nav-link:hover{color:var(--text-dark);background:#9b5b2d0d}.header-cta{letter-spacing:.02em;color:var(--text-light);border:1px solid var(--stroke-dark);transition:all var(--transition-base);white-space:nowrap;background:0 0;border-radius:0;align-items:center;padding:.65rem 1.2rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.site-header--gallery .header-cta{border-color:var(--stroke-gallery);color:var(--text-dark)}.header-cta:hover{border-color:var(--accent);color:var(--accent-warm);background:#9b5b2d1a}.museum-canvas,.grain-layer,.frame-overlay{pointer-events:none;position:fixed;inset:0}.museum-canvas{z-index:1;width:100%;height:100vh;display:block}.grain-layer{z-index:2;opacity:.08;mix-blend-mode:soft-light;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:3px 3px,4px 4px}.frame-overlay{z-index:3;background:linear-gradient(#0403024d 0%,#0000 10% 90%,#0403024d 100%),linear-gradient(90deg,#04030233 0%,#0000 8% 92%,#04030233 100%)}.progress-rail{z-index:10;pointer-events:auto;background:#0a0a0a;border:1px solid #f0e6d214;border-radius:0;width:min(16rem,100vw - 2.4rem);padding:.9rem 1rem;position:fixed;bottom:clamp(1.2rem,2vw,2rem);left:clamp(1.2rem,2vw,2rem)}.progress-track,.loader-track{background:#ffffff14;border-radius:0;height:2px;margin:.7rem 0 .6rem;position:relative;overflow:hidden}.progress-track span,.loader-track span{transform-origin:0;background:linear-gradient(90deg, #9b5b2d66 0%, var(--accent-warm) 100%);position:absolute;inset:0}.progress-meta,.loader-meta,.artwork-meta{justify-content:space-between;align-items:center;gap:1rem;font-size:.82rem;display:flex}.progress-meta strong,.loader-meta strong{font-family:var(--font-serif);font-size:1rem;font-weight:600}.progress-meta span,.artwork-meta span{color:var(--text-muted-light);font-size:.78rem}.artwork-panel{z-index:10;pointer-events:auto;width:min(22rem,100vw - 2.4rem);transition:border-color var(--transition-base);background:#0a0a0a;border:1px solid #f0e6d214;border-radius:0;padding:1.1rem 1.15rem;position:fixed;bottom:clamp(1.2rem,2vw,2rem);right:clamp(1.2rem,2vw,2rem)}.artwork-panel.is-active{border-color:#9b5b2d4d}.artwork-panel h2{font-family:var(--font-serif);letter-spacing:-.03em;margin:.45rem 0 0;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:500;line-height:1.15}.artwork-panel p{color:var(--text-muted-light);margin:.6rem 0 0;font-size:.88rem;line-height:1.55}.artwork-meta{border-top:1px solid var(--stroke-dark);margin-top:.7rem;padding-top:.6rem}.eyebrow{font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;font-size:.68rem;font-weight:600;display:block}.app-shell--home .eyebrow{color:var(--text-muted-light)}.app-shell--gallery .eyebrow{color:var(--accent)}.scroll-cue{z-index:10;text-align:center;pointer-events:none;position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-cue span{letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted-light);margin-bottom:.7rem;font-size:.68rem;font-weight:500;display:block}.scroll-cue-line{background:linear-gradient(180deg, var(--text-muted-light), transparent);width:1px;height:36px;margin:0 auto;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.5)}}.home-gallery-cta{z-index:10;background:var(--panel-dark);border:1px solid var(--stroke-dark);-webkit-backdrop-filter:blur(18px);pointer-events:auto;writing-mode:vertical-rl;transition:all var(--transition-base);border-radius:0;align-items:center;gap:.75rem;padding:.8rem 1.2rem;text-decoration:none;display:flex;position:fixed;top:50%;right:clamp(1.2rem,2vw,2rem);transform:translateY(-50%)}.home-gallery-cta:hover{border-color:var(--accent);background:#9b5b2d1a}.home-gallery-cta-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted-light);font-size:.72rem;font-weight:600}.home-gallery-cta-arrow{color:var(--accent-warm);font-size:1rem;transform:rotate(90deg)}.experience-shell{z-index:6;pointer-events:none;position:relative}.scroll-spacer{width:1px;height:500vh}.loader-shell{z-index:1000;background:var(--bg-dark);pointer-events:auto;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.loader-card{border:1px solid var(--stroke-dark);background:var(--panel-dark-strong);border-radius:0;width:min(30rem,100%);padding:2rem 2rem 1.8rem}.loader-card h2{font-family:var(--font-serif);letter-spacing:-.04em;margin:.5rem 0 0;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:500;line-height:1}.loader-card p{color:var(--text-muted-light);margin:.65rem 0 0;font-size:.9rem}.loader-meta{color:var(--text-muted-light);font-size:.82rem}.btn{letter-spacing:.01em;cursor:pointer;transition:all var(--transition-base);border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.6rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(90deg,#0000,#9b5b2d0f,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:after{transform:translate(100%)}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover{background:var(--accent-burnt);border-color:var(--accent-burnt);transform:translateY(-1px);box-shadow:0 6px 24px #9b5b2d40}.btn--ghost{color:inherit;border-color:var(--stroke-dark);background:0 0}.app-shell--gallery .btn--ghost{border-color:var(--stroke-gallery);color:var(--text-dark)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gallery-texture-overlay{z-index:0;pointer-events:none;opacity:.35;background-image:radial-gradient(circle at 20% 30%,#9b5b2d0a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#8b451308 0%,#0000 50%),repeating-linear-gradient(0deg,#0000,#0000 2px,#1a161202 2px 3px),repeating-linear-gradient(90deg,#0000,#0000 3px,#1a161201 3px 4px);position:fixed;inset:0}.gallery-hero{flex-direction:column;justify-content:flex-end;min-height:100vh;padding:8rem clamp(1.5rem,5vw,4rem) 4rem;display:flex;position:relative}.gallery-hero-inner{width:100%;max-width:1100px}.gallery-hero-overline{margin-bottom:1.2rem}.gallery-hero-title{font-family:var(--font-serif);letter-spacing:-.06em;color:var(--text-dark);max-width:14ch;margin:0 0 1.5rem;font-size:clamp(3.5rem,9vw,8rem);font-weight:400;line-height:.92}.gallery-hero-body{max-width:48ch;color:var(--text-muted-dark);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.stats-row{flex-wrap:wrap;gap:2.5rem;margin-bottom:2rem;display:flex}.stat-item{flex-direction:column;gap:.15rem;display:flex}.stat-item strong{font-family:var(--font-serif);letter-spacing:-.04em;color:var(--text-dark);font-size:clamp(2rem,4vw,3rem);font-weight:500}.stat-item span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted-dark);font-size:.78rem;font-weight:500}.gallery-hero-actions{flex-wrap:wrap;gap:.8rem;display:flex}.brush-divider{background:linear-gradient(90deg, transparent 0%, var(--accent) 8%, var(--accent-warm) 35%, var(--accent) 65%, #9b5b2d4d 88%, transparent 100%);opacity:.6;height:3px;margin:3rem 0 0;position:relative;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 6'%3E%3Cpath d='M0 3C100 1 200 5 300 3S500 1 600 3S800 5 900 3S1100 1 1200 3' stroke='%23000' stroke-width='6' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 6'%3E%3Cpath d='M0 3C100 1 200 5 300 3S500 1 600 3S800 5 900 3S1100 1 1200 3' stroke='%23000' stroke-width='6' fill='none'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}.gallery-section{padding:6rem clamp(1.5rem,5vw,4rem);position:relative}.gallery-section-inner{width:100%;max-width:1100px;margin:0 auto}.section-header{max-width:680px;margin-bottom:3.5rem}.section-heading{font-family:var(--font-serif);letter-spacing:-.04em;color:var(--text-dark);margin:.7rem 0 0;font-size:clamp(2.2rem,5vw,4rem);font-weight:400;line-height:1.05}.section-body{color:var(--text-muted-dark);max-width:55ch;margin-top:1.2rem;font-size:1rem;line-height:1.75}.principle-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.principle-card{border:1px solid var(--stroke-gallery);transition:all var(--transition-base);background:#fff9;border-radius:0;padding:2rem;position:relative}.principle-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-warm), transparent);transform-origin:0;height:3px;transition:transform .6s var(--ease-reveal);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.principle-card:hover:before{transform:scaleX(1)}.principle-card:hover{box-shadow:var(--shadow-soft);background:#ffffffd9;border-color:#9b5b2d26;transform:translateY(-2px)}.principle-index{font-family:var(--font-serif);color:#9b5b2d33;margin-bottom:.8rem;font-size:2.8rem;font-weight:300;line-height:1;display:block}.principle-card h3{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-dark);margin-bottom:.6rem;font-size:1.5rem;font-weight:500;line-height:1.2}.principle-card p{color:var(--text-muted-dark);font-size:.92rem;line-height:1.65}.immersion-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.highlight-stack{gap:1.5rem;display:grid}.highlight-card{border:1px solid var(--stroke-gallery);transition:all var(--transition-base);background:#ffffff8c;border-radius:0;padding:1.8rem;position:relative}.highlight-card:before{content:"";background:linear-gradient(180deg, var(--accent), transparent);transform-origin:top;width:3px;transition:transform .6s var(--ease-reveal);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.highlight-card:hover:before{transform:scaleY(1)}.highlight-card:hover{box-shadow:var(--shadow-soft);background:#ffffffd9;border-color:#9b5b2d1f;transform:translateY(-2px)}.highlight-index{font-family:var(--font-serif);color:#9b5b2d2e;margin-bottom:.6rem;font-size:2rem;font-weight:300;line-height:1;display:block}.highlight-card h3{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--text-dark);margin-bottom:.5rem;font-size:1.35rem;font-weight:500;line-height:1.2}.highlight-card p{color:var(--text-muted-dark);font-size:.9rem;line-height:1.65}.quote-block{border:1px solid var(--stroke-gallery);background:#ffffff80;border-radius:0;align-self:start;padding:2.5rem 2rem;position:relative}.quote-block:before{content:"\"";font-family:var(--font-serif);color:#9b5b2d1a;font-size:6rem;font-weight:700;line-height:1;position:absolute;top:.5rem;left:1.2rem}.quote-block blockquote{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--text-dark);margin:0 0 1.2rem;font-size:clamp(1.6rem,3vw,2.4rem);font-style:italic;font-weight:400;line-height:1.15}.quote-attribution{color:var(--text-muted-dark);font-size:.9rem;line-height:1.6}.gallery-section--finale{padding-bottom:4rem}.finale-content{max-width:720px}.finale-content .section-heading{margin-bottom:1rem}.upgrade-list{gap:1rem;margin:2rem 0;padding:0;list-style:none;display:grid}.upgrade-list li{border:1px solid var(--stroke-gallery);color:var(--text-muted-dark);transition:all var(--transition-base);background:#ffffff8c;border-radius:0;padding:1.2rem 1.5rem 1.2rem 2.5rem;font-size:.95rem;line-height:1.6;position:relative}.upgrade-list li:before{content:"—";color:var(--accent);font-weight:600;position:absolute;left:1.2rem}.upgrade-list li:hover{background:#fffc;border-color:#9b5b2d1f}.finale-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.gallery-footer{border-top:1px solid var(--stroke-gallery);padding:2.5rem clamp(1.5rem,5vw,4rem)}.gallery-footer-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;display:flex}.footer-brand{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-dark);font-size:1.1rem;font-weight:500}.footer-note{color:var(--text-muted-dark);letter-spacing:.06em;font-size:.78rem}@media (width<=1120px){.header-inner{flex-wrap:wrap}.immersion-grid{grid-template-columns:1fr}}@media (width<=840px){.header-inner{gap:.8rem}.header-nav{order:3;width:100%}.header-cta{order:2}.progress-rail{width:auto;padding:.6rem 1rem;bottom:1.5rem;left:1.5rem;right:1.5rem}.artwork-panel{-webkit-backdrop-filter:blur(20px);background:#0a0a0ad9;width:auto;padding:1rem;bottom:7.2rem;left:1.5rem;right:1.5rem}.home-gallery-cta{writing-mode:horizontal-tb;padding:.6rem .9rem;top:auto;bottom:6rem;right:.8rem;transform:none}.gallery-hero-title{max-width:none}.principle-grid{grid-template-columns:1fr}}@media (width<=640px){.header-inner{padding:.8rem 1rem}.header-brand-title{font-size:1.15rem}.gallery-hero{padding-top:6rem;padding-bottom:3rem}.gallery-section{padding:4rem 1.2rem}.gallery-hero-actions,.finale-actions{flex-direction:column}.btn{width:100%}.stats-row{gap:1.5rem}.gallery-footer-inner{flex-direction:column;align-items:flex-start;gap:.5rem}.home-gallery-cta{opacity:.9;top:6.5rem;bottom:auto;right:1rem}.scroll-cue{bottom:1.5rem}}