/* Homepage-only visual direction. Other pages retain their current design. */
.studio-preview[data-accent=orange] { --accent:#ffb17e;--accent-solid:#ad3b08;--accent-glow:#ed5b192e;--accent-ink:#fff; }
.studio-preview[data-accent=green] { --accent:#8addaf;--accent-solid:#166b43;--accent-glow:#14744638;--accent-ink:#fff; }
.studio-preview[data-accent=pink] { --accent:#ed9ae9;--accent-solid:#9a268f;--accent-glow:#ce55cb30;--accent-ink:#fff; }
.studio-preview[data-accent=gold] { --accent:#ffcb49;--accent-solid:#ffcb49;--accent-glow:#ffcb4926;--accent-ink:#241b05; }
.studio-preview[data-accent=white] { --accent:#eeeeec;--accent-solid:#eeeeec;--accent-glow:#eeeeec1a;--accent-ink:#161616; }
.studio-preview[data-accent=blue] { --accent:#a5b5ff;--accent-solid:#304cd8;--accent-glow:#304cd838;--accent-ink:#fff; }
.studio-preview[data-accent=teal] { --accent:#83dcda;--accent-solid:#086968;--accent-glow:#087b7b38;--accent-ink:#fff; }
.studio-preview[data-accent=graphite] { --accent:#c0c0c0;--accent-solid:#484848;--accent-glow:#88888820;--accent-ink:#fff; }
.studio-preview[data-accent=lime] { --accent:#c8ed9c;--accent-solid:#c8ed9c;--accent-glow:#c8ed9c26;--accent-ink:#16200e; }
.studio-preview { --bg:#080909; --panel:#131515; --line:#292c2b; --muted:#a1a8a5; --accent:#b998ff; --accent-solid:#7928f5; --accent-ink:#fff; --accent-glow:#7928f52e; background:#080909; color:#f0f1ec; }
.studio-preview::before { content:''; position:fixed; inset:0; pointer-events:none; z-index:-1; background:radial-gradient(ellipse at 65% 20%,#26312636,transparent 50%); }
.studio-preview a:focus-visible,.studio-preview button:focus-visible { outline-color:var(--accent); }
.profile-panel { position:fixed; z-index:25; top:24px; bottom:24px; left:28px; width:282px; padding:25px; border:1px solid #343734; border-radius:25px; background:linear-gradient(150deg,#1c1f1c,#101211 55%); display:flex; flex-direction:column; overflow:auto; scrollbar-width:thin; box-shadow:inset 0 1px 0 #ffffff0a,0 20px 60px #0004; }
.profile-top { display:flex; justify-content:space-between; align-items:center; gap:12px; }.profile-logo { font-size:24px; font-weight:700; letter-spacing:-1px; }.profile-logo span { color:var(--accent); }
.profile-status { display:flex; align-items:center; gap:7px; color:#b8bfba; font-size:10px; border:1px solid #353a33; padding:9px 10px; border-radius:30px; }.profile-status i { width:5px;height:5px;background:var(--accent);border-radius:50%; }
.profile-art { position:relative; flex-shrink:0; margin:26px 0 20px; height:230px; border:1px solid #74876055; overflow:hidden; border-radius:17px; display:grid;place-items:center; background:radial-gradient(ellipse at 60% 5%,#b7d39b,#6e8656 40%,#263227 85%); }
.profile-art::before,.profile-art::after { content:'';position:absolute;width:240px;height:240px;border:1px solid #d8edbf66;border-radius:50%;transform:rotate(-35deg) scaleX(.65); }.profile-art::after { transform:rotate(35deg) scaleX(.65); }
.profile-monogram { font-size:115px;line-height:1;font-weight:650;letter-spacing:-13px;color:#f6f9ed;transform:rotate(-7deg); text-shadow:6px 10px 0 #24362444; padding-right:10px; }
.profile-art small { position:absolute;bottom:16px;left:18px;letter-spacing:2px;font-size:8px;color:#e0e9d7; }
.profile-panel h2 { margin:0;font-size:25px;line-height:1.3;letter-spacing:-.8px;font-weight:550; }.profile-role { color:#a8b0aa; font-size:12px;line-height:1.7;margin:8px 0 16px; }.profile-location { color:#929c94;font-size:11px;line-height:1.8;margin:0 0 20px; }
.profile-skills { display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px; }.profile-skills span { font-size:9px;border:1px solid #343a32;padding:7px 9px;border-radius:5px;color:#c1c8bf; }
.profile-contact { margin-top:auto; }.profile-phone { display:block;font-size:13px;margin-bottom:15px;color:#d7dfd4; }
.profile-cta { display:flex;align-items:center;justify-content:space-between;border:1px solid #41483d;border-radius:30px;padding:6px 7px 6px 19px;font-size:12px;min-height:50px; }.profile-cta span { width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#15200c;font-size:23px; }.profile-cta:hover { border-color:var(--accent); }
.studio-preview main.wrap { width:auto; max-width:1120px; margin:24px 124px 0 355px; }
.studio-topbar { display:flex;justify-content:space-between;align-items:center;padding:19px 23px;background:#141615;border:1px solid #272b27;border-radius:18px;font-size:10px;color:#9da69e;letter-spacing:1px;gap:16px; }.studio-topbar a { min-height:32px;display:flex;align-items:center;gap:15px;color:#e4eadf; }
.studio-rail { position:fixed;right:25px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:8px;background:#171a17;border:1px solid #30362f;padding:10px;border-radius:40px; }
.studio-rail a { position:relative;display:grid;place-items:center;width:42px;height:42px;color:#aeb5ae;border-radius:50%;transition:background .2s,color .2s; }.studio-rail a:hover,.studio-rail a[aria-current=true] { background:var(--accent);color:#11180c; }.studio-rail svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }.studio-rail a span { position:absolute;right:57px;white-space:nowrap;background:#252b22;color:#eaf1e3;padding:8px 12px;border-radius:7px;font-size:11px;opacity:0;pointer-events:none; }.studio-rail a:hover span,.studio-rail a:focus-visible span { opacity:1; }
.studio-preview .hero { display:block;min-height:0;padding:85px 0 68px; }.studio-preview .hero-copy { max-width:850px;text-align:left; }.studio-preview .hero .eyebrow { background:transparent;border:0;padding:0;color:var(--accent);letter-spacing:2px;margin:0 0 30px; }.studio-preview .status-dot { background:var(--accent);box-shadow:none; }
.studio-preview h1 { font-size:clamp(48px,5.5vw,86px);line-height:1.07;font-weight:450;letter-spacing:-4px;margin:0 0 25px; }.studio-preview h1 span { color:var(--accent);background:none;-webkit-text-fill-color:currentColor; }.studio-preview .hero-description { max-width:550px;margin:0;font-size:15px;line-height:1.9;color:#a5ada6; }.studio-preview .hero-visual { display:none; }.studio-preview .hero-actions { justify-content:flex-start;margin-top:30px; }.studio-preview .hero-notes { justify-content:flex-start; }.studio-preview .hero-notes span { color:#abb5a8; }
.studio-preview .button { background:var(--accent-solid);color:var(--accent-ink);border-color:var(--accent-solid);box-shadow:none;border-radius:30px;padding:14px 23px; }.studio-preview .button:hover { box-shadow:0 5px 25px #adc78020; }.studio-preview .button.light { background:var(--accent-solid);border-color:var(--accent-solid);color:var(--accent-ink); }.studio-preview .secondary-button { color:#d4dbd0; }
.studio-preview .collection-strip { padding:22px 0;background:none;border-block:1px solid #2c312b;border-radius:0; }.studio-preview .collection-strip>span { color:#94a18f; }.studio-preview .collection-strip p { font-size:11px;color:#c1cbbb; }.studio-preview .collection-strip a { display:none; }
.studio-preview .section-heading { padding-top:60px;margin-bottom:27px;align-items:flex-end; }.studio-preview .section-heading h2 { font-size:clamp(28px,3vw,43px);font-weight:450;letter-spacing:-1.5px; }.studio-preview .section-heading h2 span { color:#a5b09f; }.studio-preview .eyebrow { color:#9ea994; }.studio-preview .section-heading>p { font-size:11px;color:#939e8f;max-width:170px; }
.studio-preview .project-banner { border-radius:19px;background:#141715;border-color:#303a2c;grid-template-columns:minmax(0,1fr) minmax(0,1fr);box-shadow:none; }.studio-preview .banner-copy { padding:28px;gap:24px; }.studio-preview .banner-copy h3 { font-size:34px;font-weight:500; }.studio-preview .banner-copy h3+p { font-size:12px; }.studio-preview .project-label { font-size:8px; }.studio-preview .courier-art { background:radial-gradient(ellipse at 52% 35%,#73966a44,transparent 65%),#1d2b22; }.studio-preview .meta-art { background:radial-gradient(ellipse at 60% 30%,#807ca340,transparent 65%),#23262b; }
.studio-preview .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.studio-preview .service-tile { background:#121613;border-color:#2e352c;border-radius:14px; }.studio-preview .service-tile a,.studio-preview .case-study-link,.studio-preview .prose a:not(.button) { color:var(--accent); }.studio-preview .service-tile h3 { font-weight:500; }.studio-preview .service-tile p { font-size:12px; }
.studio-preview .project-shot { display:flex;flex-direction:column;justify-content:center;gap:20px;padding:24px;min-height:330px;overflow:hidden; }.studio-preview .project-shot img { display:block;width:100%;height:auto;max-height:310px;object-fit:contain;border:1px solid #65745d55;border-radius:8px;box-shadow:0 15px 30px #0004; }.project-shot>span { font-size:8px;letter-spacing:1.7px;color:#c0ccb9; }.studio-preview .project-shot::after { display:none; }
.studio-preview .featured { border-color:#3e453a;background:#151a15; }.studio-preview .featured-copy { padding:28px; }.studio-preview .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.studio-preview .product-card { background:#131714;border-color:#30362c; }.studio-preview .product-card p { font-size:12px; }.studio-preview .toolbox { background:#111712;border-color:#354031; }.studio-preview .tool-pill { background:#27322a;border-color:#506447;color:#ebf0e6; }.studio-preview .tool-pill.plum { background:#3f4733; }.studio-preview .website-card { background:#121613;border-color:#32382e; }.studio-preview .website-browser { background:#1b201b; }.studio-preview .website-copy { background:#121613; }.studio-preview .website-carousel .website-card { flex-basis:94%;grid-template-columns:1fr; }.studio-preview .website-carousel .website-preview img { height:260px; }.studio-preview .website-carousel .website-copy { padding:25px; }.studio-preview .website-grid::after { flex-basis:6%; }.studio-preview .website-dot.is-active { background:var(--accent); }
.studio-preview .contact { background:#161d14;border-color:#37432d;border-radius:18px; }.studio-preview .contact h2 { font-size:30px;font-weight:450; }.studio-preview .contact p { font-size:13px; }
.studio-faq { padding:55px 0; }.studio-faq h2 { font-size:clamp(35px,4vw,58px);font-weight:450;letter-spacing:-2px;margin:15px 0 35px; }.studio-faq details { border-bottom:1px solid #2f362c;padding:22px 0; }.studio-faq summary { display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:17px;cursor:pointer;list-style:none; }.studio-faq summary::-webkit-details-marker { display:none; }.studio-faq summary::after { content:'+';display:grid;place-items:center;border:1px solid #353e2f;border-radius:50%;width:35px;height:35px;flex-shrink:0; }.studio-faq details[open] summary::after { content:'−'; }.studio-faq details p { font-size:13px;line-height:1.9;color:#a6b09f;max-width:580px; }
.studio-footer { display:flex;align-items:center;justify-content:space-between;gap:20px;margin:40px 124px 0 355px;padding:24px 0 32px;border-top:1px solid #2b3327;color:#929f8a;font-size:10px; }.studio-footer a { min-height:44px;display:inline-flex;align-items:center;color:#ced9c3; }
@media(min-width:1700px) { .profile-panel { left:max(28px,calc((100vw - 1600px)/2)); }.studio-preview main.wrap,.studio-footer { margin-left:max(355px,calc((100vw - 1600px)/2 + 330px));margin-right:max(124px,calc((100vw - 1600px)/2 + 90px)); }.studio-rail { right:max(25px,calc((100vw - 1600px)/2)); } }
@media(max-width:1200px) and (min-width:901px) { .profile-panel { width:240px;left:18px;padding:20px; }.profile-art { height:195px; }.profile-panel h2 { font-size:22px; }.studio-preview main.wrap,.studio-footer { margin-left:292px;margin-right:100px; }.studio-rail { right:17px;padding:7px; }.studio-preview .project-banner { grid-template-columns:1fr; }.studio-preview .courier-art,.studio-preview .meta-art { min-height:300px; } }
@media(max-height:760px) and (min-width:901px) { .profile-panel { top:16px;bottom:16px;padding:20px; }.profile-art { height:160px;margin:18px 0; }.profile-monogram { font-size:92px; }.profile-role { margin-bottom:10px; }.profile-location { margin-bottom:12px; }.profile-skills { margin-bottom:16px; } }
@media(max-width:900px) { .profile-panel { position:relative;top:auto;bottom:auto;left:auto;width:auto;margin:20px 24px;padding:22px;display:grid;grid-template-columns:120px 1fr;gap:5px 22px;overflow:visible;border-radius:20px; }.profile-top { grid-column:1/-1;margin-bottom:10px; }.profile-art { grid-column:1;grid-row:2/6;height:145px;margin:0; }.profile-monogram { font-size:73px;letter-spacing:-8px; }.profile-art small { font-size:6px;left:10px; }.profile-panel h2 { font-size:25px;align-self:end; }.profile-role,.profile-location { margin:0; }.profile-skills { display:none; }.profile-contact { grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px; }.profile-phone { margin:0; }.profile-cta { width:190px; }.studio-preview main.wrap { margin:25px 24px 0;max-width:none; }.studio-rail { top:auto;bottom:14px;left:50%;right:auto;transform:translateX(-50%);flex-direction:row;gap:6px;padding:7px;box-shadow:0 5px 30px #0009; }.studio-rail a span { display:none; }.studio-preview .hero { padding:55px 0; }.studio-preview h1 { font-size:clamp(43px,8vw,72px);letter-spacing:-2.8px; }.studio-footer { margin:30px 24px 0;padding-bottom:100px; }.studio-preview .project-banner { grid-template-columns:1fr 1fr; } }
@media(max-width:600px) { .profile-panel { margin:14px;grid-template-columns:92px 1fr;gap:5px 15px;padding:18px; }.profile-art { height:124px; }.profile-panel h2 { font-size:21px; }.profile-role { font-size:10px; }.profile-location { font-size:10px; }.profile-monogram { font-size:62px; }.profile-art small { font-size:5px; }.profile-phone { font-size:11px; }.profile-cta { width:165px;font-size:11px;padding-left:13px; }.profile-contact { gap:10px; }.studio-preview main.wrap { margin:18px 18px 0; }.studio-topbar { padding:12px 16px;font-size:8px;letter-spacing:.6px; }.studio-preview .hero { padding:42px 0; }.studio-preview .hero .eyebrow { font-size:8px;letter-spacing:1.2px;margin-bottom:23px; }.studio-preview h1 { font-size:45px;letter-spacing:-2.5px; }.studio-preview .hero-description { font-size:13px; }.studio-preview .section-heading { display:block;padding-top:40px; }.studio-preview .section-heading>p { max-width:none; }.studio-preview .project-banner,.studio-preview .service-grid,.studio-preview .product-grid { grid-template-columns:1fr; }.studio-preview .banner-copy { padding:25px; }.studio-preview .courier-art,.studio-preview .meta-art { min-height:290px; }.studio-preview .featured { grid-template-columns:1fr; }.studio-preview .website-carousel .website-preview img { height:190px; }.studio-preview .contact { display:block;padding:24px; }.studio-preview .contact .button { margin-top:20px; }.studio-preview .contact h2 { font-size:27px; }.studio-rail a { width:38px;height:38px; }.studio-rail { gap:4px; }.studio-faq summary { font-size:15px; }.studio-footer { margin-inline:18px;flex-wrap:wrap;gap:5px; }.studio-preview .collection-strip p { justify-content:flex-start;font-size:10px; }.studio-preview .collection-strip { justify-content:flex-start; } }
@media(prefers-reduced-motion:reduce) { .studio-preview *, .studio-preview *::before, .studio-preview *::after { scroll-behavior:auto!important;transition:none!important;animation:none!important; } }

/* Accent surfaces stay scoped to the homepage. Project screenshots keep their original colors. */
.studio-preview::before { background:radial-gradient(ellipse at 65% 20%,var(--accent-glow),transparent 55%); }
.studio-preview .profile-panel { background:linear-gradient(150deg,#1c1c1f,#101012 55%);border-color:#343438; }
.studio-preview .profile-art { background:radial-gradient(ellipse at 55% 0%,var(--accent),var(--accent-solid) 45%,#141119 95%);border-color:var(--accent-solid); }
.studio-preview .profile-art::before,.studio-preview .profile-art::after { border-color:#ffffff30; }
.studio-preview .profile-monogram { color:#fff;text-shadow:6px 10px 0 #0003; }
.studio-preview .studio-topbar,.studio-preview .studio-rail { background:#171719;border-color:#303034; }
.studio-preview .project-banner,.studio-preview .product-card,.studio-preview .service-tile,.studio-preview .website-card,.studio-preview .website-copy { background:#151417;border-color:#323036; }
.studio-preview .project-shot { background:radial-gradient(ellipse at 50% 30%,var(--accent-glow),transparent 80%),#16131b; }
.studio-preview .contact { background:linear-gradient(120deg,var(--accent-glow),#141216);border-color:#40344e; }
.studio-preview .toolbox { background:#141218;border-color:#39323f; }
.studio-preview .tool-pill { background:#25212d;border-color:#51445e;color:#eee7f7; }
.studio-preview .tool-pill.plum { background:var(--accent-solid);border-color:var(--accent);color:var(--accent-ink); }
.studio-preview .appearance-toggle { position:fixed;left:0;top:72px;z-index:45;display:grid;place-items:center;width:36px;height:44px;padding:9px;border:1px solid #4a414f;border-left:0;border-radius:0 9px 9px 0;background:#232026;color:#eee8f6;cursor:pointer;box-shadow:0 4px 20px #0005; }
.studio-preview .appearance-toggle[hidden] { display:none; }.appearance-toggle svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5; }
.studio-preview .appearance-dialog { position:fixed;inset:0 0 0 auto;margin:0;width:min(650px,100%);height:100dvh;max-width:100%;max-height:100dvh;box-sizing:border-box;border:0;border-left:1px solid #3e3747;border-radius:24px 0 0 24px;background:#19171d;color:#f4f0f9;padding:48px;overflow-y:auto;box-shadow:-25px 0 100px #0006; }
.appearance-dialog::backdrop { background:#0009;backdrop-filter:blur(5px); }
.appearance-heading { display:flex;justify-content:space-between;align-items:center;gap:15px; }.appearance-kicker { font-size:10px;letter-spacing:2px;color:#b7aabe; }
.appearance-close { display:grid;place-items:center;width:44px;height:44px;border:1px solid #4d4358;border-radius:50%;background:transparent;color:#eee6f6;cursor:pointer; }
.appearance-dialog h2 { font-size:clamp(32px,4vw,48px);font-weight:450;letter-spacing:-1.8px;line-height:1.18;margin:48px 0 20px; }.appearance-dialog h2 span { color:var(--accent); }.appearance-description { font-size:14px;color:#b3aabc;line-height:1.8; }
.appearance-options { border:0;padding:0;margin:45px 0 30px;min-width:0; }.appearance-options legend { padding:0;margin-bottom:23px;font-size:10px;letter-spacing:1.8px;color:#dbd0e3; }.appearance-swatches { display:grid;grid-template-columns:repeat(5,44px);gap:17px; }
.appearance-swatches button { display:grid;place-items:center;width:44px;height:44px;border:5px solid #19171d;outline:1px solid transparent;border-radius:50%;background:var(--swatch);cursor:pointer;padding:0; }
.appearance-swatches button[aria-pressed=true] { outline-color:#fff; }.appearance-swatches button:focus-visible { outline:2px solid #fff;outline-offset:4px; }.appearance-swatches button span { display:none;font-size:16px;color:white;text-shadow:0 1px 3px #000,1px 0 2px #000; }.appearance-swatches button[aria-pressed=true] span { display:block; }
.appearance-sample { display:flex;align-items:center;gap:14px;border:1px solid #44394e;border-radius:14px;background:linear-gradient(125deg,var(--accent-glow),#201c26);padding:23px;margin-top:36px; }.appearance-sample-dot { width:12px;height:12px;background:var(--accent);border-radius:50%; }.appearance-sample small { display:block;letter-spacing:1.5px;font-size:8px;color:#b6a8c2; }.appearance-sample strong { display:block;font-size:19px;font-weight:500;margin-top:7px; }.appearance-sample-arrow { margin-left:auto;display:grid;place-items:center;background:var(--accent-solid);color:var(--accent-ink);width:44px;height:44px;border-radius:50%;font-size:23px; }
.appearance-status { color:#b6aabc;font-size:12px;margin:20px 0; }.appearance-reset { display:flex;align-items:center;gap:20px;min-height:44px;border:0;border-bottom:1px solid #51415e;background:transparent;color:#ede0f7;font-size:12px;cursor:pointer;padding:8px 0; }
@media(max-width:900px) { .studio-preview .appearance-toggle { left:auto;right:18px;top:auto;bottom:84px;border:1px solid #4a414f;border-radius:50%;width:44px;height:44px; } }
@media(max-width:600px) { .studio-preview .appearance-dialog { padding:25px;border-radius:0; }.appearance-dialog h2 { margin-top:35px; }.appearance-swatches { gap:15px; }.appearance-sample { padding:18px; } }
@media(max-width:350px) { .studio-preview .appearance-dialog { padding:20px; }.appearance-swatches { gap:10px; } }

/* Transparent hero, with short text reveals and transform-only orbital motion. */
.studio-preview .premium-hero { position:relative;isolation:isolate;overflow:hidden;padding:28px 36px 0;margin-top:22px;min-height:0;border:1px solid #ffffff16;border-radius:24px;background:linear-gradient(115deg,#ffffff07,#ffffff01 65%),radial-gradient(ellipse at 100% 20%,var(--accent-glow),transparent 70%);box-shadow:inset 0 1px 0 #ffffff08; }
.hero-atmosphere { position:absolute;inset:0;pointer-events:none;z-index:-1; }.hero-grid { position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent,#000); }
.hero-halo { position:absolute;width:440px;height:440px;right:-180px;top:-170px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 45px #ffffff02,0 0 0 90px #ffffff02; }
.hero-banner-top { display:flex;justify-content:space-between;align-items:center;gap:15px;position:relative;z-index:2; }
.studio-preview .premium-hero .eyebrow { margin:0;font-size:9px;letter-spacing:1.5px;line-height:1.6; }.hero-motion { display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #ffffff25;border-radius:50%;background:#ffffff04;color:#d9d0e3;cursor:pointer;font-size:12px; }.hero-motion[hidden] { display:none; }
.studio-preview .premium-hero .hero-copy { position:relative;z-index:2;padding-top:44px;max-width:none; }
.studio-preview .premium-hero h1 { font-size:clamp(44px,4.6vw,74px);line-height:1.13;letter-spacing:-3.7px;margin:0 0 27px;font-weight:450; }
.studio-preview .premium-hero .hero-title-line { display:block;color:#f1eff5;background:none;animation:hero-text-arrive .85s cubic-bezier(.16,1,.3,1) both; }
.studio-preview .premium-hero .hero-title-line:nth-child(2) { animation-delay:.13s; }.studio-preview .premium-hero .hero-title-line:nth-child(3) { animation-delay:.26s; }
.hero-title-line em { color:var(--accent);font-style:normal;font-weight:450; }
.studio-preview .premium-hero .hero-spark { display:inline-block;margin-left:12px;font-size:.6em;vertical-align:middle;color:var(--accent);animation:hero-spark-turn 12s linear infinite; }
.studio-preview .premium-hero .hero-description { max-width:475px;font-size:14px;line-height:1.9;color:#b3acbc;animation:hero-text-arrive .85s .38s both; }
.studio-preview .premium-hero .hero-actions { gap:20px;margin-top:28px;animation:hero-text-arrive .85s .46s both; }.studio-preview .premium-hero .button { padding:14px 20px;font-size:12px; }.studio-preview .premium-hero .secondary-button { font-size:11px; }
.studio-preview .premium-hero .hero-notes { margin:22px 0 36px;gap:14px;font-size:9px; }.studio-preview .premium-hero .hero-notes span { color:#9f98aa; }.studio-preview .premium-hero .hero-notes i { background:var(--accent); }
.hero-intelligence { position:absolute;right:-92px;top:155px;width:310px;height:310px;pointer-events:none;opacity:.8;z-index:1; }
.intelligence-orbit { position:absolute;inset:20px;border:1px solid var(--accent);border-radius:50%;opacity:.34;animation:hero-orbit-turn 22s linear infinite; }.orbit-alpha { --orbit-tilt:40deg;--orbit-scale:.48; }.orbit-beta { --orbit-tilt:-40deg;--orbit-scale:.48;animation-direction:reverse; }.orbit-gamma { inset:44px;--orbit-tilt:0deg;--orbit-scale:1;opacity:.14;animation-duration:34s; }
.intelligence-core { position:absolute;inset:108px;border:1px solid #ffffff32;border-radius:27px;background:linear-gradient(145deg,var(--accent-glow),#17121f);display:grid;place-items:center;box-shadow:0 0 50px var(--accent-glow),inset 0 1px 0 #ffffff22;transform:rotate(-12deg);animation:hero-core-float 6s ease-in-out infinite; }.intelligence-core span { font-size:53px;color:var(--accent); }
.orbit-satellite { position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px var(--accent); }.satellite-one { top:67px;left:62px; }.satellite-two { bottom:56px;right:77px;width:4px;height:4px; }
.intelligence-caption { position:absolute;bottom:-10px;left:66px;color:#9b90a9;font-size:7px;letter-spacing:1.6px;line-height:1.9; }
.hero-process { display:flex;align-items:center;gap:18px;position:relative;z-index:2;border-top:1px solid #ffffff12;padding:22px 0;color:#d3cbdc;font-size:11px; }.hero-process>span { display:flex;align-items:center;gap:9px; }.hero-process small { font-size:8px;color:var(--accent); }.hero-process>i { color:#71667f;font-style:normal; }.hero-process a { margin-left:auto;min-height:32px;display:flex;align-items:center;gap:15px;font-size:7px;letter-spacing:1.6px;color:#a59baf; }.hero-process b { font-size:19px;color:var(--accent);font-weight:400;animation:hero-scroll-cue 2.2s ease-in-out infinite; }
@keyframes hero-text-arrive { from { opacity:0;transform:translateY(22px); } to { opacity:1;transform:translateY(0); } }
@keyframes hero-spark-turn { to { transform:rotate(360deg); } }
@keyframes hero-orbit-turn { from { transform:rotate(var(--orbit-tilt)) scaleX(var(--orbit-scale)) rotate(0deg); } to { transform:rotate(var(--orbit-tilt)) scaleX(var(--orbit-scale)) rotate(360deg); } }
@keyframes hero-core-float { 0%,100% { transform:translateY(0) rotate(-12deg); } 50% { transform:translateY(-12px) rotate(-5deg); } }
@keyframes hero-scroll-cue { 0%,100% { transform:translateY(0); } 50% { transform:translateY(5px); } }
.premium-hero.motion-off *,.premium-hero.motion-away *,.premium-hero.motion-hidden * { animation-play-state:paused!important; }
.premium-hero.motion-off .hero-title-line,.premium-hero.motion-off .hero-description,.premium-hero.motion-off .hero-actions { animation:none!important;opacity:1;transform:none; }
@media(max-width:1200px) and (min-width:901px) { .studio-preview .premium-hero { padding:25px 26px 0; }.studio-preview .premium-hero h1 { font-size:clamp(40px,4.4vw,53px);letter-spacing:-2.8px; }.hero-intelligence { opacity:.23;right:-160px;top:120px; }.hero-process { gap:10px; }.hero-process a { font-size:0;gap:0; }.studio-preview .premium-hero .hero-description { max-width:420px; } }
@media(max-width:600px) { .studio-preview .premium-hero { padding:20px 20px 0;margin-top:15px;border-radius:20px; }.studio-preview .premium-hero .hero-copy { padding-top:32px; }.studio-preview .premium-hero h1 { font-size:clamp(31px,8.3vw,47px);letter-spacing:-1.8px;line-height:1.2;margin-bottom:22px; }.studio-preview .premium-hero .eyebrow { font-size:7px;letter-spacing:1px; }.hero-motion { width:32px;height:32px; }.studio-preview .premium-hero .hero-description { font-size:12px;line-height:1.9; }.studio-preview .premium-hero .hero-actions { gap:8px 16px;margin-top:23px; }.studio-preview .premium-hero .button { font-size:11px;gap:15px; }.hero-intelligence { width:250px;height:250px;right:-158px;top:77px;opacity:.2; }.intelligence-caption { display:none; }.studio-preview .premium-hero .hero-notes { margin:20px 0 25px;gap:10px;font-size:8px; }.hero-process { flex-wrap:wrap;gap:10px;font-size:9px;padding-block:18px; }.hero-process>span { gap:5px; }.hero-process a { display:none; }.hero-process small { font-size:7px; }.studio-preview .premium-hero .hero-spark { margin-left:6px; } }
@media(prefers-reduced-motion:reduce) { .premium-hero * { animation:none!important; }.premium-hero .hero-title-line,.premium-hero .hero-description,.premium-hero .hero-actions { opacity:1;transform:none; } }

/* Background mode and accent are independent, homepage-only preferences. */
.studio-preview[data-accent=red] { --accent:#ff97a2;--accent-solid:#cc2034;--accent-ink:#fff;--accent-glow:#e5283e24; }
.appearance-mode { border:0;padding:0;margin:28px 0 0;min-width:0; }.appearance-mode legend { font-size:10px;letter-spacing:1.8px;margin-bottom:15px;padding:0;color:#dbd0e3; }.theme-options { display:flex;gap:12px; }.theme-options button { flex:1;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border:1px solid #504459;border-radius:10px;background:#242029;color:#e6dfed;font-size:13px;cursor:pointer; }.theme-options button span { font-size:20px; }.theme-options button[aria-pressed=true] { border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent); }
.studio-preview[data-theme=light] { color-scheme:light;--bg:#faf9fb;--panel:#fff;--text:#24212b;--muted:#655e6d;--line:#dfdbe2;background:#faf9fb;color:#24212b; }
.studio-preview[data-theme=light][data-accent=red] { --accent:#bd2134; }
.studio-preview[data-theme=light][data-accent=purple] { --accent:#6d28cc; }
.studio-preview[data-theme=light][data-accent=orange] { --accent:#a83b0a; }
.studio-preview[data-theme=light][data-accent=green] { --accent:#166b43; }
.studio-preview[data-theme=light][data-accent=pink] { --accent:#942189; }
.studio-preview[data-theme=light][data-accent=gold] { --accent:#805806; }
.studio-preview[data-theme=light][data-accent=white] { --accent:#53505c; }
.studio-preview[data-theme=light][data-accent=blue] { --accent:#304cd8; }
.studio-preview[data-theme=light][data-accent=teal] { --accent:#086968; }
.studio-preview[data-theme=light][data-accent=graphite] { --accent:#484848; }
.studio-preview[data-theme=light][data-accent=lime] { --accent:#47661c; }
.studio-preview[data-theme=light]::before { opacity:.45; }
.studio-preview[data-theme=light] .profile-panel { background:linear-gradient(145deg,#fff,#f5f2f6);border-color:#ded8e1;box-shadow:0 12px 40px #39303a08; }
.studio-preview[data-theme=light] .profile-status { color:#55505c;border-color:#ddd5e0;background:#fff; }
.studio-preview[data-theme=light] .profile-role,.studio-preview[data-theme=light] .profile-location { color:#655e6c; }
.studio-preview[data-theme=light] .profile-skills span { color:#595160;border-color:#ddd5e1;background:#fff; }
.studio-preview[data-theme=light] .profile-phone { color:#322b39; }
.studio-preview[data-theme=light] .profile-cta { color:#302834;border-color:#d8cddb;background:#fff; }
.studio-preview[data-theme=light] .profile-cta span { background:var(--accent-solid);color:var(--accent-ink); }
.studio-preview[data-theme=light] .studio-topbar { background:#ffffffc9;border-color:#e3dce7;color:#686071; }
.studio-preview[data-theme=light] .studio-topbar a { color:#352c3e; }
.studio-preview[data-theme=light] .studio-rail { background:#fff;border-color:#e0d8e5;box-shadow:0 6px 24px #2921300d; }
.studio-preview[data-theme=light] .studio-rail a { color:#6b6273; }.studio-preview[data-theme=light] .studio-rail a:hover,.studio-preview[data-theme=light] .studio-rail a[aria-current=true] { background:var(--accent-solid);color:var(--accent-ink);box-shadow:inset 0 0 0 1px #0001; }
.studio-preview[data-theme=light] .premium-hero { background:linear-gradient(110deg,#ffffffdd,#ffffff66),radial-gradient(ellipse at 100% 15%,var(--accent-glow),transparent 75%);border-color:#e4dce8;box-shadow:0 15px 55px #38273f06; }
.studio-preview[data-theme=light] .premium-hero .hero-title-line { color:#24202a; }
.studio-preview[data-theme=light] .premium-hero .hero-description { color:#655b70; }.studio-preview[data-theme=light] .premium-hero .hero-notes span { color:#716779; }
.studio-preview[data-theme=light] .hero-grid { background-image:linear-gradient(#38233e06 1px,transparent 1px),linear-gradient(90deg,#38233e06 1px,transparent 1px); }.studio-preview[data-theme=light] .hero-halo { border-color:#38213c12;box-shadow:0 0 0 45px #38213c02,0 0 0 90px #38213c02; }
.studio-preview[data-theme=light] .hero-motion { color:#5d5068;border-color:#d9cedf;background:#ffffff99; }
.studio-preview[data-theme=light] .intelligence-core { background:linear-gradient(145deg,#fff,var(--accent-glow));border-color:#ffffff; }
.studio-preview[data-theme=light] .intelligence-caption { color:#776880; }
.studio-preview[data-theme=light] .hero-process { border-color:#dfd7e4;color:#584d61; }.studio-preview[data-theme=light] .hero-process a { color:#786983; }
.studio-preview[data-theme=light] .button { box-shadow:inset 0 0 0 1px #00000012; }.studio-preview[data-theme=light] .secondary-button { color:#4c4156; }
.studio-preview[data-theme=light] .collection-strip { border-color:#ddd5e2; }.studio-preview[data-theme=light] .collection-strip>span { color:#706476; }.studio-preview[data-theme=light] .collection-strip p { color:#63576d; }
.studio-preview[data-theme=light] .section-heading h2 span { color:#776981; }.studio-preview[data-theme=light] .eyebrow,.studio-preview[data-theme=light] .section-heading>p { color:#73637f; }
.studio-preview[data-theme=light] .project-banner,.studio-preview[data-theme=light] .product-card,.studio-preview[data-theme=light] .service-tile,.studio-preview[data-theme=light] .website-card,.studio-preview[data-theme=light] .website-copy,.studio-preview[data-theme=light] .featured { background:#ffffffd9;border-color:#dfd5e5; }
.studio-preview[data-theme=light] .project-label,.studio-preview[data-theme=light] .banner-category,.studio-preview[data-theme=light] .label,.studio-preview[data-theme=light] .featured .label { color:#7a6889; }
.studio-preview[data-theme=light] .banner-copy h3+p,.studio-preview[data-theme=light] .service-tile p { color:#695c73; }
.studio-preview[data-theme=light] .project-tags span { color:#725481;background:#f1eaf5;border-color:#ded0e7; }
.studio-preview[data-theme=light] .details-button { color:#65536f;border-color:#d9cde1; }
.studio-preview[data-theme=light] .project-shot { background:radial-gradient(ellipse at 50% 30%,var(--accent-glow),#f3edf7); }.studio-preview[data-theme=light] .project-shot>span { color:#705b7e; }
.studio-preview[data-theme=light] .website-browser { background:#f2edf5;color:#65576f; }.studio-preview[data-theme=light] .website-description { color:#6d5d79; }
.studio-preview[data-theme=light] .website-position,.studio-preview[data-theme=light] .website-position span { color:#75627f; }.studio-preview[data-theme=light] .website-carousel-controls button { color:#5c4d67;background:#fff;border-color:#d5c7df; }
.studio-preview[data-theme=light] .toolbox { background:linear-gradient(145deg,#fff,#f4eff7);border-color:#d9cce2; }.studio-preview[data-theme=light] .toolbox-top p,.studio-preview[data-theme=light] .toolbox-bottom { color:#6d5b79; }.studio-preview[data-theme=light] .toolbox-reset { color:#695175;border-color:#d7c6e1; }
.studio-preview[data-theme=light] .studio-faq details { border-color:#ded3e6; }.studio-preview[data-theme=light] .studio-faq summary::after { border-color:#d9cce1; }.studio-preview[data-theme=light] .studio-faq details p { color:#6d5d79; }
.studio-preview[data-theme=light] .contact { background:linear-gradient(120deg,var(--accent-glow),#fff);border-color:#dfd1e6; }.studio-preview[data-theme=light] .contact-phone { color:#45384d; }.studio-preview[data-theme=light] .contact p { color:#6a5776; }
.studio-preview[data-theme=light] .studio-footer { border-color:#ddd3e5;color:#796886; }.studio-preview[data-theme=light] .studio-footer a { color:#665071; }
.studio-preview[data-theme=light] .appearance-toggle { background:#fff;color:#6a5878;border-color:#d8cce0;box-shadow:0 5px 20px #38214115; }
.studio-preview[data-theme=light] .appearance-dialog { background:#fcfafc;color:#2d2434;border-color:#ded1e6; }
.studio-preview[data-theme=light] .appearance-kicker,.studio-preview[data-theme=light] .appearance-description,.studio-preview[data-theme=light] .appearance-status { color:#776781; }
.studio-preview[data-theme=light] .appearance-options legend,.studio-preview[data-theme=light] .appearance-mode legend { color:#604e6d; }
.studio-preview[data-theme=light] .appearance-close { color:#654f74;border-color:#d7c8e0; }.studio-preview[data-theme=light] .appearance-swatches button { border-color:#fcfafc;box-shadow:inset 0 0 0 1px #0002; }.studio-preview[data-theme=light] .appearance-swatches button[aria-pressed=true] { outline-color:#5a426a; }.studio-preview[data-theme=light] .appearance-swatches button:focus-visible { outline-color:#302138; }
.studio-preview[data-theme=light] .theme-options button { background:#fff;color:#61506d;border-color:#dacde3; }.studio-preview[data-theme=light] .theme-options button[aria-pressed=true] { border-color:var(--accent); }
.studio-preview[data-theme=light] .appearance-sample { background:linear-gradient(125deg,var(--accent-glow),#fff);border-color:#ddd0e4; }.studio-preview[data-theme=light] .appearance-sample small { color:#7b668b; }.studio-preview[data-theme=light] .appearance-reset { color:#60446f;border-color:#cbb4d9; }
.studio-preview[data-theme=light] .project-dialog,.studio-preview[data-theme=light] #demo-dialog { background:#faf7fc;color:#302538;border-color:#d8c9e3; }.studio-preview[data-theme=light] .dialog-heading,.studio-preview[data-theme=light] .project-dialog-actions { border-color:#dfd3e7; }.studio-preview[data-theme=light] .project-information p,.studio-preview[data-theme=light] .project-information li,.studio-preview[data-theme=light] #project-image-caption { color:#6d587c; }.studio-preview[data-theme=light] .close-button,.studio-preview[data-theme=light] .gallery-controls button { background:#eee6f3;color:#584163;border-color:#d4bee0; }

/* Clean hero entrance and a dedicated, readable phone layout. */
.studio-preview .premium-hero { margin-top:0; }
.studio-preview .premium-hero .hero-spark { animation-duration:3s;animation-iteration-count:1; }
.premium-hero .intelligence-orbit { animation-duration:4.5s;animation-iteration-count:1; }
.premium-hero .intelligence-core { animation-duration:4s;animation-iteration-count:1; }
.premium-hero .hero-process b { animation-iteration-count:2; }
@media(max-width:600px) {
 .studio-preview main.wrap { margin:16px 14px 0; }
 .studio-preview .premium-hero { padding:25px 22px 0;border-radius:20px; }
 .studio-preview .premium-hero .hero-copy { padding-top:26px; }
 .studio-preview .premium-hero .eyebrow { font-size:8px;letter-spacing:1.1px;line-height:1.7; }
 .studio-preview .premium-hero h1 { font-size:clamp(29px,8.7vw,48px);line-height:1.18;letter-spacing:-1.5px;margin-bottom:20px; }
 .studio-preview .premium-hero .hero-description { font-size:13px;line-height:1.8; }
 .studio-preview .premium-hero .hero-actions { display:flex;flex-direction:column;align-items:stretch;gap:7px;margin-top:25px; }
 .studio-preview .premium-hero .hero-actions .button { width:100%;min-height:49px;padding:14px 19px;font-size:12px; }
 .studio-preview .premium-hero .hero-actions .secondary-button { justify-content:center;min-height:44px;font-size:12px; }
 .studio-preview .premium-hero .hero-notes { flex-direction:column;align-items:flex-start;gap:9px;margin:18px 0 24px;font-size:10px;line-height:1.5; }
 .studio-preview .premium-hero .hero-intelligence { right:-180px;top:72px;opacity:.13; }
 .studio-preview .premium-hero .hero-process { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-block:19px;font-size:10px; }
 .studio-preview .premium-hero .hero-process>span { gap:6px;white-space:nowrap; }
 .studio-preview .premium-hero .hero-process>i,.studio-preview .premium-hero .hero-process>a { display:none; }
}
/* A full portrait-style profile card on phones; the navigation stays independent. */
@media(max-width:600px) {
  .studio-preview .profile-panel { display:flex;flex-direction:column;align-items:stretch;gap:0;width:calc(100% - 28px);max-width:390px;margin:6px auto 18px;padding:18px 22px;border-radius:24px; }
  .studio-preview .profile-top { width:100%;margin:0;gap:10px; }
  .studio-preview .profile-status { font-size:10px;padding:9px 12px; }
  .studio-preview .profile-art { width:100%;height:clamp(180px,30svh,230px);aspect-ratio:auto;margin:16px 0 14px;border-radius:18px; }
  .studio-preview .profile-monogram { font-size:clamp(100px,28vw,120px);letter-spacing:-10px; }
  .studio-preview .profile-art small { left:0;right:0;bottom:18px;text-align:center;font-size:8px;letter-spacing:1.8px; }
  .studio-preview .profile-panel h2 { align-self:auto;text-align:center;font-size:28px;line-height:1.3;letter-spacing:-1px; }
  .studio-preview .profile-role { margin:7px 0 8px;text-align:center;font-size:12px;line-height:1.65; }
  .studio-preview .profile-location { margin:0;text-align:center;font-size:11px;line-height:1.7; }
  .studio-preview .profile-skills { display:flex;justify-content:center;gap:6px;margin:13px 0 0; }
  .studio-preview .profile-skills span { padding:6px 9px;border-radius:20px; }
  .studio-preview .profile-contact { display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:14px; }
  .studio-preview .profile-phone { margin:0;text-align:center;font-size:13px; }
  .studio-preview .profile-cta { width:100%;min-height:52px;font-size:12px;padding:6px 7px 6px 18px; }
  .studio-preview .profile-cta span { width:38px;height:38px; }
}
@media(max-width:350px) {
 .studio-preview .premium-hero { padding-inline:18px; }
 .studio-preview .premium-hero .eyebrow { font-size:7px;letter-spacing:.8px; }
 .studio-preview .premium-hero .hero-process { font-size:9px;gap:5px; }
}

/* Compact, accessible social links in the profile card. */
.profile-socials { display:flex;justify-content:center;align-items:center;gap:10px;margin:24px 0 20px; }
.profile-socials a { display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff12;border-radius:50%;background:linear-gradient(145deg,#373739,#252527);color:#eee;transition:background .2s,color .2s,transform .2s; }
.profile-socials svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
.profile-socials .social-fill { fill:currentColor;stroke:none; }
.profile-socials a:hover { background:var(--accent-solid);color:var(--accent-ink);transform:translateY(-2px); }
.studio-preview[data-theme=light] .profile-socials a { background:#ede8f1;border-color:#ded5e5;color:#51465b; }
.studio-preview[data-theme=light] .profile-socials a:hover { background:var(--accent-solid);color:var(--accent-ink); }
@media(min-width:601px) and (max-width:900px) { .profile-socials { grid-column:2;margin:20px 0 0;justify-content:flex-start; } }
@media(max-width:600px) { .profile-socials { margin:26px 0 0; } }

/* Keep social links exactly 20px above the profile contact button. */
.studio-preview .profile-contact { display:flex;flex-direction:column;align-items:stretch;gap:20px; }
.studio-preview .profile-contact .profile-socials { margin:0;justify-content:center; }
.studio-preview .profile-contact .profile-cta { width:100%; }

/* Recent work uses the same lightweight native carousel controller as websites. */
.recent-carousel { min-width:0; }
.recent-track { display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--accent) var(--panel);padding:4px 0 16px; }
.studio-preview .recent-track .project-banner { flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.studio-preview .recent-track .project-banner.is-current { border-color:var(--accent); }
.recent-track.is-dragging { scroll-snap-type:none;scroll-behavior:auto;user-select:none;cursor:grabbing; }
.recent-track .banner-copy { gap:18px; }
.recent-track .project-shot img { user-select:none; }
.studio-preview .recent-carousel .website-arrows button { background:var(--panel);color:var(--accent);border-color:var(--line); }
.studio-preview .recent-carousel .website-position,.studio-preview .recent-carousel .website-position span { color:var(--muted); }
@media(hover:hover) { .recent-track { cursor:grab; }.recent-track.is-dragging { cursor:grabbing; } }
@media(max-width:650px) {
 .studio-preview .recent-track .project-banner { grid-template-columns:minmax(0,1fr); }
 .studio-preview .recent-track .project-shot { order:-1;min-height:0;height:210px; }
 .studio-preview .recent-track .project-shot img { height:100%;object-fit:contain; }
 .recent-track .banner-copy { padding:22px;gap:16px; }
 .recent-track .banner-copy h3 { font-size:30px; }
 .recent-track .banner-copy h3+p { font-size:13px; }
 .recent-track .banner-copy .case-study-link { margin-top:0; }
 .recent-carousel .website-position span { display:none; }
}

/* Editorial project cards: a clear story, three capabilities, one action row. */
.studio-preview .recent-track .project-banner { border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:var(--panel);border-color:var(--line); }
.studio-preview .recent-track .banner-copy { padding:30px;gap:24px;justify-content:flex-start; }
.recent-track .project-label { display:flex;align-items:center;gap:8px;width:100%;font-size:9px;letter-spacing:1.2px; }
.recent-number { margin-left:auto;color:var(--accent);font-size:11px;letter-spacing:1px; }
.recent-track .banner-category { font-size:9px;margin:0 0 15px;color:var(--accent); }
.recent-track .recent-lead { font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 7px; }
.studio-preview .recent-track .banner-copy h3 { font-size:clamp(29px,3.4vw,46px);letter-spacing:-1.5px;margin-bottom:14px; }
.recent-features { display:grid;gap:0;margin-top:23px;border-top:1px solid var(--line); }
.recent-features>div { display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line); }
.recent-features>div>span { display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;background:var(--accent-glow);border-radius:9px;color:var(--accent);font-size:9px; }
.recent-features p { margin:0;line-height:1.5; }
.recent-features strong { display:block;font-size:12px;font-weight:550; }
.recent-features small { display:block;font-size:11px;color:var(--muted);margin-top:2px; }
.recent-actions { display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%;margin-top:auto; }
.studio-preview .recent-actions .button { flex:1 1 100%;min-width:0;justify-content:space-between;padding:13px 18px;font-size:12px; }
.studio-preview .recent-actions .details-button { flex:1;min-width:0;margin:0;min-height:44px;padding:10px 15px;border-radius:12px;font-size:12px; }
.studio-preview .recent-actions .case-study-link { flex:none;margin:0;border-radius:12px; }
.studio-preview .recent-track .project-shot { position:relative;gap:0;padding:30px 24px;min-height:0;justify-content:center;background:radial-gradient(ellipse at 65% 35%,var(--accent-glow),transparent 75%),var(--bg);border-left:1px solid var(--line); }
.recent-browser { display:flex;align-items:center;gap:10px;width:100%;padding:13px 12px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:var(--panel);color:var(--muted); }
.recent-browser>span:first-child { display:flex;gap:4px; }
.recent-browser i { width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.65; }
.recent-browser small { font-size:9px;flex:1;text-align:center; }
.studio-preview .recent-track .project-shot img { width:100%;height:auto;max-height:none;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 25px 50px #0003; }
.studio-preview .recent-track .project-shot>span { font-size:8px;line-height:1.6;letter-spacing:1.4px;margin-top:24px;color:var(--muted); }
.recent-track { scrollbar-width:none;padding-bottom:4px; }
.recent-track::-webkit-scrollbar { display:none; }
.recent-carousel .website-carousel-controls { padding:18px 2px 0; }
@media(max-width:700px) {
 .studio-preview .recent-track .project-banner { grid-template-columns:minmax(0,1fr); }
 .studio-preview .recent-track .project-shot { order:-1;height:auto;padding:20px 22px;border-left:0;border-bottom:1px solid var(--line); }
 .studio-preview .recent-track .project-shot img { height:auto;max-height:190px;object-fit:contain;background:var(--panel); }
 .studio-preview .recent-track .project-shot>span { margin-top:12px;font-size:7px; }
 .studio-preview .recent-track .banner-copy { padding:22px;gap:20px; }
 .recent-features { margin-top:18px; }
 .recent-features>div { padding:9px 0; }
}