/* v1.4.1 — shared brand and 2D/3D agency guide */
:root{--bg:#080909;--navy:#131515;--text:#f8f9f7;--muted:#b8bcb8;--gold:#d7b67c;--blue:#cbd1d0;--stroke:rgba(255,255,255,.18)}
.ambient-vignette{background:radial-gradient(ellipse at 52% 42%,transparent 26%,rgba(0,0,0,.18) 65%,rgba(0,0,0,.36) 100%),linear-gradient(90deg,rgba(0,0,0,.40),transparent 55%)}
.masthead{background:linear-gradient(180deg,rgba(5,6,6,.88),rgba(7,8,8,.48));border-bottom-color:#ffffff23}
.brand{gap:0}.brand-copy{gap:2px}.brand-copy strong{font-size:clamp(17px,1.55vw,23px);font-weight:750;letter-spacing:-.065em;color:#fff}.brand-copy strong span{font-weight:420;color:#cdd1cd}.brand-copy small{letter-spacing:2px;font-size:8px;color:#c8cbc6}
.masthead-right .header-brochure,.agency-top-link{color:#f6f7f3;font-weight:700}
.live-dot{background:#d5b87e;box-shadow:0 0 12px #b99d69}
.rail-link.is-active{color:#fff!important}
.panel-portrait{background:linear-gradient(135deg,#292b2a,#111212)!important}
.panel-visual-glow{background:linear-gradient(0deg,rgba(220,220,214,.09),transparent)}
.detail-panel{background:linear-gradient(160deg,rgba(24,25,24,.98),rgba(8,9,8,.99));border-left:1px solid #ffffff32}
.loading-screen{background:#090b0a!important;gap:22px}.loading-screen .loading-mark{display:none!important}
.loading-screen .loading-wordmark{font-size:clamp(27px,4vw,48px);font-weight:730;letter-spacing:-.065em;text-align:center;color:#fff}
.loading-wordmark span{color:#b9c1b9;font-weight:400}
.loading-progress{background:#2b302e;height:2px;width:230px}.loading-progress i{background:linear-gradient(90deg,#eee,#b9bbba,#fff)}
.quote-mark,.footnote-mark{display:none}.hero h1 em,.quote-card h2 em{color:#fff;font-style:normal;text-decoration:underline;text-decoration-color:#b59a65;text-decoration-thickness:2px;text-underline-offset:9px}
.hud-glyph{display:none}.hero-footnote{letter-spacing:.14em}
.agency-quick-launch{position:fixed;z-index:8;right:4.7vw;bottom:35px;display:flex;align-items:center;gap:8px;background:rgba(11,12,12,.88);border:1px solid #ffffff38;border-radius:999px;padding:8px;backdrop-filter:blur(18px);box-shadow:0 12px 40px #0005}
.agency-quick-launch>span{padding:0 12px;color:#ccd0cb;font-size:10px;text-transform:uppercase;font-weight:750;letter-spacing:.12em}
.agency-quick-launch button{border:1px solid #ffffff29;background:#252726;color:#fff;padding:11px 17px;border-radius:50px;font-size:12px;font-weight:700;cursor:pointer}
.agency-quick-launch button:hover,.agency-quick-launch button:focus-visible{background:#ecefeb;color:#141514}
.agency-guide{position:fixed;z-index:27;inset:0;display:flex;flex-direction:column;background:rgba(2,3,3,.75);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);color:#f8faf7;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}
.agency-guide.is-open{opacity:1;visibility:visible;pointer-events:auto}
.agency-guide-header{flex:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px max(5vw,24px);border-bottom:1px solid #ffffff27;background:#111313f0}
.agency-guide-brand{font-weight:750;letter-spacing:-.06em;font-size:clamp(18px,2vw,25px)}.agency-guide-brand span{font-weight:400;color:#b8beb9}
.agency-guide-header button{width:43px;height:43px;border:1px solid #ffffff58;border-radius:50%;background:transparent;color:white;font-size:26px;cursor:pointer}
.agency-guide-tabs{display:flex;gap:8px;padding:15px max(5vw,24px);border-bottom:1px solid #ffffff27;background:#151717}
.agency-guide-tabs button{border:1px solid #ffffff29;border-radius:99px;padding:11px 22px;background:transparent;color:#bcc1bb;font-size:13px;font-weight:700;cursor:pointer}
.agency-guide-tabs button.is-active{background:#f4f6f1;border-color:#f4f6f1;color:#111}
.agency-guide-scroll{overflow:auto;flex:1;overscroll-behavior:contain;scrollbar-color:#575957 transparent;padding:30px max(5vw,24px) 44px}
.agency-guide-intro{max-width:850px;margin-bottom:32px}.agency-guide-kicker{font-size:10px;font-weight:800;letter-spacing:.18em;color:#b7bdb6}
.agency-guide-intro h2{font-size:clamp(40px,6vw,80px);letter-spacing:-.065em;line-height:1;max-width:900px;margin:14px 0 17px}
.agency-guide-intro>p{font-size:clamp(14px,1.4vw,17px);line-height:1.6;color:#b9bfba;margin:0}
.agency-guide-services,.agency-guide-prices,.agency-guide-projects{display:grid;gap:13px;grid-template-columns:repeat(3,minmax(0,1fr))}
.agency-guide-service,.agency-guide-price{border:1px solid #ffffff30;border-radius:15px;background:#191b1a;padding:28px;display:flex;flex-direction:column;min-height:270px}
.agency-guide-overline{color:#b7c0b8;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:750}
.agency-guide-service h3,.agency-guide-price h3{font-size:clamp(20px,2.2vw,30px);line-height:1.1;letter-spacing:-.04em;margin:28px 0 10px}
.agency-guide-service p,.agency-guide-price p{color:#bfc4be;font-size:14px;line-height:1.7;margin:0 0 26px}
.agency-guide-inline-link{font-weight:750;color:#f9f9f6;text-decoration:none;border-bottom:1px solid #ffffff5e;padding-bottom:6px;align-self:flex-start;margin-top:auto}
.agency-guide-amount{display:flex;align-items:baseline;gap:7px;margin:18px 0}.agency-guide-amount strong{font-size:clamp(32px,4vw,58px);letter-spacing:-.06em;line-height:1}.agency-guide-amount small{font-size:13px;color:#bfc4be}
.agency-guide-feature-list{padding-left:18px;color:#d2d5d1;font-size:12px;line-height:1.8;margin:0 0 20px}
.agency-guide-price-link{display:block;background:#eff1ed;color:#111;padding:15px;text-align:center;text-decoration:none;border-radius:8px;font-weight:750;margin-top:auto}
.agency-guide-disclaimer{margin:20px 0;color:#bfc4be;font-size:12px;line-height:1.6}
.agency-guide-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:22px}
.agency-guide-filters button{border:1px solid #ffffff35;border-radius:99px;background:transparent;color:#f4f4f2;padding:10px 15px;font-size:12px;font-weight:750;cursor:pointer}
.agency-guide-filters button.is-selected{background:#f5f5f2;color:#111}
.agency-guide-count{font-size:11px;color:#b7bcb6;margin-left:auto}
.agency-guide-project{display:block;background:#191a19;border:1px solid #ffffff29;text-decoration:none;color:white;border-radius:13px;overflow:hidden;transition:transform .2s,background .2s}
.agency-guide-project:hover{transform:translateY(-4px);background:#222524}
.agency-guide-project-image{aspect-ratio:16/10;background:#383b38;overflow:hidden}
.agency-guide-project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;filter:none!important;transform:scale(1.0);transition:transform .25s}
.agency-guide-project:hover img{transform:scale(1.035)}
.agency-guide-project-body{padding:14px 17px 17px;display:grid;grid-template-columns:1fr 15px;gap:7px}
.agency-guide-project-body .agency-guide-overline{grid-column:1/-1}
.agency-guide-project-body strong{font-size:15px;line-height:1.25}
.agency-guide-project-arrow{font-weight:800;justify-self:end}
.agency-guide-footer{flex:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px max(5vw,24px);border-top:1px solid #ffffff25;background:#111313;font-size:12px;color:#bec2be}
.agency-guide-footer a{color:#fff;text-decoration:none;font-weight:700;border-bottom:1px solid #ffffff5c;padding-bottom:3px}
@media(max-width:850px){.agency-guide-services,.agency-guide-prices{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-guide-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-quick-launch{right:12px;bottom:calc(65px + env(safe-area-inset-bottom));padding:5px}.agency-quick-launch>span{display:none}.agency-quick-launch button{font-size:11px;padding:10px 12px}}
@media(max-width:620px){.agency-guide-header{padding:14px 18px}.agency-guide-tabs{padding:11px 18px;gap:6px}.agency-guide-tabs button{flex:1;padding:10px 9px;font-size:12px}.agency-guide-scroll{padding:22px 18px 28px}.agency-guide-services,.agency-guide-prices,.agency-guide-projects{grid-template-columns:1fr}.agency-guide-projects{gap:12px}.agency-guide-service,.agency-guide-price{padding:23px;min-height:220px}.agency-guide-intro h2{font-size:clamp(39px,10vw,64px)}.agency-guide-footer{padding:14px 18px;font-size:11px}.agency-guide-count{flex-basis:100%;margin-left:0}.agency-quick-launch{bottom:calc(12px + env(safe-area-inset-bottom))}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:480px){.agency-guide-header{padding:8px 20px}.agency-guide-tabs{padding:7px 20px}.agency-guide-scroll{padding:14px 20px}.agency-guide-intro{margin-bottom:15px}.agency-guide-intro h2{font-size:38px;margin:8px 0}.agency-guide-services,.agency-guide-prices,.agency-guide-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-guide-service,.agency-guide-price{min-height:200px;padding:18px}}
@media(prefers-reduced-motion:reduce){.agency-guide,.agency-guide-project,.agency-guide-project-image img{transition:none}}
.agency-guide-clients{margin:48px 0 0;padding-top:28px;border-top:1px solid #ffffff2b}
.agency-guide-clients h3{font-size:23px;font-weight:600;letter-spacing:-.03em;margin:0 0 20px}
.agency-guide-client-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:9px}
.agency-guide-client-strip img{scroll-snap-align:start;display:block;object-fit:contain;background:#ebefea;border-radius:10px;border:1px solid #ffffff24;padding:12px;width:150px;height:82px;flex:none;filter:none!important}