/* Webbuy Studio — an isolated, reversible home-page design. */
.studio-home { --studio-rule:var(--line); --radius:10px; --radius-l:14px; }
.studio-home [hidden] { display:none !important; }
.studio-home .container { max-width:1400px; }
.studio-home .section { padding-block:96px; }
.studio-home .btn { border-radius:5px; font-weight:600; }
.studio-home .btn .icon { flex-shrink:0; }
.studio-home .site-header { border-bottom:1px solid var(--line); }
.studio-home .site-header__inner { height:80px; }
.studio-home .site-header__logo { height:32px; }
.studio-home .site-header.is-scrolled .logo { height:32px; }
.studio-home .site-nav a { font-size:13px; }
.studio-home .sec-head__title { font-size:clamp(2rem,4.2vw,3.8rem); letter-spacing:-.05em; line-height:1.08; font-weight:650; }
.studio-home .sec-head__lead { font-size:17px; max-width:42ch; }
.studio-home .section-num { font-size:10px; letter-spacing:.12em; }
.studio-home [data-reveal] { opacity:1; transform:none; animation:none; }
.studio-home .grain::after { display:none; }
.studio-home :where(a,button,input,summary):focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
.studio-home h2:focus { outline:none; }

.studio-slash { display:inline-block; width:11px; height:21px; background:var(--accent); transform:skew(-24deg); flex-shrink:0; }
.studio-kicker { font-size:11px; letter-spacing:.14em; font-weight:600; text-transform:uppercase; margin-bottom:24px; }
.studio-text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; padding:8px 0; border-bottom:1px solid var(--text); font-size:14px; font-weight:600; text-decoration:none; }
.studio-text-link .icon,.studio-text-link>span { transition:transform .2s ease; }
.studio-text-link:hover .icon,.studio-text-link:hover>span { transform:translate(3px,-3px); }

.studio-hero { padding:36px 0 0; overflow:clip; }
.studio-hero__eyebrow { display:flex; align-items:center; gap:14px; font-size:10px; letter-spacing:.13em; font-weight:600; }
.studio-hero__edition { margin-left:auto; font-size:9px; color:var(--text-3); letter-spacing:.14em; }
.studio-hero__grid { display:grid; grid-template-columns:1.06fr 1fr; gap:clamp(28px,5vw,80px); align-items:center; padding:45px 0 50px; }
.studio-hero h1 { font-size:clamp(56px,6.3vw,91px); line-height:1.015; letter-spacing:-.065em; font-weight:650; margin:0; }
.studio-hero h1 span { font-weight:450; }
.studio-hero__lead { max-width:40ch; margin-top:28px; font-size:17px; line-height:1.7; color:var(--text-2); }
.studio-hero__actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:32px; }
.studio-hero__actions .btn { font-size:14px; min-height:54px; padding-inline:22px; gap:20px; }
.studio-hero__note { margin-top:21px; max-width:45ch; font-size:11px; line-height:1.6; color:var(--text-3); }
.studio-hero__product { min-width:0; position:relative; padding:0 0 0 10px; }
.studio-product-label { display:flex; justify-content:space-between; gap:12px; font-size:9px; letter-spacing:.1em; font-weight:600; margin-bottom:14px; }
.studio-product-label>span:last-child { flex-shrink:0; color:var(--text-3); }
.studio-product-caption { display:flex; align-items:center; justify-content:flex-end; gap:12px; font-size:12px; font-weight:500; margin:20px 0 0; }
.studio-product-caption .studio-slash { width:5px; height:11px; }
.studio-product-caption>span:last-child { font-size:22px; }
.studio-signature { display:grid; grid-template-columns:repeat(3,1fr) 40px; gap:25px; align-items:center; border-top:1px solid var(--line); padding:25px 0; font-size:11px; color:var(--text-2); }
.studio-signature>span { display:flex; align-items:center; gap:12px; }
.studio-signature>span::before { content:''; width:5px; height:5px; background:var(--accent); flex-shrink:0; }
.studio-signature>a { font-size:23px; text-align:right; text-decoration:none; }

/* The demo remains a clearly labelled, self-contained product sample. */
.studio-app { background:#fffdf8; color:#142033; border:1px solid #142033; border-radius:11px; box-shadow:10px 10px 0 var(--accent); overflow:hidden; font-family:var(--font-body); }
.studio-app__chrome { background:#142033; color:#fffdf8; padding:13px 22px; display:flex; align-items:center; gap:12px; font-size:12px; }
.studio-app__mark { color:#f2b544; font-size:26px; letter-spacing:-4px; font-weight:750; width:25px; }
.studio-app__demo-label { margin-left:auto; color:#e6d9b9; font-size:9px; letter-spacing:.15em; }
.studio-app__steps { display:flex; list-style:none; padding:18px 24px 0; margin:0; gap:14px; }
.studio-app__steps li { flex:1; border-bottom:2px solid #e5e3dc; padding-bottom:12px; color:#65707a; font-size:11px; display:flex; gap:8px; align-items:center; }
.studio-app__steps li>span { font-size:10px; }
.studio-app__steps li[aria-current] { border-color:#ad7510; color:#142033; font-weight:650; }
.studio-app__steps li.is-complete { border-color:#256a4c; }
.studio-app__body { padding:22px 24px 18px; min-height:358px; }
.studio-app__kicker { font-size:9px; font-weight:600; color:#65707a; letter-spacing:.11em; margin:0 0 9px; }
.studio-app__title { color:#142033; font-size:clamp(18px,1.8vw,25px); line-height:1.2; font-weight:650; letter-spacing:-.045em; margin:0 0 19px; }
.studio-services { padding:0; margin:0; border:0; display:grid; gap:8px; }
.studio-services label { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid #deddd5; border-radius:5px; cursor:pointer; min-height:63px; }
.studio-services label:has(input:checked) { background:#f7f0df; border-color:#ad7510; }
.studio-services input,.studio-pickup input { accent-color:#142033; width:16px; height:16px; min-height:0; margin:0; flex-shrink:0; }
.studio-services label>span { font-size:12px; font-weight:600; }
.studio-services small { display:block; font-size:10px; color:#5c6672; margin-top:3px; font-weight:400; }
.studio-services label>b { margin-left:auto; font-size:13px; white-space:nowrap; }
.studio-pickup { display:flex; align-items:center; gap:10px; font-size:11px; padding:15px 0; cursor:pointer; }
.studio-pickup>b { margin-left:auto; white-space:nowrap; font-size:11px; }
.studio-app__total { border-top:1px solid #e5e3dc; padding:13px 0; display:flex; align-items:center; justify-content:space-between; font-size:11px; }
.studio-app__total output { font-family:var(--font-head); font-size:28px; font-weight:650; letter-spacing:-.05em; }
.studio-app__button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; border:0; border-radius:4px; background:#142033; color:#fffdf8; font-size:12px; font-weight:600; padding:14px 16px; min-height:46px; cursor:pointer; transition:background .2s ease; }
.studio-app__button:hover { background:#2b3b50; }
.studio-app__button:disabled { opacity:.55; cursor:default; }
.studio-app__button .icon { width:17px; height:17px; }
.studio-app__foot { display:flex; align-items:center; gap:7px; color:#646c77; padding:13px 24px; margin:0; border-top:1px solid #e5e3dc; font-size:9px; line-height:1.5; }
.studio-app__foot .icon { width:12px; height:12px; flex-shrink:0; }
.studio-app__nojs { font-size:12px; padding:12px 24px; }
.studio-order { padding:18px; background:#f4f1e9; border:1px solid #e4dfd3; border-radius:6px; }
.studio-order__head,.studio-order__bottom { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:10px; }
.studio-order__badge { background:#f2b544; color:#142033; padding:3px 8px; border-radius:3px; }
.studio-order>strong { display:block; font-size:17px; margin-top:20px; }
.studio-order>p { color:#586271; font-size:12px; margin:5px 0 20px; }
.studio-order__bottom { padding-top:12px; border-top:1px solid #d7d4cb; }
.studio-order__bottom>b { font-size:20px; white-space:nowrap; }
.studio-app__explain { font-size:12px; line-height:1.7; color:#586271; margin:20px 0; }
.studio-success { text-align:center; padding:6px 12px 15px; }
.studio-success__icon { display:grid; place-items:center; width:48px; height:48px; margin:0 auto 18px; border:1px solid #256a4c; border-radius:50%; color:#256a4c; background:#edf4ed; }
.studio-success .studio-app__title { font-size:24px; }
.studio-success>p:last-child { font-size:12px; line-height:1.7; color:#586271; }
.studio-receipt { display:flex; justify-content:space-between; gap:10px; font-size:11px; padding:15px 0; border-block:1px solid #e4dfd3; margin-bottom:20px; }
.studio-receipt>span { display:flex; align-items:center; gap:7px; }
.studio-receipt .icon { width:16px; }
.studio-app__button--reset { background:transparent; color:#142033; border:1px solid #d7d4cb; }
.studio-app__button--reset:hover { background:#f4f1e9; }

/* Work: generous imagery, clear art direction and deliberate thin rules. */
.studio-work { border-top:1px solid var(--line); }
.studio-work__head { display:grid; grid-template-columns:1.3fr 1fr; align-items:end; gap:60px; margin-bottom:64px; }
.studio-work__head h2 { font-size:clamp(38px,4.6vw,64px); font-weight:600; line-height:1.05; letter-spacing:-.055em; }
.studio-work__head>div:last-child { max-width:38ch; justify-self:end; }
.studio-work__head>div:last-child>p { font-size:16px; color:var(--text-2); line-height:1.7; margin-bottom:18px; }
.studio-case { display:grid; grid-template-columns:.78fr 1.4fr; gap:56px; padding:48px 0; border-top:1px solid var(--line); align-items:center; }
.studio-case:last-child { padding-bottom:0; }
.studio-case__info { min-width:0; }
.studio-case__index { font-size:9px; letter-spacing:.08em; line-height:1.7; text-transform:uppercase; color:var(--text-3); max-width:36ch; }
.studio-case__index>span { color:var(--text); font-weight:700; }
.studio-case__info h3 { margin:25px 0 18px; font-size:clamp(28px,3.5vw,48px); font-weight:600; letter-spacing:-.05em; line-height:1.1; }
.studio-case__info h3 a { text-decoration:none; }
.studio-case__headline { font-size:17px; line-height:1.6; max-width:33ch; }
.studio-case__features { list-style:none; margin:22px 0; padding:0; font-size:11px; color:var(--text-2); }
.studio-case__features li { padding:9px 0 9px 15px; position:relative; border-top:1px solid var(--line); }
.studio-case__features li::before { content:'↗'; position:absolute; left:0; color:var(--text); }
.studio-case__gallery { min-width:0; background:var(--surface-2); border:1px solid var(--line); border-radius:9px; overflow:hidden; }
.studio-case__toolbar { display:flex; align-items:center; gap:12px; justify-content:space-between; min-height:53px; padding:10px 18px; border-bottom:1px solid var(--line); background:var(--surface); }
.studio-case__browser { display:flex; gap:4px; }
.studio-case__browser i { width:5px; height:5px; border-radius:50%; background:var(--text-3); opacity:.5; }
.studio-case__tabs { display:flex; gap:3px; }
.studio-case__tabs button { border:0; background:transparent; color:var(--text-2); font-size:10px; padding:8px 11px; cursor:pointer; border-radius:3px; }
.studio-case__tabs button[aria-pressed="true"] { background:var(--text); color:var(--bg); }
.studio-case__year { font-size:8px; letter-spacing:.08em; color:var(--text-3); }
.studio-case__shot { height:clamp(290px,33vw,450px); display:flex; align-items:flex-start; justify-content:center; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.studio-case__shot .shot { width:100%; height:auto; max-height:none; object-fit:contain; display:block; border-radius:0; }
.studio-case__shot--mobile,.studio-case__shot--panel { padding:20px; background:var(--surface-2); }
.studio-case__shot--mobile .shot,.studio-case__shot--panel .shot { width:auto; height:100%; max-width:100%; object-fit:contain; border-radius:8px; box-shadow:0 6px 24px #00000018; }
.studio-case__caption { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 18px; font-size:9px; color:var(--text-2); border-top:1px solid var(--line); }
.studio-case__caption a { display:inline-flex; gap:7px; align-items:center; white-space:nowrap; text-decoration:none; color:var(--text); }
.studio-case__caption .icon { width:13px; height:13px; }

.studio-home .studio-system { background:#142033; color:#fffdf8; margin-top:0; padding-block:80px; }
.studio-system__head { display:grid; grid-template-columns:1fr 1fr; column-gap:80px; align-items:end; }
.studio-system__head .studio-kicker { grid-column:1/-1; color:#e6c980; }
.studio-system__head h2 { font-size:clamp(34px,4.2vw,58px); letter-spacing:-.05em; line-height:1.12; font-weight:550; white-space:pre-line; }
.studio-system__head>p:last-child { color:#b9c1ce; font-size:17px; max-width:32ch; justify-self:end; }
.studio-system__steps { display:grid; grid-template-columns:repeat(3,1fr); list-style:none; margin:54px 0 0; padding:0; border-top:1px solid #ffffff30; }
.studio-system__steps li { padding:30px 30px 30px 0; display:grid; grid-template-columns:1fr auto; gap:24px; }
.studio-system__steps li+li { border-left:1px solid #ffffff30; padding-left:30px; }
.studio-system__number { font-size:12px; color:#e6c980; grid-column:1/-1; }
.studio-system__steps h3 { font-size:24px; font-weight:550; letter-spacing:-.04em; margin-bottom:12px; }
.studio-system__steps p { color:#b9c1ce; font-size:13px; line-height:1.8; }
.studio-system__arrow { color:#f2b544; font-size:24px; }
.studio-system__link { display:inline-flex; align-items:center; gap:40px; color:#f2b544; border-bottom:1px solid #f2b544; text-decoration:none; font-size:14px; margin-top:20px; padding-bottom:12px; }

.studio-explore-wrap { scroll-margin-top:95px; border-bottom:1px solid var(--line); background:var(--surface-2); }
.studio-explore>summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:30px; cursor:pointer; list-style:none; }
.studio-explore>summary::-webkit-details-marker,.studio-fold>summary::-webkit-details-marker,.studio-plan-details>summary::-webkit-details-marker { display:none; }
.studio-explore>summary b { display:block; font-family:var(--font-head); font-size:24px; font-weight:600; letter-spacing:-.035em; }
.studio-explore>summary span>span { display:block; font-size:12px; color:var(--text-2); margin-top:5px; }
.studio-explore>summary>.icon { width:26px; height:26px; flex-shrink:0; }
.studio-explore[open]>summary>.icon,.studio-plan-details[open]>summary>.icon,.studio-fold[open]>summary>.icon { transform:rotate(45deg); }
.studio-home .panel-demo { padding-top:35px; }
.studio-home .panel-demo__head { display:none; }
.studio-home .pricing__head { margin-bottom:40px; }
.studio-home .plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; overflow:visible; margin-inline:0; padding:0; scroll-snap-type:none; align-items:start; }
.studio-home .plans__hint { display:none; }
.studio-home .plan { width:auto; min-width:0; border:1px solid var(--line); border-radius:7px; box-shadow:none; transform:none; }
.studio-home .plan--featured { background:#142033; border-color:#142033; }
.studio-home .plan__inner { padding:27px; }
.studio-home .plan__name { font-weight:600; font-size:26px; }
.studio-home .plan__badge { font-size:8px; height:21px; padding-inline:6px; border-radius:2px; }
.studio-home .plan__tagline { font-size:12px; min-height:5.8em; }
.studio-home .plan__price .price__amount { font-weight:550; font-size:36px; letter-spacing:-.05em; }
.studio-home .plan__features { font-size:12px; margin-top:22px; gap:11px; }
.studio-home .plan__term { font-size:10px; }
.studio-home .plan__cta { font-size:12px; margin-top:24px; }
.studio-plan-details { margin-top:24px; padding-top:15px; border-top:1px solid var(--line); }
.studio-plan-details>summary { display:flex; justify-content:space-between; align-items:center; gap:12px; list-style:none; cursor:pointer; font-size:11px; font-weight:600; }
.studio-plan-details>summary .icon { width:15px; height:15px; }
.studio-home .studio-fold { border-top:1px solid var(--line); margin-top:22px; }
.studio-home .studio-fold>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 0; list-style:none; cursor:pointer; font-size:16px; font-weight:550; }
.studio-home .studio-fold .extras { margin-top:10px; padding-block:20px; }
.studio-home .compare { margin-top:0; }
.studio-home .compare__title { display:none; }
.studio-home .compare__summary { background:transparent; border:0; border-radius:0; color:var(--text); }
.studio-home .compare__fold:not([open])>.compare__legend,.studio-home .compare__fold:not([open])>.compare__wrap { display:none; }
.studio-home .compare__hide { display:none; }
.studio-home .compare__fold[open] .compare__show { display:none; }
.studio-home .compare__fold[open] .compare__hide { display:inline; }
.studio-home .scope { margin-top:0; padding-top:15px; }
.studio-home .process { background:var(--surface-2); border-block:1px solid var(--line); }
.studio-home .timeline__title { font-size:19px; }
.studio-home .timeline__text,.studio-home .timeline__out { font-size:12px; }
.studio-home .faq__item { border-radius:0; box-shadow:none; }
.studio-home .contact { padding-block:80px; }
.studio-home .cookie-note { border-radius:6px; box-shadow:0 6px 30px #00000012; max-width:345px; padding:15px 18px; }
.studio-home .cookie-note__text { font-size:11px; }
.studio-home .cookie-note__actions .btn { min-height:34px; }

@media (min-width:1500px) { .studio-hero__grid { padding-block:64px; } }
@media (max-width:1119px) {
  .studio-home .site-header__inner { height:72px; }
  .studio-hero__grid { gap:36px; grid-template-columns:1fr 1fr; }
  .studio-hero h1 { font-size:clamp(53px,6.3vw,72px); }
  .studio-hero__actions { gap:12px; }
  .studio-hero__actions .btn { font-size:12px; padding-inline:16px; }
  .studio-text-link { font-size:12px; gap:16px; }
  .studio-case { gap:30px; }
  .studio-home .plan__inner { padding:20px; }
  .studio-home .plan__name { font-size:23px; }
}
@media (max-width:899px) {
  .studio-home .section { padding-block:64px; }
  .studio-hero__grid { gap:38px; grid-template-columns:1fr; padding:36px 0 40px; }
  .studio-hero__copy { max-width:660px; }
  .studio-hero h1 { font-size:clamp(50px,9vw,78px); }
  .studio-hero__lead { max-width:44ch; font-size:16px; margin-top:22px; }
  .studio-hero__product { max-width:570px; width:100%; padding:0 10px 0 0; justify-self:center; }
  .studio-app__title { font-size:25px; }
  .studio-signature { gap:16px; grid-template-columns:repeat(3,1fr); font-size:10px; }
  .studio-signature>a { display:none; }
  .studio-signature>span { align-items:flex-start; }
  .studio-signature>span::before { margin-top:5px; }
  .studio-work__head { gap:28px; margin-bottom:35px; }
  .studio-work__head h2 { font-size:38px; }
  .studio-work__head>div:last-child>p { font-size:14px; }
  .studio-case { grid-template-columns:1fr; gap:28px; padding-block:36px; }
  .studio-case__info { display:grid; grid-template-columns:1fr 1fr; gap:0 30px; }
  .studio-case__index { grid-column:1/-1; max-width:none; }
  .studio-case__info h3 { grid-column:1; font-size:36px; }
  .studio-case__headline { grid-column:1; font-size:15px; }
  .studio-case__features { grid-column:2; grid-row:2/4; }
  .studio-case__info>.studio-text-link { justify-self:start; margin-top:20px; }
  .studio-case__shot { height:400px; }
  .studio-system__head { gap:20px; }
  .studio-system__head h2 { font-size:37px; }
  .studio-system__head>p:last-child { font-size:14px; }
  .studio-system__steps h3 { font-size:20px; }
  .studio-system__steps li { padding-right:20px; }
  .studio-system__steps li+li { padding-left:20px; }
  .studio-home .plans { gap:12px; }
  .studio-home .plan__head { flex-wrap:wrap; gap:7px; }
  .studio-home .plan__name { font-size:20px; }
  .studio-home .plan__inner { padding:18px; }
  .studio-home .plan__tagline { min-height:8em; }
  .studio-home .plan__price .price__amount { font-size:29px; }
}
@media (max-width:599px) {
  .studio-home .site-header__inner { height:64px; }
  .studio-home .site-header__logo,.studio-home .site-header.is-scrolled .logo { height:27px; }
  .studio-hero { padding-top:26px; }
  .studio-hero__eyebrow { font-size:8px; gap:10px; letter-spacing:.09em; }
  .studio-hero__edition { display:none; }
  .studio-hero h1 { font-size:clamp(47px,11.6vw,67px); line-height:1.04; letter-spacing:-.06em; }
  .studio-hero__grid { padding-top:31px; gap:32px; }
  .studio-hero__actions { margin-top:25px; gap:16px; }
  .studio-hero__actions .btn { min-height:50px; font-size:12px; padding-inline:17px; }
  .studio-hero__note { font-size:10px; margin-top:17px; }
  .studio-hero__lead { font-size:15px; line-height:1.7; }
  .studio-product-label { font-size:7px; }
  .studio-app { box-shadow:7px 7px 0 var(--accent); border-radius:8px; }
  .studio-app__chrome { padding:11px 16px; }
  .studio-app__steps { padding:15px 16px 0; gap:12px; }
  .studio-app__body { padding:20px 16px 17px; min-height:362px; }
  .studio-app__title { font-size:22px; }
  .studio-app__foot { padding:12px 16px; font-size:8px; }
  .studio-product-caption { font-size:11px; }
  .studio-signature { grid-template-columns:1fr; gap:12px; padding-block:23px; font-size:11px; }
  .studio-work__head { grid-template-columns:1fr; gap:22px; }
  .studio-work__head h2 { font-size:39px; }
  .studio-work__head>div:last-child { justify-self:start; max-width:36ch; }
  .studio-kicker { font-size:9px; margin-bottom:18px; }
  .studio-case__info { display:block; }
  .studio-case__info h3 { font-size:36px; margin-block:17px; }
  .studio-case__headline { font-size:16px; }
  .studio-case__features { margin-block:18px 5px; }
  .studio-case__shot { height:260px; }
  .studio-case__toolbar { padding:10px; gap:5px; }
  .studio-case__tabs button { padding:8px 10px; font-size:10px; }
  .studio-case__year { display:none; }
  .studio-case__caption { padding:12px; font-size:8px; gap:10px; }
  .studio-case__shot--mobile,.studio-case__shot--panel { height:400px; }
  .studio-system__head { grid-template-columns:1fr; }
  .studio-system__head .studio-kicker { margin-bottom:0; }
  .studio-system__head h2 { font-size:37px; }
  .studio-system__head>p:last-child { justify-self:start; font-size:15px; }
  .studio-system__steps { grid-template-columns:1fr; margin-top:35px; }
  .studio-system__steps li,.studio-system__steps li+li { grid-template-columns:24px 1fr 20px; gap:18px; padding:25px 0; border-left:0; border-bottom:1px solid #ffffff30; }
  .studio-system__number { grid-column:auto; margin-top:5px; font-size:10px; }
  .studio-system__steps h3 { font-size:23px; }
  .studio-system__steps p { font-size:13px; }
  .studio-system__link { margin-top:30px; }
  .studio-explore>summary b { font-size:21px; }
  .studio-explore>summary span>span { font-size:11px; }
  .studio-home .plans { grid-template-columns:1fr; gap:18px; }
  .studio-home .plan__inner { padding:26px; }
  .studio-home .plan__head { flex-wrap:nowrap; }
  .studio-home .plan__name { font-size:27px; }
  .studio-home .plan__tagline { min-height:0; font-size:13px; }
  .studio-home .plan__price .price__amount { font-size:38px; }
  .studio-home .plan__features { font-size:13px; }
  .studio-home .studio-fold>summary { font-size:14px; }
  .studio-home .sec-head__title { font-size:37px; }
  .studio-home .sec-head__lead { font-size:15px; }
  .studio-home .cookie-note { max-width:none; padding:12px 16px; border-radius:0; }
}
@media (prefers-reduced-motion:no-preference) {
  .studio-app__body>[data-studio-screen]:not([hidden]) { animation:studio-screen .25s ease-out; }
  .studio-case__shot:not([hidden]) { animation:studio-screen .25s ease-out; }
  @keyframes studio-screen { from { opacity:.4; transform:translateY(5px); } to { opacity:1; transform:none; } }
}
@media (prefers-reduced-motion:reduce) { .studio-home * { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }
@media print { .studio-home details>* { display:block !important; } .studio-app { box-shadow:none; } }