:root{--night:#090e1b;--blue:#172c52;--gold:#e9b85b;--lav:#9d91ff;--paper:#ede8df}
body{background:var(--night);color:var(--paper);font-family:Inter,sans-serif}.scroll-progress{background:linear-gradient(90deg,var(--gold),var(--lav))}.back-home{background:#ede8dfe8;color:#10131d}.page-wipe i{background:var(--lav)}.brush-cursor{position:fixed;z-index:200;width:28px;height:28px;border:1px solid var(--gold);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;display:none}.art-nav{position:absolute;inset:0 0 auto;z-index:30;height:82px;display:flex;align-items:center;padding:0 4vw}.art-logo{font-family:"Cormorant Garamond";font-size:17px;line-height:.8;margin-right:auto}.art-nav nav{display:flex;gap:24px;font-size:12px}.art-nav>span{margin-left:auto;color:#aaa;font-size:10px;letter-spacing:.14em}
.art-hero{height:100vh;min-height:780px;position:relative;overflow:hidden;--mx:50%;--my:50%;--art-accent:#e9b85b;--motion:1}.art-scene{position:absolute;inset:0;opacity:0;transition:opacity 1s var(--ease);overflow:hidden}.art-scene.active{opacity:1}.art-scene img{width:100%;height:100%;object-fit:cover;filter:brightness(.52) saturate(.8);transition:transform .22s ease,filter .6s}.scene-color{position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),transparent 0 15%,#090e1bb8 32%,#090e1bee 75%);mix-blend-mode:multiply}.art-copy{position:absolute;z-index:12;left:6vw;top:50%;transform:translateY(-50%);max-width:760px}.art-copy>span,.art-heading>span,.art-cta span{color:var(--gold);font-size:11px;letter-spacing:.17em;font-weight:800}.art-copy h1{font:500 clamp(58px,7.2vw,116px)/.88 "Cormorant Garamond";margin:18px 0}.art-copy h1 em{color:var(--gold)}.art-copy p{color:#c0bdc5;line-height:1.75;max-width:580px}.art-btn{display:inline-flex;margin-top:24px;border:1px solid #ffffff50;padding:15px 20px;font-weight:800}.art-counter{position:absolute;z-index:12;right:5vw;top:14%;display:flex;align-items:baseline}.art-counter strong{font:500 90px "Cormorant Garamond"}.art-counter span{color:#aaa}.art-title{position:absolute;z-index:11;right:5vw;bottom:8%;font:500 clamp(70px,11vw,190px)/.7 "Cormorant Garamond";color:#ffffff12}.art-scene-controls{position:absolute;z-index:14;left:6vw;bottom:5%;display:flex;gap:7px}.art-scene-controls button{width:42px;height:42px;border:1px solid #ffffff35;background:#090e1b88;color:white;cursor:pointer}.art-scene-controls button.active{background:var(--gold);color:#111}.effect-dock{position:absolute;z-index:18;right:3vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;background:#090e1bb5;border:1px solid #ffffff1e;padding:12px;backdrop-filter:blur(12px)}.effect-dock>span{font-size:9px;letter-spacing:.14em;color:#aaa;margin-bottom:5px}.effect-dock button{border:1px solid #ffffff18;background:transparent;color:#bbb;padding:9px 11px;text-align:left;cursor:pointer}.effect-dock button.active{background:var(--gold);color:#111}.effect-hint{position:absolute;z-index:14;right:3vw;bottom:4%;max-width:270px;color:#c7c1cb;font-size:11px;text-align:right}.art-hero canvas,.art-aurora,.glitch-slice,.ink-window{position:absolute;inset:0;pointer-events:none}.art-hero canvas{z-index:7}.art-aurora{z-index:6;opacity:0;background:radial-gradient(ellipse at 30% 70%,color-mix(in srgb,var(--art-accent) 60%,transparent),transparent 38%),radial-gradient(ellipse at 72% 22%,#6c5cff77,transparent 38%);filter:blur(35px)}.glitch-slice{z-index:8;opacity:0;background-image:var(--active-image);background-size:cover;background-position:center}.gs1{clip-path:polygon(0 18%,100% 12%,100% 32%,0 38%)}.gs2{clip-path:polygon(0 62%,100% 57%,100% 78%,0 84%)}.ink-window{z-index:5;opacity:0;background:radial-gradient(circle 190px at var(--mx) var(--my),#fff 0 52%,transparent 70%);mix-blend-mode:overlay}
.effect-ink .active img{filter:grayscale(1) brightness(.48)}.effect-ink .active .scene-color{background:radial-gradient(circle 180px at var(--mx) var(--my),transparent 0 48%,#090e1bc9 72%)}.effect-ink .ink-window{opacity:.22}.effect-depth .active img{filter:brightness(.57) saturate(.9);transform:translate(calc((var(--mx-num) - .5)*-22px),calc((var(--my-num) - .5)*-18px)) scale(1.055)}.effect-depth .art-copy{transform:translate(calc((var(--mx-num) - .5)*16px),calc(-50% + (var(--my-num) - .5)*12px))}.effect-glitch .active img{animation:glitchBase 1.2s steps(2) infinite}.effect-glitch .glitch-slice{opacity:.34;animation:glitchSlice .8s steps(2) infinite}.effect-aurora .art-aurora{opacity:.8;animation:auroraFlow 6s ease-in-out infinite}.effect-aurora .active img{filter:brightness(.54) saturate(1.2)}.effect-stars .active img{filter:brightness(.38) saturate(.6)}
.effect-explainer,.composer-section,.scene-gallery{padding:120px 0}.effect-explainer{background:#0d1426}.art-heading{display:grid;grid-template-columns:.25fr 1.35fr;gap:30px;align-items:end;margin-bottom:42px}.art-heading h2{font:500 clamp(52px,6vw,96px)/.9 "Cormorant Garamond";margin:0}.effect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.effect-grid article{border:1px solid #ffffff16;padding:24px;min-height:270px;background:#ffffff05}.effect-grid b{color:var(--gold)}.effect-grid h3{font:500 34px "Cormorant Garamond";margin:55px 0 10px}.effect-grid p{color:#a8aab2;line-height:1.65}.composer-section{background:var(--paper);color:#171925}.composer-section .art-heading>span{color:#785719}.composer-app{display:grid;grid-template-columns:310px 1fr;gap:18px}.composer-controls{border:1px solid #17192522;padding:20px;display:flex;flex-direction:column;gap:17px}.composer-controls label{display:grid;gap:7px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.composer-controls input{border:1px solid #17192522;padding:11px}.composer-controls input[type=color]{height:48px;padding:3px}.composer-controls input[type=range]{accent-color:#785719}.composer-controls label span{font-size:13px}.font-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.font-choice>span{grid-column:1/-1;font-size:10px;text-transform:uppercase;font-weight:800}.font-choice button,.composer-controls>button{border:1px solid #17192522;background:white;padding:10px;cursor:pointer;font-weight:800}.font-choice button.active,.composer-controls>button{background:#171925;color:white}.composer-preview{min-height:720px;position:relative;overflow:hidden;--preview-accent:#e9b85b;--preview-motion:.58}.composer-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.58);transform:scale(calc(1 + var(--preview-motion)*.06));transition:.5s}.composer-light{position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,color-mix(in srgb,var(--preview-accent) 72%,transparent),transparent 32%);mix-blend-mode:screen;opacity:.75}.composer-copy{position:absolute;z-index:3;left:6%;right:6%;bottom:8%;color:white}.composer-copy small{display:block;letter-spacing:.16em}.composer-copy strong{display:block;font:500 clamp(75px,11vw,180px)/.78 "Cormorant Garamond";color:var(--preview-accent);margin-top:12px}.font-sans .composer-copy strong{font-family:Inter;font-weight:700;letter-spacing:-.07em}.font-outline .composer-copy strong{color:transparent;-webkit-text-stroke:2px var(--preview-accent)}.composer-frame{position:absolute;inset:22px;border:1px solid #fff8}.scene-gallery{background:#111a2e}.scene-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.scene-cards article{position:relative;min-height:570px;overflow:hidden;cursor:pointer}.scene-cards img{width:100%;height:100%;object-fit:cover;filter:brightness(.55);transition:.75s var(--ease)}.scene-cards article:hover img{transform:scale(1.07);filter:brightness(.78)}.scene-cards article>div{position:absolute;left:15px;right:15px;bottom:15px;background:#090e1bdd;padding:16px}.scene-cards span{color:var(--gold)}.scene-cards h3{font:500 30px "Cormorant Garamond";margin:5px 0}.scene-cards p{color:#aaa;margin:0}.art-scroll{overflow:hidden;background:var(--paper);padding:25px 0;color:#111}.art-scroll-track{display:flex;align-items:center;width:max-content;gap:22px;animation:artScroll 30s linear infinite}.art-scroll span{font:500 75px "Cormorant Garamond"}.art-scroll img{width:120px;height:90px;object-fit:cover}.art-cta{padding:120px 0;background:var(--gold);color:#111}.art-cta h2{font:500 clamp(58px,7vw,110px)/.88 "Cormorant Garamond";max-width:1100px;margin:18px 0}.art-cta .art-btn{border-color:#111}
@keyframes glitchBase{0%,100%{transform:none}20%{transform:translateX(4px)}22%{transform:translateX(-5px)}40%{transform:none}70%{filter:hue-rotate(0) brightness(.55)}72%{filter:hue-rotate(70deg) brightness(.8)}}@keyframes glitchSlice{0%,100%{transform:none}30%{transform:translateX(24px)}60%{transform:translateX(-18px)}}@keyframes auroraFlow{50%{transform:translate(5%,-4%) scale(1.12);filter:blur(48px) hue-rotate(30deg)}}@keyframes artScroll{to{transform:translateX(-50%)}}
@media(pointer:fine){.brush-cursor{display:block}}
@media(max-width:1050px){.art-nav nav,.art-nav>span{display:none}.effect-dock{right:18px;top:auto;bottom:80px;transform:none;flex-direction:row;max-width:calc(100% - 36px);overflow:auto}.effect-dock>span{display:none}.effect-hint{bottom:26px}.effect-grid,.scene-cards{grid-template-columns:repeat(2,1fr)}.composer-app{grid-template-columns:1fr}.composer-controls{display:grid;grid-template-columns:repeat(2,1fr)}.composer-controls>button{grid-column:1/-1}}
@media(max-width:700px){.art-nav{padding:0 14px}.art-logo{font-size:14px}.art-copy{left:18px;right:18px;top:43%}.art-copy h1{font-size:54px}.art-copy p{font-size:14px}.art-counter{right:18px;top:12%}.art-title{font-size:72px}.effect-dock{left:13px;right:13px;bottom:70px}.effect-dock button{white-space:nowrap}.effect-hint{left:18px;right:18px;text-align:left}.effect-explainer,.composer-section,.scene-gallery{padding:80px 0}.art-heading{grid-template-columns:1fr}.effect-grid,.scene-cards{grid-template-columns:1fr}.scene-cards article{min-height:520px}.composer-controls{grid-template-columns:1fr}.composer-preview{min-height:580px}.composer-copy strong{font-size:72px}}
.film-section{padding:110px 0;background:#0f1527}.film-layout{display:grid;grid-template-columns:1fr 300px;gap:18px}.film-stage{position:relative;min-height:520px;border:1px solid #ffffff1a;overflow:hidden;background:#060a14}.film-stage video{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.05) saturate(1)}.film-stage:after{content:"";position:absolute;inset:0;pointer-events:none;transition:.35s}.film-overlay-copy{position:absolute;left:24px;right:24px;bottom:24px;z-index:2}.film-overlay-copy small{display:block;color:#f0c66d;font-size:11px;letter-spacing:.16em;font-weight:700}.film-overlay-copy strong{display:block;max-width:460px;margin-top:10px;font-size:34px;line-height:1.05}.film-controls{display:grid;align-content:start;gap:12px;padding:22px;border:1px solid #ffffff14;background:#121a30}.film-controls button{padding:14px 16px;border:1px solid #ffffff1a;background:#0b1020;color:#fff;text-align:left;font-weight:700;cursor:pointer}.film-controls button.active{background:#f0c66d;color:#101522;border-color:#f0c66d}.film-controls p{color:#95a0bb;line-height:1.7}.film-stage.film-mono video{filter:grayscale(1) contrast(1.15)}.film-stage.film-warm video{filter:sepia(.35) saturate(1.25) hue-rotate(-12deg)}.film-stage.film-scan:after{background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 2px,transparent 2px 5px),linear-gradient(180deg,transparent,rgba(58,232,255,.06))}.film-stage.film-glass:after{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.24),transparent 20%),radial-gradient(circle at 80% 18%,rgba(131,236,255,.14),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.14));backdrop-filter:blur(8px)}.film-stage.film-ink:after{background:radial-gradient(circle at 20% 18%,rgba(224,176,80,.18),transparent 18%),radial-gradient(circle at 78% 28%,rgba(78,114,255,.16),transparent 20%),linear-gradient(180deg,rgba(6,10,20,.05),rgba(6,10,20,.35))}
@media(max-width:860px){.film-layout{grid-template-columns:1fr}.film-stage{min-height:380px}}
.film-sound{position:absolute;right:18px;top:18px;z-index:4;border:1px solid #ffffff44;background:#0a1020d9;color:#fff;padding:12px 16px;font-weight:800;cursor:pointer;backdrop-filter:blur(12px)}.film-sound.active{background:#f0c66d;color:#101522;border-color:#f0c66d}.sound-note{display:block;color:#7f8ba8;line-height:1.55;font-size:11px}.film-stage{position:relative}


/* V7 creative presets */
.mood-presets{display:grid;gap:8px;margin-top:4px}.mood-presets>span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.mood-presets div{display:flex;gap:8px;flex-wrap:wrap}.mood-presets button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:inherit;padding:9px 12px;cursor:pointer}.mood-presets button.active{background:#e9b85b;color:#101015;border-color:#e9b85b}