/* Tanny Studio / creative direction 2030. Shared by all three themes. */
[data-studio]{--ts-radius:6px}
[data-studio] h1,[data-studio] h2,[data-studio] h3{font-feature-settings:"ss01" on;}
[data-studio] section[id]:not(#hero){position:relative;border-top:1px solid var(--ts-border)}
[data-studio] section[id]>div{max-width:1360px!important}
[data-studio] h2{font-size:clamp(2.25rem,5.3vw,5rem)!important;letter-spacing:-.055em!important;line-height:1.02!important}
[data-studio] p{font-size:max(1rem,1em)}
[data-nav]{padding:20px clamp(20px,4vw,72px)!important;background:color-mix(in srgb,var(--ts-bg),transparent 12%)!important;backdrop-filter:blur(22px)}
[data-nav]>a>span:first-child{border-radius:50%!important;transform:rotate(-12deg);width:36px!important;height:36px!important}
[data-nav-cta]{border-radius:999px!important;padding:12px 22px!important}
[data-navlinks] a{position:relative}
[data-navlinks] a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--ts-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}
[data-navlinks] a:hover::after{transform:scaleX(1)}
[data-hero]{min-height:850px!important;padding:84px clamp(20px,4vw,72px) 70px!important;background:radial-gradient(ellipse at 80% 45%,color-mix(in srgb,var(--ts-accent),transparent 94%),transparent 55%)}
[data-hero]::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--ts-border) 1px,transparent 1px),linear-gradient(90deg,var(--ts-border) 1px,transparent 1px);background-size:100px 100px;opacity:.19;mask-image:linear-gradient(90deg,transparent,#000)}
[data-hero-grid]{grid-template-columns:1.2fr 1fr!important;gap:0!important;max-width:1360px!important}
[data-hero-grid]>div:first-child{position:relative;z-index:2;pointer-events:none}
[data-hero-grid]>div:first-child a{pointer-events:auto}
[data-hero-grid]>div:first-child>div:first-child{background:transparent!important;border:0!important;padding:0!important;letter-spacing:.14em;text-transform:uppercase;font-family:'JetBrains Mono',monospace;font-size:12px!important;margin-bottom:34px!important}
[data-hero] h1{font-size:clamp(4.2rem,8.6vw,8.6rem)!important;line-height:.94!important;letter-spacing:-.075em!important;max-width:none!important;font-weight:500!important;margin-bottom:30px!important;text-wrap:initial!important}
.ts-title-line{display:block;white-space:nowrap}
.ts-title-accent{color:var(--ts-accent);font-style:italic}
.ts-title-outline{color:transparent;-webkit-text-stroke:1px var(--ts-fg)}
[data-hero-grid]>div:first-child>p{max-width:39ch!important;font-size:17px!important;line-height:1.7!important}
[data-hero-cta]{margin-bottom:42px!important;gap:12px!important}
[data-hero-cta]>a{border-radius:999px!important;box-shadow:none!important;padding:18px 26px!important}
[data-hero-cta]>a:first-child::after{content:"↗";margin-left:25px;font-size:21px}
[data-hero-cta]>a:last-child{border-color:transparent!important;border-bottom:1px solid var(--ts-border)!important;border-radius:0!important}
[data-herostats]{gap:22px!important;max-width:490px!important}
[data-herostats]>div{padding:0!important;border:0!important}
[data-herostats]>div>div:first-child{font-size:1.65rem!important;font-weight:500!important}
[data-herostats]>div>div:last-child{font-family:'JetBrains Mono',monospace;font-size:12px!important}
[data-hero-card]{margin-left:-70px;align-self:center}
[data-hero-3d-wrap]{height:590px!important}
.ts-scene-meta{position:absolute;top:5%;left:22%;right:0;display:flex;justify-content:space-between;gap:16px;font:11px 'JetBrains Mono',monospace;letter-spacing:.12em;color:var(--ts-muted);pointer-events:none}
.ts-scene-meta span:first-child{color:var(--ts-accent)}
[data-film-open]{width:88px!important;height:88px!important;background:color-mix(in srgb,var(--ts-bg),transparent 30%)!important;box-shadow:none!important}
[data-3d-caption]{opacity:1!important;left:22%!important;bottom:7%!important}
.ts-orbit-label{position:absolute;right:0;bottom:20%;font:12px 'JetBrains Mono',monospace;letter-spacing:.08em;color:var(--ts-muted);writing-mode:vertical-rl}
.ts-marquee{overflow:hidden;border-block:1px solid var(--ts-border);background:var(--ts-accent);color:var(--ts-accent-fg);padding:22px 0}
.ts-marquee-track{display:flex;width:max-content;animation:ts-ticker 30s linear infinite}
.ts-marquee-group{display:flex;align-items:center;gap:42px;padding-right:42px;white-space:nowrap;font:500 clamp(1.2rem,2.3vw,2.2rem) var(--ts-font-head);letter-spacing:-.03em}
.ts-marquee-group b{font-size:1.6em;font-weight:400}
@keyframes ts-ticker{to{transform:translateX(-50%)}}
.ts-marquee:hover .ts-marquee-track{animation-play-state:paused}
[data-servgrid]{gap:0!important;counter-reset:service;border-top:1px solid var(--ts-border)}
[data-servgrid]>[data-card]{counter-increment:service;border-radius:0!important;border:0!important;border-bottom:1px solid var(--ts-border)!important;padding:42px!important;background:transparent!important;min-height:320px}
[data-servgrid]>[data-card]:nth-child(odd){border-right:1px solid var(--ts-border)!important}
[data-servgrid]>[data-card]::before{content:"0" counter(service) " /";position:absolute;right:35px;top:38px;font:12px 'JetBrains Mono',monospace;color:var(--ts-muted)}
[data-servgrid] h3{font-size:1.8rem!important;letter-spacing:-.04em!important}
[data-servgrid]>[data-card]>div:first-child{border-radius:50%!important;border:1px solid var(--ts-border);background:transparent!important;width:60px!important;height:60px!important}
[data-portgrid]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:60px 30px!important}
[data-portgrid]>a{border-radius:var(--ts-radius)!important;background:transparent!important;border:0!important;align-self:start}
[data-portgrid]>a:nth-child(even){margin-top:95px}
[data-portgrid]>a>div:first-child{border-radius:var(--ts-radius);aspect-ratio:16/11!important;border:1px solid var(--ts-border)}
[data-portgrid]>a>div:last-child{position:relative;padding:24px 42px 0 0!important}
[data-portgrid]>a>div:last-child::after{content:"↗";position:absolute;right:0;top:22px;font-size:30px;color:var(--ts-accent);transition:transform .25s}
[data-portgrid]>a:hover>div:last-child::after{transform:translate(4px,-4px)}
[data-portgrid] h3{font-size:clamp(1.5rem,2.6vw,2.3rem)!important;letter-spacing:-.045em}
[data-portgrid] img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s;filter:saturate(.75)}
[data-portgrid] a:hover img{transform:scale(1.04);filter:saturate(1.1)}
[data-procgrid]{gap:0!important}
[data-procgrid]>div{padding:28px!important;border-left:1px solid var(--ts-border)}
[data-testgrid]>div,[data-testgrid]>figure{border-radius:var(--ts-radius)!important;box-shadow:none!important}
#contact{background:radial-gradient(ellipse at 0% 100%,color-mix(in srgb,var(--ts-accent),transparent 91%),transparent 65%),var(--ts-bg2)!important}
[data-contactgrid] h2{font-size:clamp(3rem,6vw,6rem)!important}
[data-styleswitch]{backdrop-filter:blur(24px);background:color-mix(in srgb,var(--ts-card),transparent 12%)!important}
[data-studio] input,[data-studio] textarea,[data-studio] select{border-radius:6px!important}
[data-studio][data-motion-paused] *,[data-studio][data-motion-paused] *::before,[data-studio][data-motion-paused] *::after{animation-play-state:paused!important}
@media(min-width:1600px){[data-hero]{min-height:940px!important}}
@media(max-width:1000px){[data-hero]{min-height:740px!important}[data-hero] h1{font-size:clamp(4rem,8.7vw,6.5rem)!important}[data-hero-3d-wrap]{height:470px!important}[data-hero-card]{margin-left:-100px}.ts-scene-meta{left:28%}}
@media(max-width:700px){[data-hero]{padding-top:54px!important;padding-bottom:66px!important;min-height:auto!important}[data-hero-grid]{grid-template-columns:1fr!important}[data-hero] h1{font-size:clamp(2.5rem,11.5vw,5.4rem)!important}[data-hero-card]{margin:0!important}[data-hero-3d-wrap]{height:330px!important}[data-hero-grid]>div:first-child>p{font-size:16px!important}[data-herostats]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}[data-herostats]>div{padding:0!important}[data-herostats]>div>div:first-child{font-size:1.35rem!important}[data-herostats]>div>div:last-child{font-size:11px!important}.ts-scene-meta{left:0;top:0}[data-3d-caption]{left:0!important;bottom:0!important}.ts-orbit-label{display:none}[data-servgrid]{grid-template-columns:1fr!important}[data-servgrid]>[data-card]{padding:30px 0!important;min-height:auto}[data-servgrid]>[data-card]:nth-child(odd){border-right:0!important}[data-servgrid]>[data-card]::before{right:0}[data-portgrid]{grid-template-columns:1fr!important;gap:38px!important}[data-portgrid]>a:nth-child(even){margin-top:0}[data-procgrid]>div{padding:22px!important}[data-nav]{padding:15px 20px!important}}
@media(prefers-reduced-motion:reduce){.ts-marquee-track{animation:none}[data-hero-card]{display:block!important}[data-hero-3d-wrap]{height:220px!important}[data-hero-3d]{display:none}[data-film-open] span{display:none}.ts-title-outline{color:var(--ts-fg);-webkit-text-stroke:0}}