/* Master's VIP Core 1.6: reusable, declarative design engine. No user CSS. */
html[data-preset] body{background:radial-gradient(ellipse 95% 48% at 70% -10%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 65%),var(--bg);color:var(--txt)}
html[data-preset] .topbar{border-color:var(--line);background:color-mix(in srgb,var(--bg) 93%,transparent)}
html[data-preset] nav a{color:var(--muted)}
html[data-preset] nav a:hover{color:var(--txt)}
html[data-preset] .brand small{color:var(--muted);font-size:.58rem;letter-spacing:.11em;max-width:220px;white-space:normal;line-height:1.35;margin-top:3px}
html[data-preset] .brand-mark-symbol{display:grid;place-items:center;width:44px;height:44px;font-size:1rem;color:var(--accent);border:1px solid var(--line);background:var(--panel);border-radius:10px}
html[data-preset] .hero-v15 .hero-copy h1{color:var(--txt)}
html[data-preset] .hero-v15 h1 em{color:var(--muted)}
html[data-preset] .hero-v15 .lead{color:var(--muted)}
html[data-preset] .hero-v15 .eyebrow{color:var(--accent);font-size:.64rem}
html[data-preset] .hero-image-wrap{border-color:var(--line);background:var(--panel);box-shadow:0 18px 60px #0004}
html[data-preset] .hero-image{filter:saturate(.62) contrast(1.05)}
html[data-preset] .feature{background:var(--panel);color:var(--txt);border-color:var(--line);box-shadow:0 15px 44px #00000013}
html[data-preset] .feature p,html[data-preset] .feature .small,html[data-preset] .page-heading .lead{color:var(--muted)}
html[data-preset] .technology-item{background:var(--panel)}
html[data-preset] .technology-item:hover{background:var(--panel2)}
html[data-preset] .technology-name{color:var(--txt)}
html[data-preset] .technology-name small{color:var(--muted)}
html[data-preset] .banner{background:var(--panel);border-color:var(--line)}
html[data-preset] .button:not(.ghost):not(.outline){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
html[data-preset] .button.ghost,html[data-preset] .button.outline{border-color:var(--line);color:var(--txt)}
html[data-preset] .button:hover{filter:brightness(1.08)}
html[data-preset] .form input,html[data-preset] .form textarea,html[data-preset] .form select{background:var(--panel);border-color:var(--line);color:var(--txt)}
html[data-preset] .form label{color:var(--muted)}
html[data-preset] .form input:focus-visible,html[data-preset] .form textarea:focus-visible,html[data-preset] .form select:focus-visible,html[data-preset] a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html[data-preset] .directory-card{background:var(--panel);border-color:var(--line)}
html[data-preset] .directory-card:hover{background:var(--panel2);border-color:var(--accent)}
html[data-preset] .directory-content strong{color:var(--txt)}
html[data-preset] .directory-content>span,html[data-preset] .directory-content small{color:var(--muted)}
html[data-preset] .directory-search input,html[data-preset] .directory-filter,html[data-preset] .directory-symbol{background:var(--panel);border-color:var(--line);color:var(--txt)}
html[data-preset] .directory-filter.active{background:var(--accent);color:var(--accent-ink)}
html[data-preset] .footer{border-color:var(--line);color:var(--muted)}
html[data-preset] .footer strong{color:var(--txt)}
html[data-preset] .hero-image-wrap::after{background:linear-gradient(180deg,transparent 70%,#05070940)}
/* Clearly distinct page geometry, independent of the color profile. */
html[data-layout=editorial] .hero-v15{display:flex;flex-direction:column;align-items:stretch;gap:36px;padding-top:70px;min-height:0}
html[data-layout=editorial] .hero-v15 .hero-copy{width:min(100%,1000px);align-self:start}
html[data-layout=editorial] .hero-v15 h1{font-size:clamp(3.8rem,8vw,8rem);max-width:1100px;line-height:1.02}
html[data-layout=editorial] .hero-v15 .lead{max-width:770px}
html[data-layout=editorial] .hero-image-wrap{width:100%;height:min(40vw,470px);min-height:260px;align-self:stretch;border-radius:0}
html[data-layout=editorial] .section h2{font-size:clamp(2.8rem,4.5vw,5.25rem)}
html[data-layout=studio] .hero-v15{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);min-height:650px;gap:0;padding:0}
html[data-layout=studio] .hero-v15 .hero-copy{padding:60px clamp(22px,5vw,74px)}
html[data-layout=studio] .hero-v15 h1{font-size:clamp(3.25rem,5.3vw,6.2rem)}
html[data-layout=studio] .hero-image-wrap{height:100%;min-height:650px;border-radius:0;border-top:0;border-bottom:0;border-right:0}
html[data-layout=studio] .cards{gap:9px}
html[data-layout=studio] .feature{border-radius:0}
html[data-hero=none] .hero-v15{grid-template-columns:1fr;min-height:410px}
html[data-hero=none] .hero-v15 .hero-copy{max-width:900px}
html[data-hero=none][data-layout=executive] .hero-v15 .hero-copy{margin:auto}
html[data-nav=centered] .topbar{display:grid;grid-template-columns:1fr;justify-content:center;text-align:center;gap:18px}
html[data-nav=centered] .topbar .brand{justify-content:center}
html[data-nav=centered] nav{justify-content:center}
html[data-nav=minimal] .topbar{padding-top:15px;padding-bottom:15px}
html[data-nav=minimal] .topbar .brand small{display:none}
html[data-nav=minimal] nav a:not(.nav-portal){font-size:.78rem}
html[data-cards=soft] .feature,html[data-cards=soft] .directory-card{border:1px solid color-mix(in srgb,var(--line) 38%,transparent);background:var(--panel2);box-shadow:0 22px 60px #00000012}
html[data-cards=glass] .feature,html[data-cards=glass] .directory-card{background:color-mix(in srgb,var(--panel) 82%,transparent);border-color:color-mix(in srgb,var(--accent) 26%,var(--line));backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff25,0 20px 50px #00000024}
html[data-spacing=compact] .section{padding-top:30px;padding-bottom:48px}
html[data-spacing=compact] .hero-v15{min-height:380px;padding-top:25px;padding-bottom:32px}
html[data-spacing=compact] .feature{padding:20px}
html[data-spacing=airy] .section{padding-top:85px;padding-bottom:130px}
html[data-spacing=airy] .hero-v15{padding-top:100px;padding-bottom:110px}
html[data-spacing=airy] .cards{gap:24px}
html[data-corners=sharp] .feature,html[data-corners=sharp] .button,html[data-corners=sharp] .banner,html[data-corners=sharp] .directory-card,html[data-corners=sharp] .hero-image-wrap{border-radius:0!important}
html[data-corners=soft] .feature,html[data-corners=soft] .banner,html[data-corners=soft] .directory-card,html[data-corners=soft] .hero-image-wrap{border-radius:10px}
html[data-corners=rounded] .feature,html[data-corners=rounded] .banner,html[data-corners=rounded] .directory-card,html[data-corners=rounded] .hero-image-wrap{border-radius:25px}
html[data-corners=rounded] .button{border-radius:999px}
html[data-width=narrow] .site-shell{max-width:1120px}
html[data-width=wide] .site-shell{max-width:1760px}
html[data-font=editorial] body{font-family:Georgia,'Times New Roman',serif}
html[data-font=editorial] h1,html[data-font=editorial] h2,html[data-font=editorial] h3{font-weight:500;letter-spacing:-.055em}
html[data-font=geometric] body{font-family:'Trebuchet MS',Verdana,sans-serif}
html[data-font=technical] body{font-family:ui-monospace,Consolas,'Liberation Mono',monospace;letter-spacing:-.018em}
html[data-font=technical] h1,html[data-font=technical] h2{letter-spacing:-.065em}
/* Light profiles change contrast-sensitive fixed components as well as the tokens. */
html[data-light='1']{color-scheme:light}
html[data-light='1'] .topbar,html[data-light='1'] .footer{background:var(--bg)}
html[data-light='1'] .brand,html[data-light='1'] .page-heading,html[data-light='1'] h1,html[data-light='1'] h2,html[data-light='1'] h3{color:var(--txt)}
html[data-light='1'] .muted,html[data-light='1'] .eyebrow,html[data-light='1'] .lead,html[data-light='1'] p{color:var(--muted)}
html[data-light='1'] .feature p,html[data-light='1'] .form label{color:var(--muted)}
html[data-light='1'] .directory-symbol,html[data-light='1'] .technology-item img{filter:none}
html[data-light='1'] .studio-tip,html[data-light='1'] .tool-privacy-note{color:var(--muted)}
html[data-light='1'] .hero-v15 h1 em{color:var(--muted)}
html[data-light='1'] .nav-portal{color:var(--txt)}
html[data-light='1'] .directory-arrow{color:var(--txt)}
html[data-light='1'] .directory-filter.active{color:var(--accent-ink)}
html[data-light='1'] .directory-back{color:var(--txt)}
html[data-light='1'] .about-mark-v15{background:var(--panel);border-color:var(--line)}
html[data-light='1'] .about-mark-v15 *{color:var(--txt)}
html[data-light='1'] .audit-item{background:var(--panel);border-color:var(--line)}
html[data-light='1'] .audit-item strong{color:var(--txt)}
html[data-light='1'] .audit-item p{color:var(--muted)}
/* Theme Studio: deliberately uses a stable neutral admin palette; the preview shows chosen colors. */
.theme-intro{padding-bottom:23px}
.theme-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.theme-studio{margin:0 clamp(20px,5vw,78px) 110px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);gap:25px;align-items:start}
.theme-settings{min-width:0;display:grid;gap:18px}
.studio-group{background:#17191c;border:1px solid #3e434b;border-radius:12px;padding:26px 26px 29px;min-width:0;color:#e9ecf0;box-shadow:inset 0 1px #ffffff0e}
.studio-group h2{font-size:1.3rem;margin:0;color:#f5f6f8;letter-spacing:-.027em}
.studio-group h3{font-size:.94rem;color:#e0e4e9;margin:18px 0 11px}
.studio-group p{color:#a9b1bb;font-size:.84rem;margin:6px 0 0}
.studio-group-title{display:flex;align-items:start;gap:15px;margin-bottom:24px}
.studio-group-title>span{font:600 .8rem/1 ui-monospace,monospace;color:#98a2ae;background:#242930;border:1px solid #414954;border-radius:7px;padding:10px}
.studio-group-title>div{flex:1}
.studio-group .form label,.studio-group label{color:#c5cbd3}
.studio-group input:not([type=checkbox]):not([type=radio]):not([type=color]),.studio-group textarea,.studio-group select{background:#0f1115!important;border:1px solid #4d535e!important;color:#f3f4f6!important;border-radius:6px;max-width:100%}
.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.preset-choice,.studio-layout-choice,.studio-media-choice{display:flex;flex-direction:column;gap:5px;position:relative;cursor:pointer;font-size:.84rem;min-width:0}
.preset-choice input,.studio-layout-choice input,.studio-media-choice input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.preset-tile{border:2px solid #414955;border-radius:9px;background:var(--sw-bg);height:96px;padding:13px;display:grid;grid-template-columns:2fr 1fr;gap:8px;position:relative}
.preset-tile i{background:var(--sw-surface);border:1px solid var(--sw-accent);border-radius:4px}
.preset-tile b{background:var(--sw-accent);border-radius:4px}
.preset-tile em{background:var(--sw-text);opacity:.7;grid-column:span 2;height:5px;width:50%;border-radius:10px}
.preset-choice input:checked+.preset-tile,.studio-layout-choice input:checked+.studio-layout-illustration,.studio-media-choice input:checked+.studio-media-art{outline:2px solid #e6e9ed;outline-offset:2px;border-color:#d7dce3}
.preset-choice input:focus-visible+.preset-tile,.studio-layout-choice input:focus-visible+.studio-layout-illustration,.studio-media-choice input:focus-visible+.studio-media-art{outline:3px solid #98c5ff;outline-offset:3px}
.preset-choice strong,.studio-layout-choice strong{font-size:.83rem;color:#f1f2f4;margin-top:5px}
.preset-choice small,.studio-layout-choice small{font-size:.72rem;line-height:1.35;color:#afb6c1}
.studio-layout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.studio-layout-illustration{height:88px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;border:2px solid #454b53;border-radius:8px;background:linear-gradient(140deg,#24282f,#101216)}
.studio-layout-illustration i{display:block;align-self:center;height:48px;background:linear-gradient(160deg,#757d88,#1e2227);border-radius:3px}
.studio-layout-illustration i:last-child{display:none}
.studio-layout-executive{grid-template-columns:1fr}.studio-layout-executive i{height:19px}.studio-layout-executive i:last-child{display:block}
.studio-layout-glass i{border-radius:12px;opacity:.6;transform:skewY(-4deg)}
.studio-layout-editorial{grid-template-columns:1fr}.studio-layout-editorial i{height:13px}.studio-layout-editorial i:last-child{display:block;height:20px}
.studio-layout-studio{grid-template-columns:.65fr 1.35fr}.studio-layout-studio i{height:61px}
.studio-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:18px}
.studio-color-field{display:flex!important;align-items:center;justify-content:space-between;flex-direction:row;gap:8px;padding:10px 13px;background:#101215;border:1px solid #383f48;border-radius:7px;font-size:.8rem}
.studio-color-field span{display:flex;align-items:center;gap:7px}
.studio-color-field input[type=color]{width:36px;height:32px;background:transparent;border:0;padding:0;cursor:pointer}
.studio-color-field output{font:.69rem ui-monospace,monospace;color:#aeb6c2;white-space:nowrap}
.studio-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.studio-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.studio-media-art{height:92px;padding:8px;display:grid;place-items:center;border:2px solid #444951;border-radius:9px;background:radial-gradient(circle at 50% 30%,#3a414c,#0a0b0d 80%);overflow:hidden}
.studio-media-art img{width:100%;height:100%;object-fit:contain}
.studio-media-choice small{text-align:center;color:#b9c0c8;font-size:.72rem;line-height:1.3}
.studio-hero-grid .studio-media-art img{object-fit:cover}
.studio-initial{font-size:2.3rem;color:#eceff5}
.studio-switches{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.studio-switches label{display:flex;align-items:center;gap:9px;font-size:.8rem;background:#111318;border:1px solid #3c434d;padding:13px;border-radius:7px}
.studio-switches input{accent-color:#d4dae2}
.studio-tip{padding:13px;background:#282520;color:#e4c99b!important;border:1px solid #67523a;border-radius:8px}
.studio-savebar{position:sticky;bottom:10px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;background:#252a31;border:1px solid #6a727d;border-radius:10px;box-shadow:0 22px 38px #0009}
.studio-savebar span{color:#b9c0cb;font-size:.73rem}
.studio-savebar .button{white-space:nowrap}
.studio-preview-wrap{position:sticky;top:16px;background:#15181c;border:1px solid #414650;border-radius:12px;padding:16px;overflow:hidden}
.studio-preview-head{display:flex;justify-content:space-between;gap:12px;color:#c7cbd3;font-size:.64rem;letter-spacing:.12em;margin:3px 1px 16px}
.studio-preview-head span:last-child{color:#8c96a4;letter-spacing:0}
.studio-preview{--bg:#08090b;--panel:#17191c;--panel2:#24272c;--txt:#f6f7f8;--muted:#afb5bd;--line:#464a51;--accent:#d2d6de;--accent-ink:#101318;background:var(--bg);color:var(--txt);border:1px solid var(--line);min-height:510px;overflow:hidden;font-family:system-ui,sans-serif}
.studio-browser-header{padding:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line);font-size:.48rem;color:var(--muted)}
.studio-brand-preview{display:flex;align-items:center;gap:7px;font-size:.69rem;font-weight:720;color:var(--txt);min-width:0}
.studio-brand-preview img{width:30px;height:30px;object-fit:contain}
.studio-browser-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;min-height:265px;padding:24px 18px}
.studio-browser-copy{min-width:0}.studio-browser-copy small{letter-spacing:.16em;color:var(--accent);font-size:.42rem}
.studio-browser-copy h2{color:var(--txt);font-size:clamp(1.05rem,1.6vw,1.75rem);line-height:1.18;letter-spacing:-.055em;margin:10px 0}
.studio-browser-copy h2 em{font-style:normal;font-weight:400;color:var(--muted)}
.studio-browser-copy p{color:var(--muted);font-size:.55rem;line-height:1.6;margin:0 0 14px;max-height:60px;overflow:hidden}
.studio-preview-button{display:inline-flex;font-size:.53rem;background:var(--accent);color:var(--accent-ink);padding:7px 9px;font-weight:700;border-radius:4px}
.studio-browser-art{height:170px;background:var(--panel2);border:1px solid var(--line);overflow:hidden}
.studio-browser-art img{height:100%;width:100%;object-fit:cover}
.studio-browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:13px}
.studio-browser-cards>div{background:var(--panel);border:1px solid var(--line);padding:10px;min-height:94px;display:flex;flex-direction:column;gap:4px}
.studio-browser-cards i{height:12px;width:12px;background:var(--accent);border-radius:3px;opacity:.7}
.studio-browser-cards strong{font-size:.53rem;color:var(--txt)}.studio-browser-cards small{font-size:.45rem;color:var(--muted)}
.studio-preview-caption{font-size:.73rem;line-height:1.6;color:#aab3be;margin:13px 1px 3px}
.studio-preview[data-layout=executive] .studio-browser-hero{display:flex;flex-direction:column;text-align:center}.studio-preview[data-layout=executive] .studio-browser-art{width:100%;height:115px}.studio-preview[data-layout=editorial] .studio-browser-hero{display:flex;flex-direction:column;align-items:stretch}.studio-preview[data-layout=editorial] .studio-browser-art{height:140px}.studio-preview[data-layout=studio] .studio-browser-hero{grid-template-columns:.65fr 1.35fr;padding:0}.studio-preview[data-layout=studio] .studio-browser-copy{padding:15px}.studio-preview[data-layout=studio] .studio-browser-art{height:270px}.studio-preview[data-layout=glass] .studio-browser-hero{background:var(--panel);margin:12px;border:1px solid var(--line);border-radius:17px}.studio-preview[data-layout=glass] .studio-browser-cards>div{border-radius:14px}
.studio-preview[data-nav=centered] .studio-browser-header{flex-direction:column}
.studio-preview[data-cards=soft] .studio-browser-cards>div{background:var(--panel2);border-color:transparent}
.studio-preview[data-cards=glass] .studio-browser-cards>div{background:color-mix(in srgb,var(--panel) 65%,transparent);border-color:var(--accent)}
.studio-preview[data-font=editorial]{font-family:Georgia,serif}.studio-preview[data-font=geometric]{font-family:'Trebuchet MS',sans-serif}.studio-preview[data-font=technical]{font-family:Consolas,monospace}
.studio-preview[data-corners=rounded] .studio-browser-cards>div,.studio-preview[data-corners=rounded] .studio-browser-art{border-radius:19px}.studio-preview[data-corners=sharp] .studio-browser-cards>div,.studio-preview[data-corners=sharp] .studio-browser-art{border-radius:0}
.studio-preview[data-spacing=compact] .studio-browser-hero{min-height:175px}.studio-preview[data-spacing=airy] .studio-browser-hero{min-height:335px}
@media(max-width:1150px){.theme-studio{grid-template-columns:1fr}.studio-preview-wrap{position:static;grid-row:1}.studio-preview{max-width:700px;margin:auto}.studio-layout-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.studio-layout-grid,.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-select-grid,.studio-color-grid{grid-template-columns:1fr}.studio-savebar{flex-direction:column;align-items:stretch}.studio-savebar .button{justify-content:center}}
@media(max-width:520px){.studio-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-studio{margin-left:15px;margin-right:15px}.studio-group{padding:18px}.studio-switches{grid-template-columns:1fr}.studio-browser-header>span{display:none}.studio-browser-hero{grid-template-columns:1fr}.studio-browser-art{height:125px}}
@media(max-width:850px){html[data-layout=studio] .hero-v15{grid-template-columns:1fr}.hero-v15{height:auto}html[data-layout=studio] .hero-image-wrap{min-height:300px;height:330px;border-left:0}html[data-layout=editorial] .hero-v15 h1{font-size:clamp(2.8rem,9vw,5rem)}}
@media(prefers-reduced-motion:reduce){.studio-preview *{animation:none!important;transition:none!important}}
/* The administrator's editing controls stay dark even while previewing a light public profile. */
html[data-light='1'] .studio-group h2,html[data-light='1'] .studio-group h3,html[data-light='1'] .studio-group strong{color:#f5f6f8}
html[data-light='1'] .studio-group p,html[data-light='1'] .studio-group label{color:#b7c0ca}
html[data-light='1'] .studio-savebar span{color:#cad0d8}
html[data-light='1'] .studio-browser-copy h2{color:var(--txt)}
html[data-layout=glass][data-preset] .hero-v15{background:var(--panel);border-color:var(--line)}
html[data-layout=glass][data-preset] .feature{background:var(--panel);border-color:var(--line)}
html[data-layout=executive][data-preset] .cards>.feature{background:var(--panel);border-color:var(--line)}

html[data-preset] .contact-decoration{font-size:clamp(2.8rem,5vw,4.6rem);line-height:1;color:var(--accent);opacity:.85;padding:18px 0}
html[data-preset] .about-mark-name{font-size:clamp(1.15rem,2.5vw,2.1rem);letter-spacing:.02em}
html[data-preset] .about-mark-name small{font-size:.55rem;letter-spacing:.12em;color:var(--muted)}