@font-face{font-family:Inter;src:url('assets/Inter-var-latin.woff2') format('woff2');font-weight:300 900;font-display:optional}
@font-face{font-family:'JetBrains Mono';src:url('assets/JetBrainsMono-var-latin.woff2') format('woff2');font-weight:400 500;font-display:optional}
:root{--deep:#070e1a;--navy:#0C1829;--ivory:#F5F0E8;--red:#C1281B;--amber:#E0913C;--green:#1E9E52;--line:rgba(12,24,41,.18);--body:Inter,Arial,sans-serif;--display:Inter,Arial,sans-serif;--mono:"JetBrains Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ivory);color:var(--navy);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--red);outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}::selection{background:var(--red);color:var(--ivory)}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:8px;left:8px;z-index:50;background:var(--ivory);padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-nav{height:96px;background:var(--navy);color:var(--ivory);padding:0 4.45%;display:flex;align-items:center;position:relative;z-index:5}.brand{width:158px;display:block;flex:none}.brand img{width:100%;height:auto;display:block}.site-nav nav{margin-left:auto;display:flex;align-items:center;gap:34px;font-size:14.4px;font-weight:600}.nav-services{display:flex;align-items:center;gap:25px}.nav-services span{font-size:21.6px}.nav-brief{display:flex;align-items:center;gap:12px}.nav-brief svg{width:17px;height:17px}.nav-wa{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border:1px solid #f5f0e850;border-radius:5px;transition:background .2s}.nav-wa:hover{background:var(--green);border-color:var(--green)}.nav-wa svg{color:var(--green);width:23px;height:23px}
/* One reading path, one supporting visual. */
.hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:40px;position:relative;padding:64px 4.45% 72px;min-height:calc(100svh - 96px);max-width:1800px;margin:0 auto;overflow:clip}.hero-copy{position:relative;z-index:2;min-width:0}h1{font-family:var(--display);font-size:clamp(72px,7.3vw,108px);font-weight:800;letter-spacing:-.065em;line-height:.96;margin:0}.action-line{color:var(--red);white-space:nowrap}.period{display:inline-block}.intro{font-size:18px;line-height:1.75;max-width:390px;margin:24px 0 0;color:#47505a}.intro strong{font-weight:700;color:var(--navy);white-space:nowrap}.conversion{margin-top:24px;width:max-content;max-width:100%}.offer{font-size:13.2px;line-height:1.5;color:#47505a;margin:0 0 12px}.primary-cta{min-height:57px;display:flex;align-items:center;gap:12px;background:var(--red);color:var(--ivory);padding:0 20px;border-radius:4px;font-size:15.6px;font-weight:750;box-shadow:0 5px 0 #9a2015;transition:transform .2s,box-shadow .2s,background .2s}.primary-cta:hover{transform:translateY(-3px);box-shadow:0 8px 0 #9a2015;background:#ad2317}.primary-cta:active{transform:translateY(3px);box-shadow:0 2px 0 #9a2015}.wa-icon{width:23px;height:23px}.cta-arrow{margin-left:24px;width:20px;height:20px}.brief-link{font-size:13.2px;display:flex;align-items:center;gap:12px;min-height:34px;margin-top:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#0c18294d}.brief-link svg{width:16px;height:16px}
.hero-art{position:relative;isolation:isolate;width:100%;max-width:700px;height:640px;min-width:0;justify-self:end;--mx:0px;--my:0px}.sculpture{position:absolute;inset:0;z-index:1;pointer-events:none;animation:press-enter 1.5s cubic-bezier(.16,1,.3,1) both}.scene-fallback,#scene{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}#scene{opacity:0;transition:opacity .7s}.webgl-ready #scene{opacity:1}.webgl-ready .scene-fallback{opacity:0;transition:opacity .35s .4s}.brand-tile{position:absolute;z-index:2;width:150px;height:165px;left:calc(50% - 66px);top:calc(50% - 82px);background:linear-gradient(140deg,#fffaf2,#dfd6c7);border-radius:18px;transform:rotate(-13deg);box-shadow:5px 7px 0 #c4bdae,10px 16px 24px #0c18291c,inset 2px 2px 2px #fffaf2;display:grid;place-items:center;padding:18px}.brand-tile img{width:108px;height:auto}.motion-toggle{position:absolute;right:0;bottom:-14px;display:none;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:1px solid #0c182926;border-radius:50%;z-index:4}.js .motion-toggle{display:flex}.motion-toggle:hover{background:#0c18290b}.pause-glyph{font:400 16.8px var(--mono)}.motion-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes press-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.paused *,.offscreen .hero-art *{animation-play-state:paused!important}
/* Evidence follows the first viewport. */
.proof-section{padding:48px 4.45% 56px;border-top:1px solid var(--line)}.proof-heading{display:flex;justify-content:center;margin-bottom:24px}.mini-proof{display:flex;align-items:center;gap:7px;font-size:13.2px;line-height:24px;color:#555d64;margin:0}.mini-proof strong{font-size:19.2px;font-weight:800;color:var(--navy)}.mini-proof>span:not(.proof-rule){margin:0 6px;color:var(--red)}.proof-rule{height:13px;width:1px;background:var(--line);margin:0 10px}.client-strip{padding:24px 0;display:flex;align-items:center;gap:48px;min-width:0}.client-strip>p{font:400 10.8px/1.7 var(--mono);letter-spacing:-.02em;color:#61646a;margin:0;flex:none}.client-strip>p strong{color:var(--navy);font-weight:500}.ticker{overflow:hidden;min-width:0;flex:1;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.ticker-track{display:flex;width:max-content;animation:client-scroll 55s linear infinite;padding:9px 0}.ticker-group{display:flex;align-items:center;gap:64px;padding-right:64px;flex:none}.client-logo{position:relative;display:block;flex:none;height:28px;isolation:isolate;border-radius:2px}.client-logo img{display:block;height:28px;width:auto;transition:opacity .3s}.client-logo .logo-mono{opacity:.65}.client-logo .logo-color{position:absolute;inset:0;opacity:0;background-size:contain;background-position:center;background-repeat:no-repeat;transition:opacity .3s}.client-logo:hover .logo-color,.client-logo:focus .logo-color{opacity:1;background-image:var(--logo-image)}.client-logo:hover .logo-mono,.client-logo:focus .logo-mono{opacity:0}.client-logo[data-key=life_01]::before{content:'';position:absolute;inset:-8px;background:var(--navy);border-radius:3px;z-index:-1;opacity:0;transition:opacity .3s}.client-logo[data-key=life_01]:hover::before,.client-logo[data-key=life_01]:focus::before{opacity:1}.ticker:hover .ticker-track{animation-play-state:paused}.ticker:focus-within .ticker-track{animation:none;transform:none}@keyframes client-scroll{to{transform:translateX(-50%)}}
.paid-platforms{display:flex;align-items:center;justify-content:center;gap:48px;padding-top:32px;margin-top:16px;border-top:1px solid var(--line)}.paid-platforms p{margin:0;font:400 10.8px/1.5 var(--mono);text-transform:uppercase;color:#47505a}.platform-marks{display:flex;align-items:center;gap:35px}.platform-marks img{display:block;height:auto;object-fit:contain}.platform-meta{width:86px}.platform-google{width:29px}.platform-tiktok{width:80px}.platform-youtube{width:37px}.platform-linkedin{width:27px}.platform-xhs{width:30px}
.eyebrow{font:500 10.8px/1.5 var(--mono);letter-spacing:.09em;margin:0 0 14px}.service-explorer{background:var(--navy);color:var(--ivory);padding:44px 4.45% 46px;display:grid;grid-template-columns:37% 63%;gap:0}.service-intro .eyebrow{font-size:9.6px;opacity:.65;letter-spacing:.1em}.service-intro h2{font-family:var(--display);font-size:39.6px;letter-spacing:-.05em;margin:0;line-height:1.1}#service-panel{display:flex;justify-content:space-between;align-items:start;gap:24px;min-height:172px;padding-top:22px}#service-description{font-size:13.2px;line-height:1.8;max-width:390px;margin:0;opacity:.75}#service-link{font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:14px;min-height:38px;color:var(--ivory)}#service-link svg{width:17px;height:17px}.floating-wa{position:fixed;bottom:22px;right:24px;z-index:10;height:51px;padding:0 17px;border-radius:50px;background:var(--green);color:var(--deep);box-shadow:0 4px 20px #070e1a24;display:flex;align-items:center;gap:9px;font-size:13.2px;font-weight:700;transition:transform .2s}.floating-wa svg{width:25px;height:25px;color:var(--ivory)}.floating-wa:hover{transform:translateY(-4px)}
@media(max-width:1150px) and (min-width:761px){.hero{gap:20px}h1{font-size:7.35vw}.hero-art{height:520px}.brand-tile{width:110px;height:122px;left:calc(50% - 49px);top:calc(50% - 61px);padding:14px}.brand-tile img{width:78px}.intro{font-size:15.6px;max-width:330px}.primary-cta{font-size:13.2px;padding:0 14px}.cta-arrow{margin-left:5px}.service-explorer{grid-template-columns:32% 68%}.service-intro h2{font-size:32.4px}.platform-marks{gap:26px}}
@media(max-width:760px){.site-nav{height:69px;padding:0 22px}.brand{width:126px}.nav-services,.nav-brief{display:none}.site-nav nav{gap:0}.nav-wa{font-size:13.2px;padding:8px 12px;gap:7px;min-height:40px}.nav-wa svg{width:20px;height:20px}.hero{display:flex;flex-direction:column;gap:0;align-items:stretch;padding:40px 23px 28px;min-height:calc(100svh - 69px)}h1{font-size:clamp(54px,15.5vw,100px)}.intro{font-size:14.4px;line-height:1.7;max-width:340px;margin-top:24px}.conversion{width:100%;margin-top:24px}.offer{font-size:12px;line-height:16.8px;margin-bottom:12px}.primary-cta{font-size:14.4px;min-height:53px;padding:0 16px;gap:10px}.cta-arrow{margin-left:auto;width:18px;height:18px}.brief-link{font-size:13.2px;min-height:30px;margin-top:14px}.hero-art{height:332px;min-height:332px;width:100%;max-width:480px;align-self:center;margin-top:12px}.brand-tile{width:88px;height:98px;left:calc(50% - 40px);top:calc(50% - 49px);border-radius:13px;padding:12px;box-shadow:3px 5px 0 #c4bdae,7px 12px 18px #0c18291c}.brand-tile img{width:62px}.motion-toggle{left:0;right:auto;bottom:0}.proof-section{padding:32px 23px 40px}.proof-heading{margin-bottom:20px}.mini-proof{font-size:12px;line-height:20.4px;gap:5px}.mini-proof strong{font-size:15.6px}.mini-proof>span:not(.proof-rule){margin:0 5px}.proof-rule{margin:0 6px}.client-strip{display:block;padding:16px 0 24px}.client-strip>p{display:flex;gap:4px;margin-bottom:15px;font-size:10.8px}.client-strip>p br{display:none}.ticker-group{gap:44px;padding-right:44px}.client-logo,.client-logo img{height:26px}.paid-platforms{display:block;margin-top:8px;padding-top:24px}.paid-platforms p{font-size:9.6px;margin-bottom:18px}.platform-marks{justify-content:space-between;gap:10px}.platform-meta{width:63px}.platform-google{width:21px}.platform-tiktok{width:61px}.platform-youtube{width:27px}.platform-linkedin{width:19px}.platform-xhs{width:22px}.service-explorer{display:block;padding:31px 23px 28px}.service-body{padding-left:0}.service-intro .eyebrow{font-size:7.9px;margin-bottom:12px}.service-intro h2{font-size:36px;margin-bottom:14px}.service-lead{max-width:none}#service-panel{display:block;min-height:0;padding-top:16px;max-width:none}#service-description{font-size:14.4px;max-width:none}#service-link{margin-top:16px;font-size:13.2px;min-height:44px}.constellation{position:static;height:auto;min-height:0;margin-top:24px}.constellation-canvas,.constellation-links,.c-hub,.c-videos{display:none}.service-tabs{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px}.c-node{position:static;left:auto;top:auto;transform:none;white-space:normal;padding:13px 14px}.c-node[aria-selected=true]{transform:none}.floating-wa{width:49px;height:49px;right:17px;bottom:17px;padding:0;justify-content:center}.floating-wa span{display:none}.floating-wa svg{width:26px;height:26px}}
@media(max-width:360px){.hero{padding-left:19px;padding-right:19px}.site-nav{padding:0 19px}h1{font-size:15.75vw}.primary-cta{font-size:12.6px}.mini-proof{font-size:10.2px}}
html:not(.js) *{animation:none!important;transition:none!important}
html:not(.js) .ticker{mask-image:none;-webkit-mask-image:none;overflow:visible}html:not(.js) .ticker-track{width:100%;transform:none}html:not(.js) .ticker-group{width:100%;flex-wrap:wrap;gap:25px 40px;padding-right:0}html:not(.js) .ticker-repeat{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .motion-toggle{display:none}#scene{display:none}.webgl-ready .scene-fallback{opacity:1}.ticker{mask-image:none;-webkit-mask-image:none;overflow:visible}.ticker-track{width:100%;transform:none}.ticker-group{width:100%;flex-wrap:wrap;gap:25px 40px;padding-right:0}.ticker-repeat{display:none}}

/* 2026-09-14 Claude: the platform deck (reference: savee.com/i/x74C2Tz, layered cards in 3D) */
.hero-art{max-width:720px;height:640px}
.deck{position:absolute;inset:0;perspective:1500px;perspective-origin:52% 48%;overflow:visible}
.deck-inner{position:absolute;inset:0;transform-style:flat;transform:rotateY(calc(-13deg + var(--ry,0deg))) rotateX(calc(4deg + var(--rx,0deg)));transition:transform .9s cubic-bezier(.16,1,.3,1);--s:1}
.card{position:absolute;left:50%;top:50%;transform-style:flat;backface-visibility:hidden;border-radius:10px;overflow:hidden;box-shadow:0 26px 48px -18px rgba(12,24,41,.38),0 6px 14px -8px rgba(12,24,41,.25),0 0 0 1px rgba(12,24,41,.08);background:#fff;color:var(--navy);font-family:var(--body);transform:translate(-50%,-50%) translate(var(--x),var(--y)) perspective(1100px) rotateY(var(--ryc)) scale(calc(var(--s) * var(--d,1)));transition:transform 1s cubic-bezier(.16,1,.3,1),box-shadow .6s;will-change:transform}
.card.lift{box-shadow:0 34px 70px -18px rgba(12,24,41,.5),0 0 0 2px var(--amber)}
html.js body:not(.deck-ready) .card{opacity:0}
/* eight slots, front to back */
.s0{--x:-140px;--y:30px;--d:1;--ryc:-5deg;z-index:8}
.s1{--x:70px;--y:-50px;--d:.94;--ryc:7deg;z-index:7}
.s2{--x:-60px;--y:110px;--d:.88;--ryc:-3deg;z-index:6}
.s3{--x:150px;--y:70px;--d:.82;--ryc:9deg;z-index:5}
.s4{--x:-170px;--y:-90px;--d:.76;--ryc:-10deg;z-index:4}
.s5{--x:40px;--y:140px;--d:.7;--ryc:5deg;z-index:3}
.s6{--x:170px;--y:-120px;--d:.65;--ryc:12deg;z-index:2}
.s7{--x:-70px;--y:-10px;--d:.6;--ryc:-7deg;z-index:1}
.card header{display:flex;align-items:center;gap:9px;padding:11px 12px 8px}
.card .avatar{width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #e6e2da;display:grid;place-items:center;flex:none}.card .avatar img{width:20px;height:auto}
.card .who{display:flex;flex-direction:column;line-height:1.15;flex:1;min-width:0}.card .who b{font-size:12px;font-weight:700}.card .who small{font-size:10px;color:#6b7280}
.card .pmark{width:20px;height:auto;flex:none}
.card footer{display:flex;justify-content:space-around;padding:8px 10px;border-top:1px solid #edeae4;font-size:10.5px;font-weight:600;color:#5b6470}
.card .fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card .rail{position:absolute;right:10px;bottom:70px;display:flex;flex-direction:column;gap:14px;color:#fff;font-size:20px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.5)}
/* Google */
.c-google{width:340px;padding:12px 14px 14px;background:#fff}
.g-bar{display:flex;align-items:center;gap:10px;border:1px solid #dfe1e5;border-radius:999px;padding:8px 14px;font-size:12px;color:#202124}.g-bar img{width:18px;height:18px}.g-bar span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-mic{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#4285f4,#34a853 50%,#fbbc05 50%,#ea4335)}
.g-result{padding:14px 4px 0}.g-site{display:flex;gap:10px;align-items:center;font-size:10.5px;line-height:1.2;color:#4d5156}.g-site b{color:#202124;font-weight:500;font-size:12px}.g-fav{width:26px;height:26px;border-radius:50%;background:#f1f3f4;display:grid;place-items:center}.g-fav img{width:16px;height:auto}
.g-title{margin:6px 0 2px;font-size:17px;line-height:1.3;color:#1a0dab;font-weight:400}.g-desc{margin:0;font-size:11.5px;line-height:1.45;color:#4d5156}
/* Facebook */
.c-fb{width:300px}.fb-text{margin:0;padding:0 12px 10px;font-size:12px;line-height:1.45}.fb-img{width:100%;height:210px;object-fit:cover;display:block}
.fb-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:#f0f2f5}.fb-cta small{display:block;font-size:9px;color:#65676b;letter-spacing:.04em}.fb-cta b{font-size:12px}.fb-btn{font-size:11px;font-weight:700;padding:7px 12px;border-radius:6px;background:#e4e6eb;color:#050505;white-space:nowrap}
/* Instagram reel */
.c-ig{width:232px;height:412px;background:#000;color:#fff}.ig-top{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.ig-top img{width:22px;height:22px}
.ig-cap{position:absolute;left:12px;right:52px;bottom:14px;display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.35;text-shadow:0 1px 3px rgba(0,0,0,.6)}.ig-cap b{font-size:12px}.ig-cap small{font-size:10px;opacity:.85}
/* TikTok */
.c-tt{width:232px;height:412px;background:#000;color:#fff}.tt-top{position:absolute;left:0;right:0;top:12px;display:flex;justify-content:center}.tt-top img{height:22px;width:auto}
.tt-cap{position:absolute;left:12px;right:52px;bottom:16px;display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.35;text-shadow:0 1px 3px rgba(0,0,0,.6)}.tt-cap b{font-size:12px}
/* LinkedIn */
.c-li{width:300px}.li-text{margin:0;padding:0 12px 12px;font-size:12px;line-height:1.5}.li-text b{font-weight:700}
/* YouTube */
.c-yt{width:340px;height:191px;background:#000;color:#fff}.yt-ad{position:absolute;left:10px;top:10px;font-size:10px;padding:3px 7px;background:rgba(0,0,0,.6);border-radius:3px}.yt-logo{position:absolute;left:10px;bottom:16px;width:28px;height:auto}
.yt-skip{position:absolute;right:0;bottom:22px;font-size:11px;font-weight:600;padding:8px 12px;background:rgba(0,0,0,.72);border-left:2px solid #fff}.yt-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.3)}.yt-bar i{display:block;height:100%;width:38%;background:#f00}
/* XHS */
.c-xhs{width:232px}.xhs-img{width:100%;height:250px;object-fit:cover;display:block}.xhs-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}.xhs-body b{font-size:12.5px;line-height:1.3}.xhs-body span{display:flex;align-items:center;gap:6px;font-size:10px;color:#6b7280}.xhs-body span img{width:14px;height:auto}
.c-xhs .pmark{position:absolute;right:10px;top:10px;width:22px;border-radius:5px}
/* WhatsApp */
.c-wa{width:272px;background:#efe7dd}.c-wa header{background:#075e54;color:#fff}.c-wa .who small{color:#d4f0e6}
.wa-body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:8px}.bubble{margin:0;max-width:86%;padding:8px 10px;border-radius:9px;font-size:13.8px;line-height:1.4;position:relative}.bubble.out{align-self:flex-end;background:#dcf8c6;border-top-right-radius:2px}.bubble.out small{display:block;text-align:right;font-size:10.8px;color:#6b7280;margin-top:3px}
.bubble.in{align-self:flex-start;background:#fff;border-top-left-radius:2px;display:flex;gap:4px;padding:10px 12px}.bubble.in i{width:6px;height:6px;border-radius:50%;background:#9aa3ad;animation:typing 1.2s infinite}.bubble.in i:nth-child(2){animation-delay:.2s}.bubble.in i:nth-child(3){animation-delay:.4s}
@keyframes typing{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
/* responsive */
@media(max-width:1150px) and (min-width:761px){.hero-art{height:520px}.deck-inner{--s:.82}}
@media(max-width:760px){.hero-art{height:332px;min-height:332px;overflow:visible}.deck{perspective:1100px;perspective-origin:50% 50%}.deck-inner{--s:.5;transform:rotateY(calc(-9deg + var(--ry,0deg))) rotateX(calc(3deg + var(--rx,0deg)))}.s0{--x:-30px;--y:6px}.s1{--x:40px;--y:-26px}.s2{--x:-24px;--y:56px}.s3{--x:70px;--y:30px}.s4{--x:-70px;--y:-50px}.s5{--x:16px;--y:70px}.s6{--x:76px;--y:-64px}.s7{--x:-30px;--y:0}}
@media(prefers-reduced-motion:reduce){.deck-inner,.card{transition:none}html.js body:not(.deck-ready) .card{opacity:1}.bubble.in i{animation:none;opacity:.6}}

/* 2026-09-14 Claude: statement + CTA moved out of the hero into their own section (Simon) */
.hero{min-height:0;padding-top:56px;padding-bottom:40px;align-items:center}
.hero-copy{align-self:center}
.statement{text-align:center;padding:64px 4.45% 72px;border-top:1px solid var(--line)}
.statement-eyebrow{margin:0 0 14px;font-family:var(--mono);font-size:13.2px;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.statement h2{margin:0 auto;max-width:820px;font-family:var(--display);font-size:clamp(33.6px,4.1vw,55.2px);line-height:1.12;letter-spacing:-.035em;font-weight:800;color:var(--navy)}
.statement .offer{margin:22px 0 0;font-size:16.8px;color:#5b6470}
.statement-actions{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:22px}
.statement .primary-cta{width:max-content}
.statement .brief-link{margin-top:0}
@media(max-width:1150px) and (min-width:761px){.hero{padding-top:40px}}
@media(max-width:760px){.hero{padding:28px 23px 18px;min-height:0}.hero-copy{align-self:stretch}.hero-art{margin-top:6px}.statement{padding:40px 23px 48px}.statement h2{font-size:clamp(28.8px,8.4vw,38.4px)}.statement .primary-cta{width:100%}.statement-actions{gap:14px}}

/* 2026-09-15 Claude: explorer chips, readiness check, live footer */
#service-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}#service-chips span{font:500 10.8px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border:1px solid #f5f0e82b;border-radius:999px;opacity:.8}
/* 2026-09-16 Claude: the "We connect the dots." constellation. Four service nodes on SVG trunk lines
   around a JY hub, over an ambient three.js dot-field (dots.js, desktop only). Detail panel sits left. */
.service-explorer{align-items:center;position:relative;overflow:hidden}
.service-intro{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.service-lead{font-size:14.4px;line-height:1.6;max-width:340px;margin:16px 0 0;opacity:.68}
#service-panel{display:block;min-height:0;padding-top:20px;max-width:360px}
#service-description{font-size:14.4px;line-height:1.7;max-width:340px;margin:0;opacity:.82}
#service-link{margin-top:20px}
.service-body{padding-left:32px;position:relative;z-index:1}
.constellation{position:relative;width:100%;height:400px;isolation:isolate}
.c-videos{position:absolute;inset:0;z-index:0;overflow:hidden}
.c-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease}
.service-explorer[data-active="paid"] .c-video[data-service="paid"],.service-explorer[data-active="social"] .c-video[data-service="social"],.service-explorer[data-active="web"] .c-video[data-service="web"],.service-explorer[data-active="ai"] .c-video[data-service="ai"]{opacity:.34}
.c-scrim{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(12,24,41,.32),rgba(12,24,41,.72) 82%)}
.constellation-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity .9s}
.constellation.has-webgl .constellation-canvas{opacity:1}
.constellation-links{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
.clink{stroke:#f5f0e84a;stroke-width:1.3;vector-effect:non-scaling-stroke;transition:stroke .35s}
.service-explorer[data-active="paid"] .clink[data-service="paid"],.service-explorer[data-active="social"] .clink[data-service="social"],.service-explorer[data-active="web"] .clink[data-service="web"],.service-explorer[data-active="ai"] .clink[data-service="ai"]{stroke:var(--amber);stroke-width:2;stroke-dasharray:4 6;animation:c-flow 1.05s linear infinite}
@keyframes c-flow{to{stroke-dashoffset:-20}}
.c-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#132743,#0c1829 72%);box-shadow:0 0 0 1px #f5f0e81f,0 0 40px #0c182966}
.c-hub img{width:42px;height:auto}
.service-tabs{position:absolute;inset:0;z-index:3;display:block;border:0;gap:0}
.c-node{position:absolute;left:var(--nx);top:var(--ny);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:0;padding:12px 15px;text-align:left;white-space:nowrap;background:linear-gradient(150deg,rgba(28,44,68,.94),rgba(16,30,50,.94));backdrop-filter:blur(4px);border:1px solid #f5f0e878;border-radius:12px;box-shadow:0 8px 26px #050b1680;transition:border-color .3s,box-shadow .3s,transform .3s}
.c-node::after{display:none}
.c-node-label{font-size:15.6px;font-weight:600;letter-spacing:-.01em;color:var(--ivory)}
.c-node-sub{font:500 10.2px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ivory);opacity:.62}
.c-node:hover{border-color:#f5f0e85c}
.c-node[aria-selected=true]{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber),0 10px 30px #0c182980;transform:translate(-50%,-50%) scale(1.05)}
.c-node[aria-selected=true] .c-node-sub{color:var(--amber);opacity:.95}
.c-node[aria-selected=true]::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + 22px);height:calc(100% + 22px);border-radius:16px;background:radial-gradient(circle,#e0913c2b,transparent 70%);z-index:-1}
.service-deliverables{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}
.service-deliverables li{font-size:13.8px;line-height:1.4;opacity:.88;padding-left:20px;position:relative}
.service-deliverables li::before{content:'';position:absolute;left:0;top:8px;width:10px;height:1px;background:var(--amber)}
.readiness{background:var(--ivory);color:var(--navy);padding:52px 4.45%;display:grid;grid-template-columns:42% 58%;gap:5%;align-items:center;border-top:1px solid var(--line)}
.readiness .eyebrow{font-size:9.6px;letter-spacing:.1em;color:var(--red);margin:0 0 12px}
.readiness h2{font-family:var(--display);font-size:39.6px;letter-spacing:-.05em;margin:0;line-height:1.1;max-width:440px}
.readiness-lead{font-size:14.4px;line-height:1.7;max-width:400px;margin:16px 0 0;color:#47505a}
.readiness-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 28px;box-shadow:0 20px 44px -26px rgba(12,24,41,.4);max-width:470px}
.readiness-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.readiness-badges span{font:600 10.8px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--navy);background:#f3efe7;border:1px solid var(--line);border-radius:999px;padding:6px 11px}
.rcard-label{font:600 10.8px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#6b7280;margin:0 0 13px}
.readiness-get{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}
.readiness-get li{display:flex;align-items:flex-start;gap:11px;font-size:15.6px;line-height:1.4;font-weight:500;color:var(--navy)}
.readiness-get svg{width:19px;height:19px;flex:none;color:var(--green);stroke:var(--green);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.readiness-cta{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 22px;background:var(--red);border-radius:8px;font-size:15.6px;font-weight:750;color:var(--ivory);box-shadow:0 4px 0 #9a2015;transition:transform .2s,box-shadow .2s,background .2s}
.readiness-cta svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}
.readiness-cta:hover{transform:translateY(-2px);box-shadow:0 6px 0 #9a2015;background:#ad2317}
.readiness-cta:active{transform:translateY(2px);box-shadow:0 2px 0 #9a2015}
.readiness-action{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.readiness-tryme{display:inline-flex;align-items:center;gap:8px;font:800 19.2px var(--body);letter-spacing:-.01em;color:var(--navy);background:var(--amber);padding:11px 18px;border-radius:999px;box-shadow:0 8px 22px rgba(224,145,60,.6);animation:tryme-nudge 1.1s ease-in-out infinite;transform-origin:right center;white-space:nowrap;pointer-events:none}
.readiness-tryme svg{width:20px;height:20px;transform:scaleX(-1);stroke:var(--navy);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@keyframes tryme-nudge{0%,100%{transform:translateX(0) scale(1)}50%{transform:translateX(-8px) scale(1.05)}}
.site-footer{background:var(--deep);color:var(--ivory);padding:44px 4.45% 26px;display:block;font-size:13.2px}
.footer-cta{display:grid;grid-template-columns:37% 63%;gap:0;padding-bottom:36px;border-bottom:1px solid #f5f0e81f}
.footer-cta .eyebrow{font-size:9.6px;opacity:.65;letter-spacing:.1em;margin:0 0 12px}.footer-cta h2{font-family:var(--display);font-size:39.6px;letter-spacing:-.05em;margin:0 0 10px;line-height:1.1}.footer-cta-copy p:last-child{font-size:13.2px;line-height:1.8;max-width:390px;margin:0;opacity:.75}
.footer-cta-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;align-self:center;justify-content:flex-end}
.footer-btn{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 18px;background:var(--red);color:#fff;border-radius:6px;font-size:13.2px;font-weight:700}.footer-btn svg,.footer-wa svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}
.footer-wa{display:inline-flex;align-items:center;gap:10px;font-size:13.2px;font-weight:600;color:var(--ivory);border-bottom:1px solid #f5f0e84d;padding-bottom:2px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1fr;gap:32px;padding:36px 0 30px;border-bottom:1px solid #f5f0e81f}
.footer-brand img{width:120px;height:auto}.footer-brand p{margin:14px 0 0;font-size:13.2px;line-height:1.7;opacity:.75;max-width:240px}
.footer-social{display:flex;gap:12px;margin-top:16px}.footer-social a{width:30px;height:30px;border-radius:50%;background:#f5f0e814;display:grid;place-items:center}.footer-social img{width:15px;height:15px}
.footer-col h3{font:500 10.8px var(--mono);letter-spacing:.15em;text-transform:uppercase;margin:0 0 14px;opacity:.6}
.footer-col dl{margin:0;display:grid;grid-template-columns:auto auto;gap:6px 18px;line-height:1.6}.footer-col dt{opacity:.75}.footer-col dd{margin:0}
.footer-col address{font-style:normal;line-height:1.7;opacity:.85;margin:0 0 10px}.footer-col a{color:var(--ivory)}.footer-col a:hover{text-decoration:underline}
.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;line-height:1.4}.footer-links{margin-top:16px!important;padding-top:14px!important;border-top:1px solid #f5f0e81f;opacity:.8}
.footer-legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 140px 0 0;font:500 10.8px var(--mono);letter-spacing:.1em;opacity:.55}
@media(max-width:760px){.readiness{display:block;padding:34px 23px 38px}.readiness h2{font-size:31.2px}.readiness-lead{max-width:none}.readiness-card{max-width:none;margin-top:24px;padding:22px 20px}.site-footer{padding:34px 23px 90px}.footer-cta{display:block}.footer-cta-actions{justify-content:flex-start;margin-top:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-brand{grid-column:1/-1}.footer-legal{flex-direction:column;gap:6px}}

/* 2026-09-15 Claude: hero composition, headline and deck meet in the middle */
@media(min-width:761px){
  .hero{grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,3vw,48px);padding:40px 4.45% 36px;max-width:1500px}
  h1{font-size:clamp(76px,7.9vw,116px)}
  .hero-copy{padding-left:2%}
  .hero-art{justify-self:center;max-width:760px;height:620px;--mx:0px;--my:0px}
  .deck{perspective-origin:50% 50%;left:-5%}
}
@media(min-width:761px) and (max-width:1320px){.deck-inner{--s:.86}.hero-art{height:560px}}
@media(min-width:1500px){.hero{padding-left:6%;padding-right:6%}}

/* 2026-09-15 Claude: straight answers (FAQ) from jymedialab.my, with FAQPage schema */
.faq{background:var(--ivory);color:var(--navy);padding:44px 4.45% 52px;display:grid;grid-template-columns:37% 63%;gap:0;border-top:1px solid var(--line)}
.faq .eyebrow{font-size:9.6px;letter-spacing:.1em;color:var(--red);margin:0 0 12px}
.faq h2{font-family:var(--display);font-size:39.6px;letter-spacing:-.05em;margin:0;line-height:1.1;max-width:400px}
.faq-body{max-width:640px}
.faq-q{border-bottom:1px solid var(--line)}.faq-q:first-of-type{border-top:1px solid var(--line)}
.faq-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;font-size:15.6px;font-weight:600;line-height:1.4}
.faq-q summary::-webkit-details-marker{display:none}
.faq-q summary svg{width:16px;height:16px;flex:none;stroke:var(--red);fill:none;stroke-width:2;transform:rotate(90deg);transition:transform .25s}
.faq-q[open] summary svg{transform:rotate(-90deg)}
.faq-a{padding:0 40px 18px 0;font-size:13.8px;line-height:1.8;color:#47505a}.faq-a p{margin:0 0 10px}.faq-a p:last-child{margin:0}.faq-a a{color:var(--navy)}
@media(max-width:760px){.faq{display:block;padding:31px 23px 36px}.faq h2{font-size:31.2px;margin-bottom:14px}.faq-a{padding-right:0}}


/* 2026-09-23 Claude: selected work + Facebook feed (adapted from the partner prototype into the house system) */
.work{background:var(--ivory);color:var(--navy);padding:52px 4.45% 56px;border-top:1px solid var(--line)}
.work-head{display:grid;grid-template-columns:52% 48%;gap:0;align-items:end;margin-bottom:34px}
.work-head h2{font-family:var(--display);font-size:clamp(36px,3.7vw,50.4px);font-weight:800;letter-spacing:-.055em;line-height:1.05;margin:0}
.work-accent{color:var(--red)}
.work-lead{font-size:15.6px;line-height:1.75;color:#47505a;margin:0;max-width:400px;justify-self:end}
.work-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.work-card{display:flex;flex-direction:column;min-width:0}
.work-media{position:relative;display:block;width:100%;aspect-ratio:1/1;padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#e7e1d6;box-shadow:0 5px 0 #d9d2c4;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
.work-media img,.work-media video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.work-media:hover{transform:translateY(-4px);box-shadow:0 9px 0 #d9d2c4}
.work-media:hover img,.work-media:hover video{transform:scale(1.035)}
.work-media:active{transform:translateY(2px);box-shadow:0 2px 0 #d9d2c4}
.work-zoom{position:absolute;right:11px;bottom:11px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:var(--ivory);opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.work-zoom svg{width:15px;height:15px}
.work-media:hover .work-zoom,.work-media:focus-visible .work-zoom{opacity:1;transform:none}
.work-play{position:absolute;left:11px;bottom:11px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:50px;background:#0c1829cc;color:var(--ivory);font:500 10.8px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.work-cat{font:400 10.8px/1.6 var(--mono);letter-spacing:.06em;color:#61646a;margin:15px 0 7px}
.work-cat span{color:var(--red);margin:0 3px}
.work-card h3{font-family:var(--display);font-size:20.4px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0}
.work-card h3 span{display:block;font-size:13.2px;font-weight:500;letter-spacing:0;color:#61646a;margin-top:4px}
.work-note{font-size:14.4px;line-height:1.7;color:#47505a;margin:9px 0 0}

/* work lightbox */
.work-lightbox{position:fixed;inset:0;z-index:40;display:grid;place-items:center}
.work-lightbox[hidden]{display:none}
.wl-backdrop{position:absolute;inset:0;background:#070e1af2}
.wl-panel{position:relative;z-index:1;width:min(92vw,760px);max-height:90svh;display:flex;flex-direction:column;background:var(--ivory);border-radius:8px;padding:16px;box-shadow:0 28px 60px -18px #070e1a99}
.wl-title{font:500 10.8px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#61646a;margin:0 0 12px;padding-right:40px}
.wl-stage{min-height:0;display:grid;place-items:center;overflow:auto}
.wl-stage img,.wl-stage video{display:block;max-width:100%;max-height:74svh;width:auto;height:auto;border-radius:4px}
.wl-close{position:absolute;top:10px;right:10px;width:40px;height:40px;display:grid;place-items:center;background:none;border:1px solid var(--line);border-radius:50%;font-size:26.4px;line-height:1}
.wl-close:hover{background:#0c18290b}

/* Facebook feed */
.feed{background:var(--ivory);color:var(--navy);padding:52px 4.45% 56px;border-top:1px solid var(--line)}
.feed-head{display:grid;grid-template-columns:52% 48%;gap:0;align-items:end;margin-bottom:30px}
.feed-head h2{font-family:var(--display);font-size:clamp(36px,3.7vw,50.4px);font-weight:800;letter-spacing:-.055em;line-height:1.05;margin:0}
.feed-head-side{justify-self:end;max-width:400px}
.feed-lead{font-size:15.6px;line-height:1.75;color:#47505a;margin:0}
.feed-follow{display:inline-flex;align-items:center;gap:10px;min-height:38px;margin-top:8px;font-size:13.2px;font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#0c18294d}
.feed-follow svg{width:15px;height:15px}
.feed-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.feed-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 4px 0 #d9d2c4;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
a.feed-card:hover{transform:translateY(-4px);box-shadow:0 8px 0 #d9d2c4}
.fc-media{display:block;width:100%;aspect-ratio:4/5;background:#e7e1d6;overflow:hidden}
.fc-media img{display:block;width:100%;height:100%;object-fit:contain}
.fc-media.no-image{display:grid;place-items:center;background:var(--navy);color:var(--ivory);font:800 31.2px/1 var(--display)}
.fc-body{padding:14px 15px 15px;display:flex;flex-direction:column;flex:1}
.fc-meta{display:flex;align-items:center;gap:8px;font:400 10.8px/1.5 var(--mono);letter-spacing:.05em;color:#61646a;margin-bottom:9px}
.fc-platform{display:inline-flex;align-items:center;gap:5px;color:var(--navy);font-weight:500}
.fc-fmark{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:#1877f2;color:#fff;font:800 12px/1 var(--display)}
.fc-dot{color:var(--red)}
.fc-text{font-size:14.4px;line-height:1.65;color:#2b3440;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.fc-action{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:13.2px;font-weight:700;color:var(--navy)}
.fc-action svg{width:14px;height:14px}
.feed-card.is-skeleton{box-shadow:none;background:#efe9de}
.feed-card.is-skeleton .fc-media{background:#e2dbcd}
.feed-card.is-skeleton .fc-line{display:block;height:10px;margin:13px 15px 0;border-radius:3px;background:#e2dbcd}
.feed-card.is-skeleton .fc-line.short{width:52%;margin-bottom:18px}
.js .feed-card.is-skeleton .fc-media,.js .feed-card.is-skeleton .fc-line{animation:fc-pulse 1.5s ease-in-out infinite}
@keyframes fc-pulse{50%{opacity:.5}}
.feed-more{display:flex;align-items:center;justify-content:center;min-height:44px;margin:26px auto 0;padding:0 22px;background:none;border:1px solid var(--line);border-radius:4px;font-size:13.2px;font-weight:700;transition:background .2s}
.feed-more:hover{background:#0c18290b}
.feed-fallback{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:38px 24px;border:1px dashed var(--line);border-radius:8px;background:#efe9de}
.feed-fallback[hidden]{display:none}
/* author display: overrides the UA [hidden] rule, so restate it for every toggled block */
.feed-grid[hidden]{display:none}
.feed-more[hidden]{display:none}
.feed-fallback-note{font-size:15.6px;line-height:1.7;color:#47505a;margin:0;max-width:420px}
.feed-fallback-cta{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:4px;background:var(--navy);color:var(--ivory);font-size:13.2px;font-weight:700;transition:transform .2s}
.feed-fallback-cta svg{width:15px;height:15px}
.feed-fallback-cta:hover{transform:translateY(-3px)}

@media(max-width:1150px) and (min-width:761px){
.work-grid{gap:22px}
.feed-grid{gap:18px}
.work-head,.feed-head{grid-template-columns:56% 44%}
.work-lead,.feed-lead{font-size:14.4px}
.work-card h3{font-size:18px}
}
@media(max-width:760px){
.work,.feed{padding:34px 23px 38px}
.work-head,.feed-head{display:block;margin-bottom:22px}
.work-head h2,.feed-head h2{font-size:36px}
.work-lead{max-width:none;justify-self:auto;margin-top:14px}
.feed-head-side{max-width:none;justify-self:auto;margin-top:14px}
.work-lead,.feed-lead{font-size:14.4px}
.work-grid{grid-template-columns:1fr;gap:28px}
.feed-grid{grid-template-columns:1fr;gap:20px}
.work-zoom{opacity:1;transform:none}
.wl-panel{width:94vw;padding:12px}
.feed-fallback{padding:28px 20px}
}
html:not(.js) .feed-grid{display:none}
html:not(.js) .feed-fallback{display:flex}

/* 2026-09-23 Claude: back to top. Stacks directly above the WhatsApp FAB so the two never collide. */
.to-top{position:fixed;right:24px;bottom:85px;z-index:10;width:46px;height:46px;display:grid;place-items:center;padding:0;background:var(--ivory);color:var(--navy);border:1px solid var(--line);border-radius:50%;box-shadow:0 4px 20px #070e1a24;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s,background .2s}
.to-top[hidden]{display:none}
.to-top svg{width:19px;height:19px;transform:rotate(-90deg)}
.to-top.is-shown{opacity:1;transform:none}
.to-top:hover{background:#fff;transform:translateY(-3px)}
.to-top:active{transform:translateY(1px)}
@media(max-width:760px){
.to-top{right:17px;bottom:76px;width:42px;height:42px}
.to-top svg{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){
.to-top{transition:none}
.to-top.is-shown{opacity:1;transform:none}
}