@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#060a0d;--panel:#0c1419;--text:#eaf0f1;--muted:#94a6ad;--cyan:#4ccce9;--line:#26363c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.nav{height:78px;position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,100px);border-bottom:1px solid #ffffff21}.wordmark{font:800 18px Manrope,Arial;letter-spacing:.18em;display:flex;align-items:center;gap:10px}.sigil{color:var(--cyan);font-size:28px}.smallmark{font-size:8px;letter-spacing:.18em;align-self:flex-end;margin:0 0 4px -4px;color:#a6bbc1}.nav nav{display:flex;gap:32px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.05em}.nav nav a:hover{color:var(--cyan)}.nav-cta{border:1px solid #ffffff60;padding:12px 18px}.mobile-menu{display:none}.hero{min-height:760px;height:100svh;max-height:1100px;position:relative;display:flex;align-items:center;padding:110px clamp(24px,9vw,150px) 80px;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url('assets/yuminati-ident.png');background-size:cover;background-position:center 42%;opacity:.54;filter:saturate(.85)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#05090cf2 0%,#05090cdb 32%,#05090c55 76%,#05090c44),linear-gradient(0deg,#060a0d 0%,transparent 35%)}.hero-content{position:relative;z-index:2;max-width:820px}.eyebrow{font-size:11px;letter-spacing:.26em;font-weight:800;display:flex;gap:14px;align-items:center}.line{width:28px;height:1px;background:var(--cyan)}.cyan{color:var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(65px,9.1vw,142px);line-height:.98;margin:28px 0}h1 em,h2 i{color:var(--cyan);font-style:normal}.hero-sub{font-size:clamp(16px,1.7vw,21px);line-height:1.65;color:#c0cbd0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;padding:17px 22px;border:1px solid #6c8790;font-size:12px;font-weight:800;letter-spacing:.05em;cursor:pointer}.primary{background:var(--cyan);color:#041015;border-color:var(--cyan)}.primary:hover{background:#8ceaff}.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.hero-bottom{position:absolute;bottom:34px;left:clamp(24px,9vw,150px);right:clamp(24px,9vw,150px);display:flex;justify-content:space-between;color:#a0b0b6;font-size:10px;letter-spacing:.2em}.section{padding:110px clamp(24px,9vw,150px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.section h2{font-size:clamp(38px,5vw,70px);line-height:1.13;margin:18px 0}.section-aside{max-width:310px;color:var(--muted);line-height:1.7;font-size:14px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid var(--line);background:transparent;color:#adbdc3;padding:10px 16px;font-size:12px;cursor:pointer}.filter.active,.filter:hover{border-color:var(--cyan);color:var(--cyan)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project.featured{grid-column:1/-1}.project[hidden]{display:none}.project-visual{height:330px;position:relative;overflow:hidden;background:#111d23}.featured .project-visual{height:480px}.visual-note{position:absolute;bottom:18px;left:22px;font-size:10px;letter-spacing:.2em;color:#d0e4ea;background:#061116b8;padding:8px 10px}.ident-art img{width:100%;height:100%;object-fit:cover}.int-art{display:grid;place-items:center;background:radial-gradient(ellipse at 65% 35%,#13444c 0%,#092127 35%,#03080a 78%)}.int-art:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 45%,#51d9e91c 60%,transparent 80%)}.int-logo{font-family:Manrope;font-size:clamp(95px,15vw,230px);font-weight:800;letter-spacing:-.09em;color:#d2e9e9;text-shadow:0 0 55px #40e0e366;text-align:center}.int-logo span{display:block;font:700 11px DM Sans;letter-spacing:.45em;color:#62c9d2;margin-top:-10px}.art-orbit{position:absolute;width:370px;height:370px;border:1px solid #4bcfe445;transform:rotate(35deg);border-radius:45%}.canvases-art{display:grid;place-items:center;background:radial-gradient(circle at 40% 40%,#53524d,#1d1d1b 60%,#080a0b)}.canvas-frame{width:58%;height:78%;border:14px solid #777266;background:#a4a096;box-shadow:18px 18px 35px #0009;display:grid;place-items:center;transform:rotate(-3deg)}.canvas-frame span{font-family:Georgia,serif;font-size:clamp(20px,3vw,42px);color:#272724;letter-spacing:.14em}.project-info{display:flex;justify-content:space-between;gap:25px;padding:24px 0 35px;border-bottom:1px solid var(--line)}.project-info h3{font-size:24px;margin:8px 0}.project-info p:not(.meta){max-width:530px;color:var(--muted);line-height:1.65;font-size:14px}.meta,.project-type{font-size:10px;color:var(--cyan);letter-spacing:.14em;font-weight:800}.project-type{white-space:nowrap;align-self:end}.work-footnote{margin-top:30px;color:#81969d;font-size:12px}.studio{background:#0b1418;display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.studio>div:last-child{padding-top:55px}.studio>div:last-child p{font-size:17px;line-height:1.8;color:#b0c0c5}.services .service{display:grid;grid-template-columns:50px 1.2fr 1fr 20px;gap:20px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line)}.service span{color:var(--cyan)}.service h3{font-size:clamp(20px,2.7vw,34px);margin:0}.service p{color:var(--muted);margin:0;font-size:14px}.contact{background:radial-gradient(ellipse at 100% 0%,#11343c 0%,#081015 45%,#060a0d 75%)}.contact>p:not(.eyebrow){color:var(--muted)}.contact form{max-width:740px;margin-top:45px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:12px;color:#bacbd0;margin-bottom:20px;font-weight:700}input,select,textarea{display:block;width:100%;background:#101b20;color:var(--text);border:1px solid #35505a;padding:15px;margin-top:10px;border-radius:0;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan)}textarea{resize:vertical}.form-note{font-size:11px;color:#849aa2;line-height:1.6;margin-top:16px}#form-status{color:var(--cyan);font-size:13px}footer{border-top:1px solid var(--line);padding:38px clamp(24px,9vw,150px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:#8b9fa6;font-size:10px;letter-spacing:.12em}.footer-logo{color:white;font-size:17px;font-weight:800}.footer-logo span{font-size:8px;color:var(--cyan)}@media(max-width:850px){.nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:#071015;padding:24px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.mobile-menu{display:block;background:transparent;color:white;border:0;font-size:24px}.hero{min-height:680px}.hero-image{background-position:60% center}.section-head,.studio{display:block}.section-aside{max-width:500px}.projects{grid-template-columns:1fr}.project.featured{grid-column:auto}.featured .project-visual,.project-visual{height:320px}.project-info{display:block}.project-type{display:block;margin-top:20px}.studio>div:last-child{padding-top:15px}.services .service{grid-template-columns:30px 1fr 20px}.service p{grid-column:2;grid-row:2}.service span:last-child{grid-column:3;grid-row:1}.form-grid{grid-template-columns:1fr}}@media(max-width:500px){.wordmark{font-size:14px}.smallmark{font-size:6px}.hero{padding-top:140px}.hero-bottom span:first-child{display:none}.section{padding-top:75px;padding-bottom:75px}.int-logo{font-size:100px}.canvas-frame{width:76%}.footer-logo{width:100%}}
/* Studio intro playback — user-controlled, never autoplay */
.play-intro { display:inline-flex; align-items:center; gap:0.65rem; cursor:pointer; font:inherit; }
.play-intro .play-symbol { display:inline-grid; place-items:center; width:2rem; height:2rem; border:1px solid rgba(92,223,250,.65); border-radius:50%; color:#63d8f4; }
.ident-play { position:absolute; inset:0; border:0; width:100%; background:linear-gradient(0deg,rgba(2,8,13,.68),transparent 55%); color:white; font:inherit; cursor:pointer; display:flex; justify-content:center; align-items:center; gap:.7rem; transition:background .2s; }
.ident-play:hover { background:rgba(2,8,13,.30); }
.ident-play .play-symbol { width:3.5rem; height:3.5rem; font-size:1.4rem; background:rgba(0,0,0,.55); }
.ident-play .play-caption { position:absolute; bottom:2.7rem; left:1.2rem; font-size:.75rem; letter-spacing:.14em; }
.video-modal[hidden] { display:none; }
.video-modal { position:fixed; inset:0; z-index:200; display:grid; place-items:center; padding:3.5rem 1rem 1rem; background:rgba(0,3,8,.94); backdrop-filter:blur(12px); }
.video-modal-inner { width:min(1100px,100%); }
.video-modal video { display:block; width:100%; max-height:calc(100vh - 8rem); background:#000; border:1px solid rgba(82,205,238,.22); }
.video-modal-title { color:#c8d3da; font-size:.8rem; letter-spacing:.16em; margin:0 0 .7rem; }
.video-modal-close { position:absolute; top:1rem; right:1.5rem; background:transparent; border:1px solid #64727c; border-radius:30px; padding:.6rem 1rem; color:white; cursor:pointer; font:inherit; }
.video-modal-close:focus-visible, .play-intro:focus-visible, .ident-play:focus-visible { outline:3px solid #5ddaff; outline-offset:4px; }
@media(prefers-reduced-motion:reduce) { .ident-play { transition:none; } }

/* INT original commercial: portrait poster inside editorial widescreen project tile. */
.int-film-art{background:#050a0b;display:flex;justify-content:center;align-items:center;}
.int-film-art>img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:brightness(.8)}
.int-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 45%,rgba(0,0,0,.44)),linear-gradient(0deg,rgba(0,0,0,.6),transparent 45%);pointer-events:none}
.film-play{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:14px;background:none;border:0;color:white;cursor:pointer;font:inherit}
.film-play-circle{display:grid;place-items:center;width:72px;height:72px;border:1px solid #7de4eb;border-radius:100%;background:rgba(0,0,0,.63);color:#79e6ef;font-size:22px;transition:transform .2s,background .2s}
.film-play:hover .film-play-circle{transform:scale(1.08);background:rgba(11,42,48,.85)}
.film-play-caption{position:absolute;bottom:30px;left:25px;text-align:left;font-size:12px;font-weight:700;letter-spacing:.16em;text-shadow:0 1px 5px black}
.film-play-caption span{font-weight:400;color:#b5d0d5}
.film-side-note{position:absolute;top:22px;right:25px;font-size:10px;letter-spacing:.15em;color:#c3e1e4;pointer-events:none}
.vertical-film{text-align:center;max-width:860px}
.vertical-film video{height:min(78svh,800px);width:auto;max-width:100%;margin:0 auto;aspect-ratio:512/910;object-fit:contain}
.film-play:focus-visible{outline:3px solid #5ddaff;outline-offset:-5px}
@media(max-width:600px){.film-side-note{font-size:8px}.film-play-caption{font-size:10px}.film-play-caption span{display:block;margin-top:4px}.vertical-film video{height:min(73svh,720px)}}

/* Netlify anti-spam honeypot */
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}

/* V6: parent-brand music architecture */
.music-section{background:linear-gradient(155deg,#081219 0%,#0b1419 57%,#081015 100%)}
.music-feature{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);border:1px solid #263a41;border-radius:8px;overflow:hidden;background:#0a1217;margin-top:28px}
.music-image{min-height:370px;position:relative;background:#131b1d}
.music-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.music-copy{padding:clamp(24px,4.6vw,68px);align-self:center}
.music-copy h3{font-size:clamp(40px,6vw,76px);line-height:1;margin:12px 0 20px;letter-spacing:-.04em}
.music-copy>p:not(.eyebrow):not(.music-note){color:#b9c4c8;line-height:1.75;max-width:520px}
.music-release{display:flex;flex-direction:column;gap:5px;border-left:2px solid #28c9e6;padding-left:16px;margin:25px 0;color:#c2d1d6}
.music-release strong{font-size:24px;color:#fff}
.release-label{font-size:10px;letter-spacing:.2em;color:#5cd6eb}
.music-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.music-note{font-size:12px;color:#92a2aa;line-height:1.6}
.service-intro{color:#a9bbc1;margin:10px 0 30px}
@media(max-width:700px){.music-feature{grid-template-columns:1fr}.music-image{min-height:260px}.music-copy{padding:25px}.music-actions .button{width:100%;text-align:center}}


/* Yuminati V7: Selectable production packages */
.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;margin:34px 0 24px}
.package-card{position:relative;background:#0b151b;border:1px solid #31505b;display:flex;flex-direction:column;min-width:0}
.package-featured{border-color:var(--cyan);box-shadow:0 0 0 1px #4ccce955,0 22px 80px #0007}
.package-flag{position:absolute;right:16px;top:-13px;background:var(--cyan);color:#071217;font-weight:800;font-size:10px;letter-spacing:.12em;padding:8px 12px}
.package-top{padding:32px 27px 22px;border-bottom:1px solid #28404a;min-height:210px}
.package-top h3{font:800 clamp(21px,2vw,30px) Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:17px 0 10px}
.package-top>p:not(.eyebrow){color:#afc0c6;font-size:13px;min-height:32px;line-height:1.5}
.package-price{font:800 clamp(31px,3vw,46px) Manrope,Arial,sans-serif;letter-spacing:-.04em;margin-top:19px}
.package-price span{font:500 12px Arial,sans-serif;color:#a7bac0;letter-spacing:0}
.package-content{padding:25px 27px 27px;display:flex;flex-direction:column;flex:1}
.package-heading{font-size:10px;letter-spacing:.22em;color:var(--cyan);font-weight:800;margin:0 0 15px}
.package-content ul{margin:0 0 21px;padding-left:20px;line-height:1.65;color:#d5e0e4;font-size:13px}
.package-content li{padding-left:3px;margin-bottom:8px}
.package-content li::marker{color:var(--cyan)}
.package-detail{font-size:12px;line-height:1.6;color:#9fb5bb;margin-top:auto;margin-bottom:21px}
.package-cta{width:100%;justify-content:center;gap:12px;white-space:normal;text-align:center}
.package-extra{border:1px solid #284450;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px;background:linear-gradient(110deg,#0b2029,#0a1116)}
.package-extra h3{font-size:22px;margin:9px 0}
.package-extra p:not(.eyebrow){font-size:13px;line-height:1.6;color:#b5c6cc;max-width:660px;margin:0}
.package-extra .button{min-width:225px;width:auto}
.package-fineprint{font-size:11px;line-height:1.75;color:#8ca3ab;margin:24px 0 0;max-width:1000px}
@media(max-width:1060px){.package-grid{grid-template-columns:1fr 1fr}.package-featured{order:-1}}
@media(max-width:680px){.package-grid{grid-template-columns:1fr}.package-top{min-height:auto}.package-extra{display:block}.package-extra .button{margin-top:22px;width:100%}.package-content,.package-top{padding-left:22px;padding-right:22px}}