@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap');
@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{color-scheme:dark;--red:#ee393f;--muted:#85858d}*{box-sizing:border-box}body{margin:0;background:#09090b;color:#f4f3f5;font-family:'DM Sans',sans-serif}header{height:100px;margin:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222226}.brand{display:flex;align-items:center;gap:8px;font-size:21px;letter-spacing:2px;font-weight:800;color:inherit;text-decoration:none}.thin{font-weight:400;color:#9c9ca6;margin-left:-5px}.symbol{background:var(--red);font-size:26px;display:grid;place-items:center;width:32px;height:34px;transform:skew(-8deg);margin-right:5px}.edition,.badge,.eyebrow,.micro{font-size:10px;letter-spacing:2px;font-weight:600}.edition{color:#777781}.badge{border:1px solid #343439;border-radius:4px;padding:10px 12px;letter-spacing:1px}i{display:inline-block}.badge i,.screen-top i{width:5px;height:5px;background:var(--red);border-radius:50%;margin-right:8px}main{max-width:1800px;margin:auto;padding:0 5.5%}.heading{display:flex;align-items:flex-end;justify-content:space-between;padding:48px 0 36px}.eyebrow{color:var(--red);margin:0 0 16px}h1{font-family:Manrope,sans-serif;font-size:clamp(32px,3.7vw,62px);line-height:1.15;letter-spacing:-2px;margin:0;font-weight:500}h1 span{color:#888890}.intro{color:#92929a;line-height:1.8;font-size:13px;margin-bottom:5px}.screen{position:relative;aspect-ratio:16/9;background:#090609;overflow:hidden;border:1px solid #302329;border-radius:7px}.screen-top,.screen-bottom{position:absolute;left:3.5%;right:3.5%;display:flex;align-items:center;justify-content:space-between;z-index:3}.screen-top{top:6%;font-size:9px;letter-spacing:1.8px;color:#b1a7ae}.screen-top b{font-size:8px;border:1px solid #76616c;padding:3px 5px;margin-left:10px}.screen-bottom{bottom:7%}.screen-bottom p{font-size:15px;margin:9px 0 0}.micro{font-size:8px;color:#b48e9a}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#811e2f55,transparent 55%),radial-gradient(ellipse at 65% 30%,#531c3033,transparent 60%),#09060a}.orbit{position:absolute;left:23%;top:0;width:54%;height:100%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#10090d 48%,#af263e 50%,#e86767 50.4%,#70223b 51%,transparent 55%);transform:rotate(-26deg) scaleY(.67);filter:drop-shadow(0 0 30px #e0364655);animation:float 16s ease-in-out infinite alternate}.beam{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#d94a6122 48%,transparent 65%);filter:blur(30px)}.opening{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.opening .micro{letter-spacing:4px;color:#cfadb5}h2{font-family:Manrope,sans-serif;font-size:clamp(36px,7.5vw,130px);letter-spacing:-6px;margin:15px 0 0;text-shadow:0 3px 35px #e0586d40;animation:reveal 2.5s ease both}h2 span{font-weight:400;color:#d9bcc4}.opening p{font-size:12px;letter-spacing:3px;color:#ab8d99}.redline{width:38px;height:2px;background:var(--red);margin-top:20px}button,select,input{font:inherit}button{border:1px solid #38383f;border-radius:5px;background:#18181d;color:#eee;cursor:pointer;padding:11px 17px;font-size:12px;transition:background .2s}button:hover{background:#303039}button:focus-visible,select:focus-visible{outline:2px solid #ff6f76;outline-offset:3px}.white{background:#f4f1f2;color:#181317;font-weight:700;border:0}.white:hover{background:#d9cdd1}.red{background:var(--red);border-color:var(--red);font-weight:600}.red:hover{background:#d62d34}.progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff10;z-index:4}.progress i{height:100%;background:var(--red);display:block;width:0}.under{display:flex;justify-content:space-between;color:#686872;font-size:10px;padding:15px 0 38px}.under em{font-style:normal;padding:0 10px}#state{font-size:8px;letter-spacing:1.5px}.library{border-top:1px solid #242428;padding-top:30px}.library-head{display:flex;justify-content:space-between;align-items:center}.library-head .eyebrow{font-size:9px;margin-bottom:8px}h3{font-family:Manrope,sans-serif;font-size:23px;font-weight:500;margin:0}.actions{display:flex;gap:9px}.playlist{display:flex;gap:16px;margin:25px 0;overflow-x:auto;padding-bottom:5px}.tile{width:220px;min-width:220px;position:relative}.thumb{height:115px;border:1px solid #50303b;border-radius:5px;background:radial-gradient(ellipse at 60% 100%,#9e3149,transparent 70%),#1a1018;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb strong{font-size:24px;letter-spacing:-1px}.tile-title{display:flex;justify-content:space-between;font-size:11px;margin:12px 0 5px;gap:8px}.tile-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile small{font-size:9px;color:var(--muted)}.tile .remove{padding:0 4px;border:0;background:none}.tile.active .thumb{border-color:var(--red)}.add-tile{height:115px;min-width:180px;border:1px dashed #35353e;background:#101013;color:#8b8b96}.settings{display:flex;gap:30px;align-items:center;padding:20px 0;border-top:1px solid #232328;font-size:11px;color:#aaaab3}.settings label{display:flex;align-items:center;gap:12px}select{background:#17171c;border:1px solid #34343a;padding:8px;color:#ddd;border-radius:4px;font-size:11px}.settings>span{margin-left:auto;font-size:10px;color:#686872}.note{color:#686872;font-size:11px;line-height:1.7;margin:0 0 36px}footer{border-top:1px solid #242428;display:flex;align-items:center;justify-content:space-between;padding:24px 0 35px;color:#62626d;font-size:8px;letter-spacing:1.7px}.small{font-size:14px;color:#ccc}dialog{background:#151519;color:#eee;border:1px solid #37373d;border-radius:10px;padding:30px;width:min(480px,95vw)}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog label{display:grid;gap:8px;font-size:12px;margin-top:20px}dialog input{padding:12px;background:#09090b;border:1px solid #444;border-radius:4px;color:white;width:100%}dialog p:not(.eyebrow){font-size:12px;color:#999;line-height:1.6}dialog .actions{justify-content:flex-end;margin-top:25px}#visual{position:absolute;inset:0}#visual>img,#visual>video{width:100%;height:100%;object-fit:contain;animation:fade 1s ease both}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#292930;padding:12px 20px;border-radius:6px;z-index:20;font-size:13px;display:none}.exit{display:none;position:absolute;right:3%;top:4%;z-index:10;background:#0008}.presenting .screen-top,.presenting .screen-bottom{display:none}.presenting .exit{display:block;opacity:0;transition:opacity .2s}.presenting:hover .exit,.exit:focus{opacity:1}.presenting{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;aspect-ratio:auto;border:0;border-radius:0;z-index:100;background:black}.presenting .opening h2{font-size:15vw}.presenting .opening p{font-size:1.4vw}.presenting .micro{font-size:1vw}@keyframes float{to{transform:rotate(-15deg) scaleY(.8) scale(1.12)}}@keyframes reveal{from{opacity:0;letter-spacing:8px;filter:blur(15px)}to{opacity:1;filter:blur(0)}}@keyframes fade{from{opacity:0}to{opacity:1}}@media(max-width:700px){header{height:75px}.edition{display:none}.badge{font-size:8px}.heading{padding:30px 0 25px}.intro{display:none}h1{letter-spacing:-1px}.screen-top{font-size:6px}.opening .micro{font-size:6px;letter-spacing:2px}h2{letter-spacing:-2px;margin-top:5px}.opening p{font-size:7px;letter-spacing:1px}.redline{margin-top:4px}.screen-bottom p{font-size:9px}.screen-bottom .micro{font-size:6px}.white{font-size:9px;padding:9px}.under{font-size:8px;padding-bottom:25px}#state{display:none}.library-head{align-items:flex-start;gap:15px}h3{font-size:20px}.actions{flex-wrap:wrap;justify-content:flex-end}button{font-size:10px;padding:10px}.settings{flex-wrap:wrap;gap:15px}.settings>span{margin:0}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}
/* Gabrielle Nunes — cores e composição da identidade fornecida. */

:root{--red:#a78d5d;--muted:#71818a}body{background:#f5f2ed;color:#123e5c}header{border-color:#d8d4cb}.brand{color:#154e7b}.symbol{background:none;color:#154e7b;transform:none;font-size:25px;width:auto;margin-right:10px;letter-spacing:-4px;font-weight:500}.wordmark{font-size:14px;letter-spacing:1px}.wordmark small{display:block;font-size:8px;letter-spacing:4px;margin-top:5px}.edition,.intro{color:#778286}.badge{border-color:#ccc6b9}.heading h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:-1px}.heading h1 span{color:#7f8e93;font-style:italic}.screen{background:#f3f0ed;border-color:#d2ccbf;box-shadow:0 20px 70px #123e5c0a}.screen-top{color:#3f5d71}.screen-top b{border-color:#a79a7f}.screen-bottom .micro{color:#9b8255}.screen-bottom p{color:#426378}.white{background:#154e7b;color:#f5f2ed}.white:hover{background:#0e3551}.identity-scene{position:absolute;inset:0;background:#f3f0ed;overflow:hidden;display:grid;place-items:center;animation:fade 1.3s ease both}.identity-lockup{width:66%;position:relative;z-index:2;text-align:center}.brand-art{width:100%;height:auto;display:block;animation:logoCinema 3s cubic-bezier(.2,.7,.2,1) both}.signature-line{height:1px;width:45px;background:#a78d5d;margin:35px auto 20px;animation:lineGrow 2.8s ease both}.identity-tag{font-family:Georgia,serif;font-size:clamp(9px,1.1vw,24px);font-style:italic;letter-spacing:1px;color:#8d805f;animation:tagCinema 4s ease both}.light-sweep{position:absolute;inset:-100%;background:linear-gradient(115deg,transparent 40%,#fff9 50%,transparent 60%);animation:lightPass 10s ease-in-out infinite;pointer-events:none}.scene-foot{position:absolute;bottom:5%;left:0;right:0;text-align:center;font-size:clamp(6px,.55vw,16px);letter-spacing:3px;color:#9a8c73}.brand-scene{position:absolute;inset:0;padding:8% 10%;background:radial-gradient(ellipse at 90% 0,#1a5072,transparent 65%),#0d3451;color:#f5f2ed;display:flex;flex-direction:column;justify-content:center;animation:fade 1.5s ease both}.brand-number{position:absolute;top:15%;font-size:clamp(7px,.75vw,20px);letter-spacing:3px;color:#bead87}.brand-scene h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(20px,4.2vw,150px);letter-spacing:-1px;line-height:1.14;text-shadow:none;margin:0;animation:brandRise 2s ease both}.brand-scene .signature-line{margin:24px 0}.brand-scene p{font-size:clamp(9px,1vw,32px);color:#bacbd3;animation:tagCinema 3s ease both}.brand-scene .scene-foot{color:#8ba4b6}.thumb{background:#eee8de;border-color:#cfc7b6;color:#154e7b}.tile.active .thumb{border-color:#a78d5d}.add-tile{background:#f1ede6;border-color:#c6bfae;color:#6e7d85}.under,.note{color:#7d878b}.library,.settings,footer{border-color:#d8d4cb}.settings{color:#526b78}.settings>span{color:#7d878b}select{background:#f5f2ed;color:#154e7b;border-color:#cfc7b6}button{background:#eee8de;color:#154e7b;border-color:#cfc7b6}button:hover{background:#e1d9cb}.red{background:#154e7b;color:#fff;border-color:#154e7b}.red:hover{background:#0d3451}.white{background:#154e7b;color:white}footer{color:#879093}footer .small{color:#154e7b}dialog{background:#f5f2ed;color:#154e7b;border-color:#ccc}dialog input{background:#fff;color:#123e5c;border-color:#bbb}dialog p:not(.eyebrow){color:#71818a}.presenting{background:#f3f0ed}.presenting .identity-tag{font-size:1.7vw}.presenting .brand-scene h2{font-size:6.7vw}.presenting .brand-scene p{font-size:1.6vw}.presenting .scene-foot{font-size:.75vw}.exit{color:white}.screen:has(.brand-scene) .screen-top,.screen:has(.brand-scene) .screen-bottom p{color:#b4c9d5}.screen:has(.brand-scene) .screen-bottom .micro{color:#c6b68f}@keyframes logoCinema{from{opacity:0;transform:scale(.93);clip-path:inset(0 100% 0 0);filter:blur(5px)}50%{opacity:1;filter:blur(0)}to{opacity:1;transform:scale(1);clip-path:inset(0)}}@keyframes tagCinema{0%,45%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes lineGrow{from{width:0;opacity:0}to{width:45px;opacity:1}}@keyframes brandRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes lightPass{from{transform:translateX(-30%)}to{transform:translateX(30%)}}@media(max-width:700px){.wordmark{font-size:10px}.wordmark small{font-size:6px;letter-spacing:2px}.identity-lockup{width:68%}.signature-line{margin:12px auto 8px}.identity-tag{font-size:7px}.brand-scene .signature-line{margin:12px 0}.scene-foot{font-size:5px;letter-spacing:1px}.brand-number{top:12%;font-size:6px}.brand-scene h2{font-size:22px}.brand-scene p{font-size:8px}}@media(prefers-reduced-motion:reduce){.brand-art,.identity-tag,.signature-line,.brand-scene h2,.brand-scene p{animation:none!important;opacity:1;transform:none;clip-path:none}.light-sweep{display:none}}
.direct-tv{color:#154e7b;text-underline-offset:3px}.sound{display:none;position:absolute;right:3%;bottom:4%;z-index:10;background:#0d3451bb;color:#f5f2ed;border-color:#ffffff40}.presenting .sound{display:block;opacity:.2;transition:opacity .2s}.presenting:hover .sound,.sound:focus{opacity:1}#visual>video{background:#0d3451}