/* Vórtice Studio — Órbita aberta. Brand-owned surfaces only. */
:root{--vs-carbon:#111214;--vs-white:#f6f6f2;--vs-acid:#d7ff3f;--vs-violet:#6938ef;--vs-muted:#adb0b4;--vs-line:#393b40;--vs-display:'Barlow Condensed','Arial Narrow',sans-serif;--vs-body:'DM Sans',Arial,sans-serif}
body.studio{background:var(--vs-carbon);color:var(--vs-white);--accent:var(--vs-acid);--ink:var(--vs-white);--paper:var(--vs-carbon);--ui-font:var(--vs-body);font-family:var(--vs-body)}
.studio a:focus-visible,.studio button:focus-visible{outline:3px solid var(--vs-acid);outline-offset:5px}
.studio .studio-header{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0;padding:24px 5%;border-bottom:1px solid var(--vs-line);background:var(--vs-carbon)}
.studio .studio-logo{display:inline-flex;flex-shrink:0;margin:0}.studio .studio-logo img{width:210px;height:auto;object-fit:contain}
.studio .studio-header>p{font-size:14px;line-height:1.5;color:var(--vs-muted);margin:0 auto 0 5%}
.studio .studio-header nav{display:flex;align-items:center;gap:32px;font-size:15px;width:auto}.studio .studio-header nav a{display:inline-flex;gap:20px;align-items:center;min-height:44px}
.studio .studio-header nav a:last-child{border:0;background:var(--vs-acid);color:var(--vs-carbon);padding:12px 22px;border-radius:0;font-weight:600}
.studio .studio-hero-new{padding:56px 5% 60px;display:grid;grid-template-columns:1.35fr 1fr;gap:5%;align-items:center;border-bottom:0;margin:0;max-width:none}
.studio-label{font:500 14px/1.6 var(--vs-body);text-transform:uppercase;letter-spacing:.06em;color:var(--vs-muted);margin:0 0 24px}
.studio .studio-hero-new h1{font:800 clamp(5rem,11.8vw,11.5rem)/.89 var(--vs-display);letter-spacing:-.015em;color:var(--vs-white);margin:0 0 25px;max-width:none}
.studio .studio-hero-new h1>span{font:inherit;color:var(--vs-acid);display:inline-block;letter-spacing:inherit}
.studio .studio-hero-new h1 br{display:initial}.studio .studio-hero-new h1>span::before{content:none}
.hero-caption{font-size:clamp(1.05rem,1.65vw,1.3rem);line-height:1.55;margin:0}.hero-explore{display:inline-flex;align-items:center;gap:32px;min-height:48px;margin-top:26px;font-size:16px;border-bottom:1px solid var(--vs-acid);color:var(--vs-acid)}.hero-explore::after{content:none!important}
.hero-identity{position:relative;padding:28px 0 0;min-width:0}.vortice-emblem{display:grid;place-items:center;min-height:290px;padding:15px}.vortice-emblem img{width:min(100%,320px);height:auto;object-fit:contain;transform:rotate(-15deg);transition:transform 700ms cubic-bezier(.2,.8,.2,1)}.hero-identity:hover .vortice-emblem img{transform:rotate(5deg)}
.hero-stamp{position:absolute;right:0;top:7px;display:block;padding:18px 20px;background:var(--vs-violet);color:#fff;font:700 19px/1.05 var(--vs-display);letter-spacing:.02em;transform:rotate(8deg)}
.studio-hero-note{border-top:1px solid var(--vs-line);padding-top:20px;margin-top:24px;display:grid;grid-template-columns:65px 1fr;gap:16px;align-items:start}.hero-index{font:500 14px/1.6 var(--vs-body);color:var(--vs-acid)}.studio-hero-note p{font-size:16px;line-height:1.65;max-width:39ch;color:var(--vs-muted);margin:0}
.project-explorer{margin:0 5% 72px;padding-top:36px;border-top:1px solid var(--vs-line);font:16px/1.6 var(--vs-body)}
.explorer-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}.explorer-heading .studio-label{margin-bottom:8px}.explorer-heading h2{font:700 clamp(2.8rem,5vw,4.8rem)/1 var(--vs-display);letter-spacing:0;text-transform:uppercase}.explorer-heading>a{font-size:14px;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.project-explorer button{font:500 14px/1.4 var(--vs-body);min-height:44px;cursor:pointer;border-radius:0}.project-explorer button:disabled{opacity:.45;cursor:default}
.niche-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--vs-line);margin-bottom:26px}.niche-switch button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:19px 22px;border:0;border-right:1px solid var(--vs-line);background:var(--vs-carbon);color:var(--vs-white);font-size:16px}.niche-switch button:last-child{border-right:0}.niche-switch button span{font-size:13px;color:inherit}.niche-switch button:hover{background:#27292d}.niche-switch button[aria-pressed=true]{background:var(--vs-acid);color:var(--vs-carbon)}
.explorer-workspace{display:grid;grid-template-columns:235px minmax(0,1fr);gap:28px;align-items:start}.project-index,.project-stage{min-width:0}.index-label{font-size:14px;line-height:1.5;max-width:24ch;color:var(--vs-muted);margin:0 0 16px}#direction-list{position:relative}
.direction-choice{display:flex;align-items:center;gap:12px;min-height:82px;padding:14px 10px;border-bottom:1px solid var(--vs-line);border-left:3px solid transparent;color:var(--vs-white)}.direction-choice[hidden],.project-explorer [hidden]{display:none!important}.direction-choice:hover{background:#24262a}.direction-choice[aria-current=true]{border-left-color:var(--vs-acid);background:#262b1b}.direction-number{font-size:14px;color:var(--vs-muted);align-self:start;line-height:1.7}.direction-choice strong{display:block;font-size:16px;font-weight:500;line-height:1.3}.direction-choice small{display:block;font-size:14px;color:var(--vs-muted);margin-top:5px}.direction-chip{width:10px;height:29px;margin-left:auto;flex-shrink:0;border:1px solid #ffffff55}.project-disclaimer{font-size:14px;line-height:1.6;max-width:30ch;color:var(--vs-muted);margin:24px 0 0}
.project-stage{border:1px solid var(--vs-line);background:#1c1e22}.preview-toolbar{padding:10px 16px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;border-bottom:1px solid var(--vs-line)}.preview-toolbar>p{font-size:14px;font-weight:600}.preview-toolbar>a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;color:var(--vs-acid);text-decoration:underline;text-underline-offset:4px}.viewport-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--vs-line);margin-left:auto}.viewport-switch button{background:none;color:var(--vs-muted);border:0;padding:7px 13px;min-height:38px}.viewport-switch [aria-pressed=true]{background:var(--vs-white);color:var(--vs-carbon)}
.preview-surface{height:620px;display:flex;justify-content:center;overflow:hidden;background:#2a2c31;padding:0}#project-frame{display:block;width:100%;height:100%;border:0;background:#fff;min-width:0}.phone-preview{padding:14px}.phone-preview #project-frame{width:390px;max-width:100%;border:1px solid #65676d;border-radius:14px}.skip-preview{display:block;font-size:14px;text-align:center;padding:8px 12px;color:var(--vs-muted);text-decoration:underline;text-underline-offset:3px}
.preview-bottom{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:15px;border-top:1px solid var(--vs-line)}.preview-bottom p{font-size:14px;color:var(--vs-muted)}.preview-bottom>div{display:flex;gap:8px}.preview-bottom button{background:none;border:1px solid #606269;color:var(--vs-white);padding:10px 13px}.preview-bottom button:last-child{border-color:var(--vs-acid);color:var(--vs-acid)}
.project-context{display:grid;grid-template-columns:1.4fr 1fr auto;gap:32px;padding:30px 0;border-bottom:1px solid var(--vs-line);align-items:start}.project-context h3{font:700 2rem/1.05 var(--vs-display);margin:0 0 12px}.project-context p:not(.studio-label){font-size:15px;line-height:1.65;max-width:55ch;color:var(--vs-muted)}.project-context .studio-label{margin-bottom:12px}.project-palette{display:flex;gap:5px;margin-bottom:14px}.project-palette span{width:38px;height:22px;border:1px solid #ffffff44}.project-brief-link{align-self:center;max-width:22ch;white-space:normal;font-size:15px;line-height:1.5;padding:16px 22px;background:var(--vs-acid);color:var(--vs-carbon);font-weight:600;min-height:48px}
.studio .studio-method{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;margin:0 5% 65px;padding:0;border:0}.studio .studio-method>.label{grid-column:1/-1;margin:0;color:var(--vs-muted);font-size:14px;text-transform:uppercase;letter-spacing:.06em}.studio .studio-method h2{font:700 clamp(3rem,5.7vw,5.5rem)/.98 var(--vs-display);letter-spacing:0;text-transform:uppercase;margin:0}.studio .method-list{margin:0;border-top:1px solid var(--vs-line)}.studio .method-list article{display:grid;grid-template-columns:40px 1fr;gap:14px 20px;border-bottom:1px solid var(--vs-line);padding:24px 0}.studio .method-list article>span{color:var(--vs-acid);font-size:14px}.studio .method-list h3{font:500 22px/1.3 var(--vs-body);margin:0}.studio .method-list p{grid-column:2;font-size:16px;line-height:1.6;color:var(--vs-muted);margin:0}
.studio .studio-contact{background:var(--vs-acid);color:var(--vs-carbon);margin:0;padding:55px 5% 60px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px 7%}.studio .studio-contact>.label{grid-column:1/-1;color:#343b1a;font-size:14px;text-transform:uppercase;letter-spacing:.06em}.studio .studio-contact h2{grid-column:1;grid-row:2/6;font:800 clamp(3.7rem,7vw,7rem)/.94 var(--vs-display);letter-spacing:0;text-transform:uppercase;margin:0}.studio .studio-contact .contact-explainer{grid-column:2;font-size:16px;line-height:1.65;max-width:48ch;margin:0}.studio .studio-contact .text-link{grid-column:2;justify-self:start;display:inline-flex;align-items:center;min-height:48px;margin:0;font-size:16px;color:var(--vs-carbon);border-bottom:1px solid var(--vs-carbon);background:none;padding:8px 0}.studio .studio-contact>a.text-link{background:var(--vs-carbon);color:var(--vs-acid);border:0;padding:16px 24px;font-weight:600}.studio .text-link::after{content:none!important}
.studio .studio-footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;background:var(--vs-carbon);color:var(--vs-muted);border-top:1px solid var(--vs-line);font-size:14px}.studio .studio-footer .studio-logo img{width:185px}.studio .studio-footer a:not(.studio-logo){text-decoration:underline;text-underline-offset:4px}
.studio dialog.form-sheet{background:var(--vs-white);color:var(--vs-carbon);border:3px solid var(--vs-carbon);border-radius:0}.studio dialog.form-sheet h2{font:700 2.6rem/1 var(--vs-display)}.studio dialog.form-sheet .btn{background:var(--vs-violet);color:white}.studio dialog.form-sheet ::selection{background:var(--vs-violet);color:white}
.studio dialog.form-sheet :focus-visible{outline-color:var(--vs-violet)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1650px){.studio .studio-hero-new{padding-block:80px}.vortice-emblem img{width:390px}.preview-surface{height:700px}}
@media(max-width:1050px){.studio .studio-header>p{display:none}.hero-stamp{font-size:16px;padding:12px}.explorer-workspace{grid-template-columns:200px minmax(0,1fr);gap:20px}.project-context{grid-template-columns:1fr 1fr}.project-brief-link{grid-column:1/-1}.preview-toolbar>p{width:100%}.viewport-switch{margin-left:0}.preview-bottom{flex-wrap:wrap}.niche-switch button{padding:16px 12px}}
@media(max-width:700px){.studio .studio-header{padding:20px 5%;gap:16px;flex-wrap:wrap}.studio .studio-logo img{width:165px}.studio .studio-header nav{gap:18px;font-size:14px;margin-left:auto}.studio .studio-header nav a:last-child{padding:10px 14px}.studio .studio-hero-new{grid-template-columns:1fr;padding:36px 5% 42px;gap:32px}.studio .studio-hero-new h1{font-size:clamp(5rem,20vw,8.5rem);line-height:.92}.studio .studio-hero-new h1 br{display:initial}.studio-label{font-size:13px;margin-bottom:20px}.hero-identity{padding-top:0;display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center}.vortice-emblem{min-height:0;padding:0}.vortice-emblem img{width:135px}.hero-stamp{display:none}.studio-hero-note{display:block;border:0;padding:0;margin:0}.hero-index{display:none}.studio-hero-note p{font-size:14px}.hero-explore{margin-top:20px}.project-explorer{margin-bottom:42px;padding-top:24px}.explorer-heading{display:block}.explorer-heading h2{font-size:3rem}.explorer-heading>a{margin-top:10px}.niche-switch{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.niche-switch button{font-size:15px;min-height:54px}.niche-switch button:nth-child(2){border-right:0}.niche-switch button:nth-child(-n+2){border-bottom:1px solid var(--vs-line)}.explorer-workspace{display:block}.index-label{max-width:none;margin-bottom:8px}#direction-list{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 3px 12px}.direction-choice{flex:0 0 215px;border:1px solid var(--vs-line);border-left:3px solid transparent;scroll-snap-align:start;padding:12px}.project-disclaimer{max-width:none;margin:10px 0 20px}.preview-toolbar>p{width:auto}.viewport-switch{display:none}.preview-surface{height:560px;max-height:78svh;min-height:360px}.phone-preview{padding:0}.phone-preview #project-frame{width:100%;border:0;border-radius:0}.preview-bottom p{width:100%}.preview-bottom>div{width:100%;justify-content:space-between}.project-context{display:block}.project-design{margin:24px 0}.project-brief-link{display:inline-flex}.studio .studio-method{display:block;margin-bottom:42px}.studio .studio-method h2{margin:20px 0 30px;font-size:3.6rem}.studio .studio-contact{display:block;padding:38px 5%}.studio .studio-contact h2{font-size:3.6rem;margin:20px 0 30px}.studio .studio-contact .contact-explainer{margin:20px 0 12px}.studio .studio-footer{align-items:start;gap:24px}.studio .studio-footer>.studio-logo{width:100%}.studio .studio-footer>span{max-width:25ch}}
@media(max-width:390px){.studio .studio-header nav{width:100%;justify-content:space-between}.hero-identity{grid-template-columns:100px 1fr}.vortice-emblem img{width:95px}}
@media(prefers-reduced-motion:reduce){.studio *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}