/* Cut-paper typography: a continuous ink slice, a crossing strip, an offset tab. */
body.studio-d .sd-hero-copy{isolation:isolate}
body.studio-d.experience .sd-hero-title{position:relative;line-height:1.13;letter-spacing:-.062em!important;margin-bottom:23px}
body.studio-d .sd-title-line{display:block;position:relative;isolation:isolate;width:max-content;max-width:100%;white-space:nowrap}
body.studio-d .sd-title-ink{position:relative;display:block;z-index:1}
body.studio-d .sd-title-idea .sd-title-ink{background:linear-gradient(168deg,var(--ink) 0 46%,var(--coral) 46% 65%,var(--ink) 65% 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:var(--ink)}
body.studio-d .sd-title-space{margin-block:0 .025em}
body.studio-d .sd-title-space::before{content:"";position:absolute;z-index:0;inset:36% -4% 15% -2%;background:var(--lemon);clip-path:polygon(0 22%,98% 0,100% 80%,3% 100%);transform:rotate(-2deg);transform-origin:left center}
body.studio-d .sd-title-space .sd-title-ink{color:var(--electric);background:linear-gradient(172deg,var(--electric) 0 45%,var(--ink) 45% 68%,var(--electric) 68%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.studio-d .sd-title-connect::after{content:"";position:absolute;z-index:0;left:1%;right:8%;height:.17em;bottom:.06em;background:var(--coral);clip-path:polygon(0 35%,97% 0,100% 70%,3% 100%);transform:rotate(-1deg)}
body.studio-d .sd-title-connect .sd-title-ink{color:var(--ink)}
body.studio-d .sd-hero-intro{max-width:460px;line-height:1.85}
body.studio-d .sd-hero-actions{margin-top:26px}

/* Four catalog tabs keep their live counts visible in the first frame. */
body.studio-d .sd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:510px;margin:31px 0 0;padding:11px 0 4px;border:0;isolation:isolate}
body.studio-d .sd-stat{--stat-tone:var(--lemon);--stat-tilt:-1.6deg;--stat-rise:3px;position:relative;display:grid;grid-template-areas:"code" "value" "label";gap:4px;min-width:0;min-height:118px;padding:12px 12px 11px;box-sizing:border-box;border:1px solid var(--ink);border-radius:9px 3px 9px 3px;background:var(--white);box-shadow:3px 3px 0 #22241f16;transform:translateY(var(--stat-rise)) rotate(var(--stat-tilt));transition:transform 280ms cubic-bezier(.22,1,.36,1),box-shadow 280ms}
body.studio-d .sd-stat::before{content:"";position:absolute;inset:auto -1px -1px;height:28px;background:var(--stat-tone);border:1px solid var(--ink);border-top:0;border-radius:0 0 9px 3px;clip-path:polygon(0 34%,100% 0,100% 100%,0 100%);z-index:-1}
body.studio-d .sd-stat[data-tone="coral"]{--stat-tone:var(--coral);--stat-tilt:1.3deg;--stat-rise:-1px}
body.studio-d .sd-stat[data-tone="blue"]{--stat-tone:#dce0fc;--stat-tilt:-.8deg;--stat-rise:5px}
body.studio-d .sd-stat[data-tone="paper"]{--stat-tone:var(--paper-deep);--stat-tilt:1.5deg;--stat-rise:1px}
body.studio-d .sd-stat .sd-stat-code{grid-area:code;align-self:start;color:var(--type-secondary);font:8px/1.5 var(--font-code);letter-spacing:.025em;white-space:nowrap}
body.studio-d .sd-stat dd{grid-area:value;display:flex;align-items:baseline;gap:5px;margin:6px 0 1px;z-index:1}
body.studio-d .sd-stat strong{font-size:35px;line-height:1;letter-spacing:-.055em;font-weight:600;font-variant-numeric:tabular-nums}
body.studio-d .sd-stat .sd-stat-unit{font-size:10px;line-height:1;color:var(--type-secondary)}
body.studio-d .sd-stat dt{grid-area:label;align-self:end;z-index:1;font-size:11px;line-height:1.6;color:var(--ink);font-weight:500}
body.studio-d .sd-stat-symbol{position:absolute;width:24px;height:24px;right:9px;top:35px;color:var(--electric);opacity:.82;transform:rotate(9deg)}
body.studio-d .sd-stat[data-tone="coral"] .sd-stat-symbol{color:#a54b39;transform:rotate(-8deg)}
body.studio-d .sd-stat[data-tone="paper"] .sd-stat-symbol{color:var(--ink);transform:rotate(6deg)}
@media(hover:hover){body.studio-d .sd-stat:hover{transform:translateY(-4px) rotate(0);box-shadow:4px 5px 0 #22241f26}}
@media(max-width:1100px) and (min-width:761px){body.studio-d .sd-stats{gap:8px}body.studio-d .sd-stat{padding-inline:9px;min-height:109px}body.studio-d .sd-stat strong{font-size:31px}body.studio-d .sd-stat .sd-stat-unit{display:none}body.studio-d .sd-stat-symbol{width:20px;height:20px;right:6px;top:36px}body.studio-d .sd-stat .sd-stat-code{font-size:7px}body.studio-d .sd-stat dt{font-size:10px}}
@media(max-width:760px){body.studio-d .sd-stats{max-width:540px;margin-top:27px}body.studio-d .sd-hero-art{width:min(82%,490px)}body.studio-d .sd-title-space::before{right:-3%}}
@media(max-width:480px){body.studio-d.experience .sd-hero-title{line-height:1.15;margin-bottom:21px}body.studio-d .sd-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 15px;max-width:350px;margin-top:24px;padding-top:8px}body.studio-d .sd-stat{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"code code" "value label";align-items:center;gap:6px;min-height:99px;padding:10px 12px 15px}body.studio-d .sd-stat .sd-stat-code{font-size:8px}body.studio-d .sd-stat dd{margin:3px 0 0;gap:4px}body.studio-d .sd-stat strong{font-size:33px}body.studio-d .sd-stat dt{font-size:10px;align-self:end;padding-bottom:2px}body.studio-d .sd-stat-symbol{width:18px;height:18px;right:12px;top:8px}body.studio-d .sd-stat::before{height:25px}body.studio-d .sd-hero-art{width:88%}}
@media(max-width:360px){body.studio-d .sd-stat{grid-template-columns:1fr;grid-template-areas:"code" "value" "label";min-height:113px}body.studio-d .sd-stat dt{font-size:11px;padding-bottom:0}}
@media(prefers-reduced-motion:reduce){body.studio-d .sd-stat{transition:none}}
@media(forced-colors:active){body.studio-d .sd-title-line .sd-title-ink{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}body.studio-d .sd-title-space::before,body.studio-d .sd-title-connect::after{display:none}}
