.svc-hero[data-svc=product-video]{--svc-h:205;--svc-h2:28}.svc-hero[data-svc=motion]{--svc-h:16;--svc-h2:48}.svc-hero[data-svc=real-estate]{--svc-h:34;--svc-h2:150}.svc-hero[data-svc=meta-social]{--svc-h:38;--svc-h2:272}.svc-hero[data-svc=tiktok]{--svc-h:78;--svc-h2:18}
.svc-hero[data-svc=anim]{--svc-h:40;--svc-h2:18}.anim-section{padding-block:80px}@media (min-width:768px){.anim-section{padding-block:104px}}.anim-fan-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.anim-fan-wrap:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(46% 40% at 50% 42%,#f0c96b57,#0000 70%),radial-gradient(40% 36% at 24% 64%,#d2601a2e,#0000 70%),radial-gradient(40% 36% at 78% 60%,#9ca98b38,#0000 70%);position:absolute;inset:-8% -12% 6%}.anim-fan{--fan-w:252px;width:min(100%,440px);height:calc(var(--fan-w) * 16 / 9 + 28px);position:relative}@media (max-width:640px){.anim-fan{--fan-w:196px}}.anim-fan-card{width:var(--fan-w);aspect-ratio:9/16;margin-left:calc(var(--fan-w) / -2);border:1px solid var(--line-strong);background:var(--bg-2);cursor:pointer;will-change:transform;border-radius:28px;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s,box-shadow .5s;position:absolute;top:14px;left:50%;overflow:hidden;box-shadow:0 44px 90px -38px #0000008c,0 14px 30px -18px #00000059}.anim-fan-card[data-pos=front]{z-index:3;cursor:default;box-shadow:0 50px 110px -40px #0009, 0 0 0 1px color-mix(in srgb, var(--card-hue) 40%, transparent);transform:translate(0)rotate(0)scale(1)}.anim-fan-card[data-pos=left]{z-index:1;filter:saturate(.85)brightness(.94);transform:translate(-40%)rotate(-8deg)scale(.8)}.anim-fan-card[data-pos=right]{z-index:2;filter:saturate(.85)brightness(.94);transform:translate(40%)rotate(8deg)scale(.8)}.anim-fan-card[data-pos=left]:hover{filter:none;transform:translate(-44%)rotate(-10deg)scale(.82)}.anim-fan-card[data-pos=right]:hover{filter:none;transform:translate(44%)rotate(10deg)scale(.82)}.anim-fan-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.anim-fan-shade{pointer-events:none;background:linear-gradient(#0000,#0009);height:30%;position:absolute;inset:auto 0 0}.anim-fan-tag{-webkit-backdrop-filter:blur(10px);color:#fff;letter-spacing:-.005em;background:#0a0a0e6b;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:6px 11px;font-size:12px;display:inline-flex;position:absolute;bottom:12px;left:12px}.anim-fan-dot{background:var(--card-hue);border-radius:999px;width:8px;height:8px}.anim-fan-caption{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:8px;margin-top:18px;font-size:10px;display:inline-flex}.anim-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.anim-tab{border:1px solid var(--line);background:var(--surface-faint);min-height:44px;color:var(--ink-1);border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;transition:color .3s,border-color .3s,background-color .3s,transform .3s;display:inline-flex}.anim-tab:hover{color:var(--ink-0);border-color:var(--line-strong)}.anim-tab:active{transform:scale(.98)}.anim-tab[aria-selected=true]{color:var(--ink-0);border-color:color-mix(in srgb, var(--tab-hue) 75%, transparent);background:color-mix(in srgb, var(--tab-hue) 16%, transparent)}.anim-tab:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.anim-tab-swatch{background:var(--tab-hue);width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in srgb, var(--tab-hue) 26%, transparent);border-radius:999px}.anim-panel{border:1px solid var(--line);background:radial-gradient(70% 60% at 18% 22%, color-mix(in srgb, var(--style-hue) 22%, transparent), transparent 72%), radial-gradient(50% 50% at 90% 90%, color-mix(in srgb, var(--style-hue) 10%, transparent), transparent 70%), var(--surface-faint);border-radius:32px;gap:28px;padding:18px;transition:background .6s;display:grid}@media (min-width:768px){.anim-panel{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;gap:56px;padding:36px}}@media (min-width:1024px){.anim-panel{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:72px;padding:44px 56px}}.anim-panel-stage{margin:0}.anim-phone,.anim-client-phone{aspect-ratio:9/16;border:1px solid var(--line-strong);background:var(--bg-2);border-radius:26px;width:min(100%,300px);margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 44px 100px -40px #0000008c}@media (min-width:768px){.anim-phone{width:100%}}.anim-phone-chip{color:#ffffffe6;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;background:linear-gradient(#0000,#000000a8);align-items:center;gap:8px;padding:40px 14px 12px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.anim-panel-body{min-width:0}.anim-inout{align-items:center;gap:16px;margin-bottom:26px;display:flex}.anim-inout-ref{aspect-ratio:4/5;border:1px solid var(--line-strong);background:#f4f1ec;border-radius:14px;flex:none;width:76px;position:relative;overflow:hidden;box-shadow:0 10px 24px -14px #0006}.anim-inout-text{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.anim-inout-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:10.5px}.anim-inout-out{color:var(--ink-0)}.anim-inout-arrow{color:var(--style-hue);filter:saturate(1.4)brightness(.85);font-size:18px;line-height:1}.anim-brand{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-0);font-size:11px;font-weight:600}.anim-brand span{color:var(--ink-2);font-weight:400}.anim-style-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-0);margin-top:10px;font-size:clamp(34px,3.2vw + 18px,52px);line-height:1}.anim-style-line{max-width:46ch;color:var(--ink-1);margin-top:14px;font-size:17px;line-height:1.5}.anim-facts{gap:14px;margin-top:26px;display:grid}.anim-facts>div{border-top:1px solid var(--line);padding-top:12px}.anim-facts dt{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-size:10px}.anim-facts [data-tone=keep] dt{color:var(--positive)}.anim-facts dd{color:var(--ink-0);margin-top:6px;font-size:15px;line-height:1.5}.anim-style-cta{margin-top:28px}.anim-truth-card{--tone:var(--accent-3);border:1px solid var(--line);background:radial-gradient(80% 60% at 0% 0%, color-mix(in srgb, var(--tone) 12%, transparent), transparent 70%), var(--surface-faint);border-radius:26px;height:100%;padding:30px}@media (min-width:768px){.anim-truth-card{padding:36px}}.anim-truth-card[data-tone=keep]{--tone:var(--positive)}.anim-truth-card[data-tone=never]{--tone:var(--accent)}.anim-truth-mark{width:44px;height:44px;color:var(--tone);background:color-mix(in srgb, var(--tone) 14%, transparent);border:1px solid color-mix(in srgb, var(--tone) 35%, transparent);border-radius:999px;place-items:center;margin-bottom:18px;font-size:20px;display:inline-grid}.anim-truth-item{color:var(--ink-1);padding-left:22px;font-size:16px;line-height:1.45;position:relative}.anim-truth-item:before{content:"";background:var(--tone);border-radius:999px;width:8px;height:8px;position:absolute;top:.55em;left:2px}.anim-truth-card[data-tone=never] .anim-truth-item{text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--tone) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--tone) 55%, transparent);text-decoration-thickness:1.5px}.anim-takes{scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none;grid-auto-columns:74%;grid-auto-flow:column;gap:18px;margin-inline:-20px;padding-inline:20px;display:grid;overflow-x:auto}.anim-takes::-webkit-scrollbar{display:none}@media (min-width:768px){.anim-takes{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:24px;margin-inline:0;padding-inline:0;overflow:visible}}.anim-take{scroll-snap-align:start;min-width:0}.anim-take-frame{aspect-ratio:9/16;border:1px solid var(--line-strong);background:var(--bg-2);border-radius:22px;position:relative;overflow:hidden}.anim-take-frame[data-verdict=rejected]{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent)}.anim-take-frame[data-verdict=rejected]:after{content:"";background:color-mix(in srgb, var(--bg-0) 18%, transparent);pointer-events:none;position:absolute;inset:0}.anim-take-frame[data-verdict=approved]{box-shadow:0 0 0 2px color-mix(in srgb, var(--positive) 65%, transparent), 0 40px 90px -40px #00000080}.anim-take-verdict{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin-top:16px;font-size:10.5px;display:inline-flex}.anim-take-verdict:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px}.anim-take-verdict[data-verdict=rejected]{color:var(--accent)}.anim-take-verdict[data-verdict=approved]{color:var(--positive)}.anim-take-why{color:var(--ink-1);max-width:34ch;margin-top:8px;font-size:15px;line-height:1.5}.anim-use{border:1px solid var(--line);background:var(--surface-faint);border-radius:26px;flex-direction:column;padding:30px;transition:border-color .4s,transform .4s;display:flex}.anim-use:hover{border-color:var(--line-strong);transform:translateY(-2px)}@media (min-width:768px){.anim-use{padding:36px}}.anim-use-example{border:1px dashed var(--line-strong);color:var(--ink-1);border-radius:16px;margin-top:auto;padding:16px 18px;font-size:14px;line-height:1.55;transform:translateY(0)}.anim-use>p:first-of-type{margin-bottom:24px}.anim-use-example>span:first-child{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px;font-size:10px;display:block}.anim-not{border-bottom:1px solid var(--line);gap:6px;padding-block:20px;display:grid}@media (min-width:640px){.anim-not{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:baseline;gap:24px}}.anim-not-need{letter-spacing:-.01em;color:var(--ink-0);font-size:18px;line-height:1.35}.anim-not-instead{color:var(--ink-1);font-size:15px;line-height:1.55}.anim-person{border:1px solid var(--line);background:var(--surface-faint);border-radius:26px;align-items:flex-start;gap:22px;min-width:0;padding:22px;display:flex}.anim-person-text{overflow-wrap:break-word;min-width:0}@media (min-width:768px){.anim-person{gap:28px;padding:28px}}@media (min-width:640px) and (max-width:1023.98px){.anim-person{flex-direction:column}}.anim-person-photo{aspect-ratio:4/5;border:1px solid var(--line-strong);border-radius:18px;flex:none;width:104px;position:relative;overflow:hidden}@media (min-width:1024px){.anim-person-photo{width:148px}}.anim-steps{gap:28px;display:grid}@media (min-width:768px){.anim-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}}.anim-step{border-top:1px solid var(--line-strong);padding-top:22px;position:relative}.anim-step:before{content:"";background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:999px;position:absolute;top:-5px;left:0}.anim-step-when{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--accent-rgb));font-size:11px}.anim-plan{border:1px solid var(--line);background:var(--surface-faint);border-radius:24px;padding:28px;transition:border-color .4s}.anim-plan:hover{border-color:var(--line-strong)}@media (prefers-reduced-motion:reduce){.anim-fan-card,.anim-tab,.anim-panel,.anim-use{transition:none}.anim-use:hover{transform:none}}.anim-cc{gap:32px;display:grid}@media (min-width:768px){.anim-cc{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:56px}}.anim-cc-stage{margin:0}@media (min-width:768px){.anim-cc-stage{position:sticky;top:96px}}.anim-cc-now{text-align:center;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-1);margin-top:14px;font-size:10px}.anim-cc-now span{color:var(--ink-2)}.anim-cc-list{gap:28px;min-width:0;display:grid}.anim-cc-concept{border:1px solid var(--line);background:var(--surface-faint);border-radius:24px;padding:22px}@media (min-width:768px){.anim-cc-concept{padding:28px}}.anim-cc-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-size:10.5px}.anim-cc-label strong{color:var(--ink-0);font-weight:600}.anim-cc-arc{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-0);margin-top:10px;font-size:clamp(22px,1.2vw + 16px,28px);line-height:1.2}.anim-cc-variants{gap:10px;margin-top:18px;display:grid}@media (min-width:640px){.anim-cc-variants{grid-template-columns:repeat(2,minmax(0,1fr))}}.anim-cc-variant{border:1px solid var(--line);background:var(--bg-0);border-radius:16px;align-items:center;gap:14px;width:100%;padding:10px;transition:border-color .3s,background-color .3s,transform .3s;display:flex}.anim-cc-variant:hover{border-color:var(--line-strong)}.anim-cc-variant:active{transform:scale(.99)}.anim-cc-variant[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:color-mix(in srgb, var(--accent) 7%, var(--bg-0))}.anim-cc-variant:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.anim-cc-thumb{aspect-ratio:9/16;border:1px solid var(--line-strong);border-radius:10px;flex:none;width:48px;position:relative;overflow:hidden}.anim-cc-name{color:var(--ink-0);font-size:15px;display:block}.anim-cc-line{color:var(--ink-1);margin-top:2px;font-size:13px;line-height:1.4;display:block}@media (min-width:768px){.anim-chooser .anim-panel:has(>.grid){grid-template-columns:minmax(0,460px) minmax(0,1fr)}}
