/* YK Co: typography and product photography lead the layout. */
:root { --paper:#fff; --ink:#17191c; --muted:#61656b; --line:#dddfe2; --accent:#326da8; }
body { background:#fff; color:var(--ink); }
h1,h2,h3 { font-family:'DM Sans',sans-serif; font-weight:500; }
.container { width:calc(100% - 80px); max-width:1600px; }
.header { background:#fffffff5; border:0; }
.header.is-scrolled { background:#fffffff5; box-shadow:none; border-bottom:1px solid #eeeeef; }
.nav-row { min-height:100px; }
.actual-logo { width:132px; height:48px; }
.nav-row nav { gap:36px; font-size:14px; font-weight:550; }
.nav-row nav a::after { background:var(--ink); height:1px; }
.eyebrow { font-size:11px; letter-spacing:.04em; font-weight:500; }
.button { border-radius:0; box-shadow:none; }
.button-dark { background:var(--ink); }
.button-dark:hover { background:var(--accent); }
.text-link { border-color:var(--ink); font-size:13px; font-weight:500; }
a:hover { color:var(--accent); }
.studio-home .concise-hero { display:block; padding:62px 0 64px; border:0; }
.concise-hero .eyebrow { justify-content:space-between; margin-bottom:35px; }
.studio-home .concise-hero h1 { font-size:clamp(76px,9.8vw,154px); font-weight:500; line-height:.97; letter-spacing:-.075em; margin:0; }
.studio-home h1 > span { color:var(--ink); }
.hero-summary { display:grid; grid-template-columns:1fr auto; gap:14px 70px; align-items:center; max-width:700px; margin:44px 0 0 auto; }
.hero-summary > p:first-child { font-size:18px; line-height:1.5; margin:0; }
.hero-summary .button { padding:12px 0; background:none; color:var(--ink); border-bottom:1px solid var(--ink); gap:30px; white-space:nowrap; }
.hero-summary .button:hover { color:var(--accent); transform:none; }
.platform-note { grid-column:1/-1; font-size:10px; text-transform:uppercase; margin:0; letter-spacing:.06em; }
.featured-section { display:block; padding:12px 0 80px; border-bottom:1px solid var(--line); }
.project-overline { display:flex; justify-content:space-between; font-size:11px; text-transform:uppercase; letter-spacing:.06em; margin-bottom:16px; }
.project-overline > span:first-child { color:var(--accent); }
.featured-canvas { display:block; position:relative; overflow:hidden; background:#dce7f2; min-height:580px; color:var(--ink); }
.canvas-caption { position:absolute; left:32px; top:30px; font-size:12px; line-height:1.5; }
.featured-screen-set { min-height:580px; display:flex; justify-content:center; align-items:center; gap:42px; padding:55px 140px; }
.featured-screen-set img { display:block; width:22%; max-width:235px; height:auto; border-radius:16px; box-shadow:0 22px 36px #142e4c1c; transition:transform .6s cubic-bezier(.2,.6,.3,1); }
.featured-screen-set img:first-child { transform:translateY(20px); }
.featured-screen-set img:last-child { transform:translateY(-20px); }
.canvas-arrow { position:absolute; right:30px; bottom:26px; width:48px; height:48px; display:grid; place-items:center; border:1px solid #17191c55; border-radius:50%; font-size:25px; }
.featured-caption { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding-top:30px; }
.featured-caption h2 { font-size:clamp(38px,4.5vw,64px); letter-spacing:-.06em; margin:0; }
.featured-caption p { font-size:19px; line-height:1.5; max-width:560px; margin:0; }
.featured-caption .page-actions { gap:26px; margin-top:16px; }
.featured-caption .app-note { font-size:10px; line-height:1.6; margin-top:18px; max-width:480px; }
.apps-section { padding-block:85px 100px; }
.section-heading { grid-template-columns:1fr auto; align-items:end; gap:40px; margin-bottom:38px; }
.section-heading h2 { font-size:clamp(36px,4.4vw,62px); letter-spacing:-.055em; line-height:1.05; }
.section-heading > p { max-width:440px; }
.filter-row { background:none; border:0; border-radius:0; padding:0; gap:24px; margin-bottom:36px; }
.filter-row button { border:0; border-bottom:1px solid transparent; border-radius:0; padding:8px 0; background:none; }
.filter-row button[aria-pressed="true"] { color:var(--ink); background:none; border-bottom-color:var(--ink); box-shadow:none; }
.filter-row button:hover { background:none; color:var(--accent); }
.product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px 28px; }
.product { background:none; border:0; border-radius:0; overflow:visible; box-shadow:none; }
.product:hover,.product:focus-within { transform:none; box-shadow:none; border:0; }
.studio-home .product-art { height:490px; border-radius:0; background:#eef0f3; overflow:hidden; text-decoration:none; }
.studio-home #aussiecellmap .product-art { background:#e1e9f1; }
.studio-home #contract-snapshot .product-art { background:#e9edf2; }
.studio-home #boxing-chrono .product-art { background:#e7e9ed; }
.studio-home #carstomize .product-art { background:#e4e8ed; }
.studio-home #retro-boxing-timer .product-art { background:#e9e9e7; }
.studio-home #global-command-center .product-art { background:#e1e5e9; }
.studio-home .card-screen { max-height:370px; max-width:38%; width:auto; height:auto; border-radius:14px; }
.studio-home .landscape-card-screen { max-height:180px; width:min(88%,540px); border-radius:9px; }
.studio-home .real-dashboard-art .card-dashboard { width:90%; max-width:none; border:4px solid #252b34; border-radius:6px; }
.new-release { background:white; border:0; border-radius:0; box-shadow:none; top:20px; left:20px; font-size:10px; padding:8px 10px; }
.product-body { padding:24px 0 0; }
.product-title-row { margin-bottom:12px; }
.product-title-row h3 { font-size:32px; letter-spacing:-1.2px; margin-bottom:10px; }
.product-title-row .product-meta { font-size:10px; letter-spacing:.04em; }
.product-body > p { font-size:14px; max-width:530px; margin:0 0 20px; }
.product-links { padding-top:15px; border-top:1px solid var(--line); font-size:12px; }
.product-links .store-link { background:none; color:var(--ink); padding:6px 0; border-radius:0; border:0; }
.product-links .store-link:hover { background:none; color:var(--accent); }
.company-section { grid-template-columns:1.1fr 1fr; gap:100px; padding-block:80px; }
.company-section h2 { font-size:clamp(38px,4.5vw,62px); letter-spacing:-.06em; line-height:1.05; }
.company-contact { padding:0; border:0; }
.company-section p:not(.eyebrow) { font-size:16px; line-height:1.7; }
.contact-email { font-size:clamp(17px,2.1vw,30px); font-weight:400; letter-spacing:-.04em; border-bottom:1px solid var(--ink); padding-bottom:12px; }
.footer-top { padding-block:30px; }
.footer-bottom { font-size:10px; }
/* Carry the same visual language through product and support pages. */
.app-stage,.screenshot-gallery.is-enhanced,.product-page #features .principles > div { border-radius:0; box-shadow:none; }
.app-hero { padding-block:70px; }
.app-hero h1 { font-size:clamp(44px,5vw,78px); letter-spacing:-.06em; }
.product-page #features .principles > div { background:none; border:0; border-top:1px solid var(--line); padding:25px 0; }
.gallery-section { background:#f3f4f5; }
.screenshot-gallery.is-enhanced { background:none; border:0; }
.gallery-choice[aria-pressed="true"] { background:var(--accent); border-color:var(--accent); }
.product-facts { border-color:var(--line); }
@media(hover:hover) and (pointer:fine) {
 .featured-canvas:hover .featured-screen-set img { transform:translateY(-8px); }
 .featured-canvas:hover .featured-screen-set img:first-child { transform:translateY(8px); }
 .featured-canvas:hover .featured-screen-set img:last-child { transform:translateY(-28px); }
}
@media(max-width:1050px) {
 .container { width:calc(100% - 48px); }
 .featured-screen-set { padding-inline:70px; gap:28px; min-height:470px; }
 .featured-canvas { min-height:470px; }
 .featured-screen-set img { width:25%; }
 .studio-home .product-art { height:390px; }
 .studio-home .card-screen { max-height:300px; }
 .product-title-row h3 { font-size:27px; }
 .company-section { gap:50px; }
}
@media(max-width:720px) {
 .container { width:calc(100% - 40px); }
 .nav-row { min-height:78px; }
 .actual-logo { width:110px; height:40px; }
 .nav-row nav { gap:18px; font-size:11px; }
 .studio-home .concise-hero { padding:34px 0 42px; }
 .concise-hero .eyebrow { font-size:9px; margin-bottom:35px; }
 .studio-home .concise-hero h1 { font-size:clamp(54px,11.7vw,82px); line-height:1; letter-spacing:-.07em; }
 .hero-summary { grid-template-columns:1fr; margin:30px 0 0; gap:18px; }
 .hero-summary > p:first-child { font-size:16px; max-width:350px; }
 .hero-summary .button { width:fit-content; }
 .platform-note { font-size:9px; }
 .featured-section { padding:0 0 48px; }
 .project-overline { font-size:9px; }
 .featured-canvas,.featured-screen-set { min-height:360px; }
 .featured-screen-set { gap:20px; padding:65px 25px 35px; }
 .featured-screen-set img { width:43%; max-width:180px; border-radius:9px; }
 .featured-screen-set img:first-child { display:none; }
 .featured-screen-set img:last-child { transform:translateY(-10px); }
 .canvas-caption { top:18px; left:18px; font-size:9px; }
 .canvas-arrow { width:32px; height:32px; right:14px; bottom:14px; font-size:19px; }
 .featured-caption { grid-template-columns:1fr; gap:16px; padding-top:23px; }
 .featured-caption h2 { font-size:38px; }
 .featured-caption p { font-size:16px; }
 .featured-caption .page-actions { gap:20px; }
 .featured-caption .text-link { font-size:11px; }
 .apps-section { padding-block:48px; }
 .section-heading { grid-template-columns:1fr; gap:10px; margin-bottom:24px; }
 .section-heading h2 { font-size:38px; }
 .section-heading > p { font-size:11px; margin:0; }
 .filter-row { gap:22px; margin-bottom:24px; }
 .filter-row button { font-size:11px; }
 .product-grid { grid-template-columns:1fr; gap:40px; }
 .studio-home .product-art { height:370px; }
 .studio-home .card-screen { max-height:290px; }
 .studio-home .landscape-card-screen { max-height:140px; }
 .product-title-row h3 { font-size:29px; }
 .company-section { grid-template-columns:1fr; gap:40px; padding-block:45px; }
 .company-section h2 { font-size:40px; }
 .company-section p:not(.eyebrow) { font-size:14px; }
 .company-contact { padding-top:32px; border-top:1px solid var(--line); }
 .contact-email { font-size:20px; }
 .app-hero { padding-block:40px; }
}
@media(max-width:380px) {
 .studio-home .concise-hero h1 { font-size:51px; }
 .studio-home .product-art { height:320px; }
 .studio-home .card-screen { max-height:250px; }
 .featured-canvas,.featured-screen-set { min-height:320px; }
 .featured-caption h2 { font-size:34px; }
}

/* Motion follows the content: one-shot reveals and deliberate interactions. */
.hero-line { display:block; overflow:hidden; padding-bottom:.09em; margin-bottom:-.09em; }
.hero-line > span { display:block; }
.featured-canvas { isolation:isolate; background:#dce7f2; }
.featured-canvas::before { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 50% 35%,#ffffffb0,transparent 65%); }
.featured-screen-set { perspective:1400px; }
.featured-screen-set img { border:1px solid #ffffffb0; box-shadow:0 30px 45px -20px #18395650,0 3px 8px #1839560d; transition:transform .85s cubic-bezier(.22,1,.36,1),box-shadow .85s; }
.featured-screen-set img:first-child { transform:translateY(24px) rotate(-5deg); }
.featured-screen-set img:nth-child(2) { transform:translateY(-6px); position:relative; z-index:1; }
.featured-screen-set img:last-child { transform:translateY(12px) rotate(5deg); }
.canvas-caption { z-index:2; }
.canvas-arrow,.art-open { transition:background .3s,color .3s,transform .5s cubic-bezier(.22,1,.36,1),opacity .3s; }
.featured-canvas:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
.featured-canvas:focus-visible .canvas-arrow { background:var(--ink); color:white; transform:rotate(45deg); }
.studio-home .product-art { position:relative; isolation:isolate; }
.studio-home .product-art::before { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 50% 30%,#ffffff70,transparent 70%); }
.studio-home .card-screen { box-shadow:0 24px 32px -16px #1d35454d; transition:transform .8s cubic-bezier(.22,1,.36,1),box-shadow .8s; }
.art-open { position:absolute; bottom:20px; right:20px; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#fff; color:var(--ink); font-size:22px; opacity:1; z-index:3; }
.product-art:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
.product-art:focus-visible .art-open { background:var(--ink); color:white; }
.product-links a span,.text-link span,.contact-email span { display:inline-block; transition:transform .35s cubic-bezier(.22,1,.36,1); }
.product-links a:hover span,.text-link:hover span,.contact-email:hover span { transform:translate(3px,-3px); }
.gallery-arrow:hover,.gallery-arrow:focus-visible { background:var(--ink); color:#fff; }
.gallery-choice { transition:background .25s,color .25s,border-color .25s; }
.screenshot-gallery.is-enhanced > figure:not([hidden]) { animation:none; }
@media(hover:hover) and (pointer:fine) {
 .featured-canvas:hover .featured-screen-set img:first-child { transform:translateY(7px) rotate(-2deg); }
 .featured-canvas:hover .featured-screen-set img:nth-child(2) { transform:translateY(-18px) scale(1.025); }
 .featured-canvas:hover .featured-screen-set img:last-child { transform:translateY(-4px) rotate(2deg); }
 .featured-canvas:hover .canvas-arrow { background:var(--ink); color:#fff; transform:rotate(45deg); }
 .art-open { opacity:0; transform:translateY(8px); }
 .product-art:hover .art-open,.product-art:focus-visible .art-open { opacity:1; transform:translateY(0); }
 .studio-home .product:hover .card-screen { box-shadow:0 32px 42px -20px #1d35456b; }
}
@media(max-width:720px) {
 .featured-screen-set { gap:22px; }
 .featured-screen-set img:nth-child(2) { transform:translateY(6px) rotate(-3deg); }
 .featured-screen-set img:last-child { transform:translateY(-6px) rotate(3deg); }
 .art-open { width:34px; height:34px; bottom:14px; right:14px; font-size:19px; }
}
@media(prefers-reduced-motion:reduce) {
 .featured-canvas .featured-screen-set img,.studio-home .product .card-screen { transform:none !important; }
 .hero-line { overflow:visible; }
}
.hero-app-screenshot { display:block; object-position:top; }
/* Place the introduction and live preview on one deliberate grid. */
.container { max-width:1440px; }
.editorial-home .concise-hero { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr); grid-template-areas:'heading preview' 'summary preview'; column-gap:64px; row-gap:30px; align-items:center; padding-block:48px 64px; overflow:clip; }
.hero-heading { grid-area:heading; align-self:end; min-width:0; }
.concise-hero .eyebrow { justify-content:flex-start; gap:26px; margin-bottom:30px; }
.studio-home .concise-hero h1 { font-size:clamp(62px,7.4vw,112px); line-height:1.02; letter-spacing:-.07em; }
.hero-summary { grid-area:summary; align-self:start; justify-self:start; width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:18px; max-width:470px; margin:0; }
.hero-summary > p:first-child { font-size:17px; line-height:1.6; }
.hero-summary .button { padding-block:9px; }
.hero-app-preview { grid-area:preview; position:relative; top:auto; right:auto; width:100%; max-width:420px; margin:0; padding:32px 24px 24px; justify-self:end; display:flex; flex-direction:column; align-items:center; gap:12px; translate:none; background:#eff4f8; border:1px solid #e6edf3; }
.hero-app-preview > a { display:flex; flex-direction:column; align-items:center; width:100%; gap:18px; font-size:11px; }
.hero-app-screenshot { width:auto; height:360px; max-width:100%; aspect-ratio:800/1731; object-fit:contain; border-radius:14px; box-shadow:0 18px 30px -12px #16354c38; }
.hero-app-screen-pair { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; padding-bottom:20px; }
.hero-app-screen-pair .hero-app-screenshot { width:calc(50% - 6px); height:auto; max-height:390px; }
.hero-app-screen-pair .hero-app-screenshot:last-child { transform:translateY(20px); }

.hero-app-preview a > span { padding:0; max-width:none; }
.hero-aura { top:25%; right:6%; width:340px; height:340px; opacity:.5; }
.featured-section { padding-bottom:64px; }
.featured-caption { gap:48px; }
.featured-canvas,.featured-screen-set { min-height:520px; }
.featured-screen-set { padding:54px 100px; }
.featured-screen-set img { max-width:215px; }
.apps-section { padding-block:64px; }
.product-grid { column-gap:32px; row-gap:52px; }
.studio-home .product-art { height:450px; }
.company-section { gap:64px; padding-block:64px; }
@media(max-width:1050px) and (min-width:721px) {
 .editorial-home .concise-hero { grid-template-columns:minmax(0,1.35fr) minmax(240px,.8fr); column-gap:32px; row-gap:24px; }
 .studio-home .concise-hero h1 { font-size:clamp(53px,7vw,76px); }
 .hero-summary > p:first-child { font-size:15px; }
 .hero-app-preview { padding:26px 18px 20px; }
 .hero-app-screenshot { height:320px; }
 .concise-hero .eyebrow { gap:16px; font-size:9px; }
 .studio-home .product-art { height:370px; }
}
@media(max-width:720px) {
 .editorial-home .concise-hero { grid-template-columns:1fr; grid-template-areas:'heading' 'summary' 'preview'; gap:25px; padding-block:32px 42px; }
 .studio-home .concise-hero h1 { font-size:clamp(51px,11.7vw,82px); }
 .concise-hero .eyebrow { justify-content:space-between; margin-bottom:26px; }
 .hero-summary { gap:14px; }
 .hero-summary > p:first-child { font-size:15px; }
 .hero-app-preview { max-width:none; justify-self:stretch; padding:26px 20px 20px; gap:10px; }
 .hero-app-screenshot { height:300px; }
 .hero-app-preview > a { gap:15px; }
 .hero-aura { width:230px; height:300px; right:15%; top:380px; }
 .featured-canvas,.featured-screen-set { min-height:340px; }
 .featured-screen-set { padding:64px 26px 36px; }
 .featured-caption { gap:16px; }
 .featured-section { padding-bottom:42px; }
 .apps-section { padding-block:42px; }
 .studio-home .product-art { height:350px; }
 .product-grid { gap:36px; }
 .company-section { gap:32px; padding-block:42px; }
}
@media(max-width:380px) {
 .studio-home .concise-hero h1 { font-size:49px; }
 .studio-home .product-art { height:310px; }
 .hero-app-screenshot { height:270px; }
}

/* One featured app preview, then an even catalogue of real app screens. */
:root { --motion-ease:cubic-bezier(.22,1,.36,1); }
.editorial-home .concise-hero { grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr); column-gap:72px; padding-block:32px 64px; }
.hero-app-preview { max-width:350px; padding:24px 24px 18px; gap:10px; background:#e8eff6; border:0; }
.hero-app-screenshot { height:470px; border:1px solid #cad6e2; border-radius:24px; background:#f2f3f7; box-shadow:0 24px 35px -22px #16354c66; }
.hero-app-preview > a { gap:20px; }
.hero-app-preview a > .hero-preview-caption { display:flex; flex-direction:column; gap:3px; text-align:center; }
.hero-preview-caption strong { font-size:19px; font-weight:550; letter-spacing:-.03em; }
.hero-preview-caption > span { font-size:11px; color:#435b71; }
.apps-section { border-top:1px solid var(--line); }
.studio-home .product-art { height:460px; background:#edf1f5; padding:34px; }
.studio-home .product-art::before { display:none; }
.studio-home .real-phone-art { gap:22px; }
.studio-home .product .card-screen { height:auto; width:min(43%,171px); max-width:43%; max-height:100%; object-fit:contain; border:1px solid #d6dde5; border-radius:12px; transform:none; box-shadow:0 18px 28px -19px #18395666; transition:transform .56s var(--motion-ease); }
.studio-home .product .single-screen-art .card-screen { width:171px; max-width:75%; }
.studio-home .product .landscape-card-screen { width:92%; height:auto; max-height:175px; border:3px solid #252b34; border-radius:10px; box-shadow:0 18px 28px -19px #18395666; transition:transform .56s var(--motion-ease); }
.studio-home .product .card-dashboard { width:100%; height:auto; border:3px solid #252b34; border-radius:8px; box-shadow:0 18px 28px -19px #18395666; transition:transform .56s var(--motion-ease); }
.product-body { display:flex; flex-direction:column; flex:1; }
.product-body > p { min-height:42px; margin-bottom:16px; }
.product-links { margin-top:auto; }
.store-proof { margin:0 0 18px; line-height:1.5; }
.store-proof a { display:inline-block; font-size:12px; color:var(--ink); text-decoration:none; border-bottom:1px solid #b9c5d1; padding-block:3px; }
.store-proof a:hover { color:var(--accent); border-color:var(--accent); }
.store-proof a > span:first-child { color:var(--accent); }
.store-proof small { display:block; margin-top:4px; font-size:10px; color:var(--muted); }
.app-hero-copy .store-proof { margin-block:20px; }
.art-open { transition:background .25s,color .25s,transform .56s var(--motion-ease),opacity .25s; }
@media(hover:hover) and (pointer:fine) {
 .studio-home .product:hover .card-screen,.studio-home .product:hover .landscape-card-screen,.studio-home .product:hover .card-dashboard { transform:translateY(-6px); }
}
@media(min-width:721px) and (max-width:1050px) {
 .editorial-home .concise-hero { grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr); column-gap:32px; }
 .hero-app-screenshot { height:400px; }
 .hero-app-preview { padding:22px 18px 14px; }
 .studio-home .product-art { height:390px; padding:24px; }
 .studio-home .product .card-screen { height:auto; }
 .studio-home .real-phone-art { gap:16px; }
}
@media(max-width:720px) {
 .editorial-home .concise-hero { grid-template-columns:1fr; padding-block:32px 42px; }
 .hero-app-preview { max-width:none; padding:26px 20px 16px; }
 .hero-app-screenshot { height:400px; }
 .hero-app-preview > a { gap:18px; }
 .studio-home .product-art { height:390px; padding:26px 20px; }
 .studio-home .product .card-screen { height:auto; width:min(44%,153px); max-width:44%; }
 .studio-home .real-phone-art { gap:16px; }
 .studio-home .product .landscape-card-screen { max-height:150px; width:100%; }
 .product-body > p { min-height:0; }
}
@media(max-width:380px) {
 .hero-app-screenshot { height:360px; }
 .studio-home .product-art { height:330px; padding:24px 16px; }
 .studio-home .product .card-screen { height:auto; }
}
@media(prefers-reduced-motion:reduce) {
 .studio-home .product .card-screen,.studio-home .product .landscape-card-screen,.studio-home .product .card-dashboard { transform:none !important; }
}

/* Compact, icon-led collection cards. */
.studio-home .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.studio-home .product { display:flex; flex-direction:column; overflow:hidden; background:#fff; border:1px solid #e1e6ec; border-radius:14px; transition:border-color .25s,box-shadow .25s; }
.studio-home .product[hidden] { display:none; }
.studio-home .product-art { height:260px; padding:22px; border-radius:0; flex-shrink:0; }
.studio-home .real-phone-art { gap:14px; }
.studio-home .product .card-screen { width:min(43%,100px); max-width:43%; border-radius:8px; }
.studio-home .product .single-screen-art .card-screen { width:100px; }
.studio-home .product .landscape-card-screen { width:88%; max-height:100px; border-radius:6px; }
.studio-home .product .card-dashboard { border-width:2px; border-radius:5px; }
.studio-home .product-body { padding:19px 20px 14px; }
.studio-home .product-title-row { display:flex; align-items:center; justify-content:flex-start; gap:12px; margin-bottom:14px; }
.studio-home .collection-icon { width:44px; height:44px; flex:0 0 44px; border-radius:10px; object-fit:contain; background:#fff; border:1px solid #172b4212; box-shadow:0 3px 8px #172b420a; }
.studio-home .product-title-row > div { min-width:0; }
.studio-home .product-title-row h3 { font-size:21px; line-height:1.15; letter-spacing:-.65px; margin:0 0 6px; }
.studio-home .product-title-row .product-meta { font-size:8px; gap:4px 8px; letter-spacing:.02em; }
.studio-home .product-body > p { font-size:13px; line-height:1.55; min-height:40px; margin-bottom:15px; }
.studio-home .product-links { padding-top:10px; font-size:11px; }
.studio-home .store-proof { margin-bottom:14px; }
.studio-home .store-proof a { font-size:11px; }
.studio-home .store-proof small { font-size:9px; }
.studio-home .new-release { top:12px; left:12px; padding:5px 8px; border-radius:4px; font-size:9px; }
.studio-home .art-open { width:30px; height:30px; right:12px; bottom:12px; font-size:18px; }
.studio-home .apps-section { padding-block:48px; }
.studio-home .apps-section .section-heading { margin-bottom:22px; }
.studio-home .apps-section .section-heading h2 { font-size:clamp(34px,3.5vw,48px); }
.studio-home .filter-row { margin-bottom:25px; }
@media(hover:hover) and (pointer:fine) {
 .studio-home .product:hover,.studio-home .product:focus-within { border-color:#9bb7d2; box-shadow:0 12px 28px -16px #244e7a45; }
}
@media(max-width:1050px) {
 .studio-home .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
}
@media(max-width:620px) {
 .studio-home .product-grid { grid-template-columns:1fr; gap:22px; }
 .studio-home .product-art { height:230px; padding:18px; }
 .studio-home .product .card-screen,.studio-home .product .single-screen-art .card-screen { width:88px; }
 .studio-home .product .landscape-card-screen { width:min(85%,280px); max-height:88px; }
 .studio-home .product-body { padding:17px 18px 12px; }
 .studio-home .product-body > p { min-height:0; }
}