/* Division 1 optical surfaces. Text stays above the glass; only artwork blurs. */
:root{--d1-ease:cubic-bezier(.2,.75,.2,1);--d1-spring:cubic-bezier(.16,1,.3,1)}
.nav{background:linear-gradient(115deg,#ffffff0c,transparent 45%,#ffffff04),rgba(12,12,19,.67);border-color:#ffffff26;box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff05,0 18px 55px #0006;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%)}
.nav-wrap.is-scrolled .nav{background:linear-gradient(115deg,#ffffff0c,transparent 48%),rgba(12,12,19,.86);box-shadow:inset 0 1px #ffffff2b,0 20px 60px #0008}
.hero .badge,.hero-cta .btn-ghost,.service-link,.approach-link,.globe-invite{background:linear-gradient(125deg,#ffffff12,#ffffff03 48%,#a494ff0d),rgba(14,14,23,.72);box-shadow:inset 0 1px #ffffff26,inset 0 -1px #ffffff06,0 14px 35px #0005;backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%)}
.hero-stars{animation:d1-atmosphere 12s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:50% 65%}
.hero.depth-active .hero-stars{animation-play-state:running}
.hero-stars:before,.hero-stars:after{animation:d1-star-drift 7s ease-in-out infinite alternate;animation-play-state:inherit}
.hero-stars:after{animation-delay:-3s}
@keyframes d1-atmosphere{from{opacity:.55;transform:translate3d(-5px,0,0) scale(1)}to{opacity:.95;transform:translate3d(6px,-8px,0) scale(1.015)}}
@keyframes d1-star-drift{to{translate:0 -9px}}

/* A gradient of real backdrop blur, not a blurred copy of the text. */
.optical-frost{position:absolute;inset:auto 0 0;height:190px;z-index:2;pointer-events:none;isolation:isolate}
.optical-frost>i{display:block;position:absolute;inset:0;pointer-events:none;mask-image:linear-gradient(transparent,#000 75%);-webkit-mask-image:linear-gradient(transparent,#000 75%);backdrop-filter:blur(2px) saturate(125%);-webkit-backdrop-filter:blur(2px) saturate(125%)}
.optical-frost>i:nth-child(2){top:20%;backdrop-filter:blur(5px) saturate(135%);-webkit-backdrop-filter:blur(5px) saturate(135%)}
.optical-frost>i:nth-child(3){top:43%;backdrop-filter:blur(11px) saturate(145%);-webkit-backdrop-filter:blur(11px) saturate(145%)}
.optical-frost>i:nth-child(4){top:64%;backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%)}
.optical-frost:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 6%,#c2baff08 42%,#10101945 85%,#0b0b1266);pointer-events:none}
.viewport-frost{position:fixed;inset:auto 0 0;z-index:50;height:92px;pointer-events:none;transition:opacity .4s ease}
.viewport-frost:after{background:linear-gradient(transparent,#09090d0a 30%,#09090d60)}
body:has(dialog[open]) .viewport-frost{opacity:0}
.motion-control{z-index:65;background:#15141e99;border-color:#ffffff2b;box-shadow:inset 0 1px #ffffff1c,0 8px 24px #0005;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}

/* Layered service windows sit above a slowly moving pool of light. */
.service-panel{border-color:#ffffff23;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #ffffff07,0 24px 65px #0006;transition:transform .7s var(--d1-spring),border-color .55s ease,box-shadow .7s ease}
.service-panel:before{content:"";position:absolute;inset:0 20% auto;height:1px;background:linear-gradient(90deg,transparent,#ffffff60,#d8ff9644,transparent);pointer-events:none}
.service-panel:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,#ffffff04 32%,#ffffff0d 40%,transparent 52%);transform:translateX(-110%);transition:transform 1.4s var(--d1-ease)}
.service-panel:hover:after{transform:translateX(95%)}
.service-copy{position:relative;z-index:2}
.service-visual{isolation:isolate;padding:20px 0}
.service-visual:before{content:"";position:absolute;inset:8% -9% 0;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at 30% 35%,#7b61ff48,transparent 61%),radial-gradient(ellipse at 80% 75%,#00f0ff30,transparent 61%);filter:blur(30px);animation:d1-light 9s ease-in-out infinite alternate;animation-play-state:paused}
.service-ads .service-visual:before{background:radial-gradient(ellipse at 25% 30%,#00f0ff32,transparent 55%),radial-gradient(ellipse at 70% 80%,#c6ff002c,transparent 62%);animation-delay:-5s}
.service-visual .mock,.service-visual .ads-demo{position:relative;overflow:hidden;border-color:#ffffff32;box-shadow:inset 0 1px #ffffff28,0 30px 55px -14px #000b,0 0 0 7px #ffffff03;animation:d1-window-float 8s ease-in-out infinite;animation-play-state:paused;transition:transform .85s var(--d1-spring),filter .7s ease,box-shadow .7s ease}
.service-ads .ads-demo{animation-delay:-4s}
.service-panel.depth-active .service-visual:before,.service-panel.depth-active .mock,.service-panel.depth-active .ads-demo{animation-play-state:running}
.service-panel:hover .service-visual .mock,.service-panel:hover .ads-demo{transform:translateY(-5px) scale(1.018);filter:brightness(1.06);box-shadow:inset 0 1px #ffffff44,0 35px 65px -12px #000b,0 0 0 7px #ffffff05}
.service-visual .mock-body{padding-bottom:37px}
.service-visual .optical-frost{height:85px}
.service-visual .optical-frost:after{background:linear-gradient(transparent,#14131f22 45%,#18152577)}
.visual-label{z-index:4;right:-10px;bottom:9px;padding:13px 16px;transform:translateY(0);background:linear-gradient(125deg,#ffffff12,#ffffff04),#15141d99;border-color:#ffffff35;box-shadow:inset 0 1px #ffffff2b,0 16px 35px #0007;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:transform .8s var(--d1-spring)}
.service-panel:hover .visual-label{transform:translate(-5px,-8px)}
@keyframes d1-window-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes d1-light{from{transform:translate(-5px,5px) scale(.92);opacity:.55}to{transform:translate(10px,-8px) scale(1.08);opacity:1}}

/* Project glass overlaps the artwork, with a frosted falloff above it. */
.work-grid{align-items:start;gap:26px}
.work-card{isolation:isolate;border-color:#ffffff2b;background:#101017;box-shadow:inset 0 1px #ffffff26,0 28px 70px #0007;transition:transform .8s var(--d1-spring),box-shadow .8s ease,border-color .65s ease}
.work-card:nth-child(2){margin-top:46px}
.work-card:hover,.work-card:focus-visible{transform:translateY(-8px);border-color:#dcff8970;box-shadow:0 40px 85px #0009,0 0 0 1px #c6ff0015}
.work-browser{position:relative;z-index:3;background:linear-gradient(180deg,#ffffff09,transparent),#11111a;border-color:#ffffff20}
.work-preview-note{color:#b6b0c6}
.work-screen{min-height:530px;transition:filter .8s ease}
.work-card:hover .work-screen{transform:none;filter:brightness(1.035)}
.work-screen-head,.work-screen-copy,.work-screen-pill{transition:transform .85s var(--d1-spring)}
.work-card:hover .work-screen-head{transform:translateY(-2px)}
.work-card:hover .work-screen-copy{transform:translateY(-6px)}
.work-card:hover .work-screen-pill{transform:translate(3px,-3px)}
.work-mini-nav{bottom:130px}
.work-forms{bottom:28px;height:250px;animation:d1-project-float 11s ease-in-out infinite;animation-play-state:paused}
.empra .work-forms{bottom:4px;height:285px;animation-delay:-5.5s}
.work-card.depth-active .work-forms{animation-play-state:running}
.work-screen>.optical-frost{height:230px}
.work-card-foot{position:relative;z-index:4;margin:-130px 16px 16px;min-height:140px;padding:23px 24px;border-radius:24px;border:1px solid #ffffff35;background:linear-gradient(125deg,#ffffff16,#ffffff04 43%,#b5a9ff0d),rgba(15,15,24,.66);box-shadow:inset 0 1px #ffffff40,inset 0 -1px #ffffff08,0 16px 40px #0006;backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%);transition:transform .85s var(--d1-spring),border-color .6s ease,background .6s ease}
.work-card-foot:before{content:"";position:absolute;inset:0 13% auto;height:1px;background:linear-gradient(90deg,transparent,#ffffff80,transparent);pointer-events:none}
.work-card:hover .work-card-foot{transform:translateY(-4px);border-color:#ffffff59}
.work-card-foot strong{color:#fff;font-size:21px;line-height:1.2}
.work-card-foot small{font-size:13px;color:#e1dfe9}
.work-category{color:#e6ffa0;line-height:1.5}
.work-link{width:46px;height:46px;box-shadow:0 0 25px #c6ff0028;transition:transform .7s var(--d1-spring),box-shadow .7s ease}
.work-card:hover .work-link{transform:translate(3px,-3px);box-shadow:0 0 32px #c6ff004a}
@keyframes d1-project-float{0%,100%{translate:0 0}50%{translate:-5px -12px}}

/* Shared motion has one soft deceleration, without snapping or pointer tracking. */
.btn,.btn-ghost,.service-link,.approach-link,.tile,.step,.approach-item,.fq,.fix-list li,.chip,.choice,.style-choice{transition:transform .65s var(--d1-spring),box-shadow .65s ease,border-color .5s ease,background-color .5s ease,color .4s ease}
.btn:hover{--sc:1;--lift:-3px}
.btn:active{--sc:.985;--lift:0px;transition-duration:.2s}
.btn .ico,.btn span,.service-link span,.approach-link span{transition:transform .65s var(--d1-spring),background .5s ease}
.tile,.step,.approach-item,.fq,.fix-list li{box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #ffffff04,0 18px 45px #0004;border-color:#ffffff25}
.approach-item:hover,.step:hover,.tile:hover{transform:translateY(-5px);border-color:#ffffff4a;box-shadow:inset 0 1px #ffffff38,0 25px 55px #0006}
.fix-list li:hover{transform:translateX(5px)}
.step:hover .no{box-shadow:0 0 0 5px #c6ff000c,0 0 22px #c6ff0020}
.fq:hover{border-color:#ffffff40;box-shadow:inset 0 1px #ffffff28,0 20px 40px #0005}
.chip:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0005}
.brand:hover .official-mark{transform:scale(1.04)}
.cta{box-shadow:inset 0 1px #ffffff35,0 30px 80px #0007;overflow:hidden}
.cta:before{animation:d1-light 10s ease-in-out infinite alternate;animation-play-state:paused}
.cta.depth-active:before{animation-play-state:running}
.cta .mascot{animation:d1-window-float 7s ease-in-out infinite;animation-play-state:paused}
.cta.depth-active .mascot{animation-play-state:running}

/* The builder receives the same surfaces without moving or blurring its form. */
.builder-nav{background:linear-gradient(115deg,#ffffff08,transparent 55%),rgba(11,11,18,.8);box-shadow:inset 0 -1px #ffffff15,0 15px 40px #0004;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.question-panel{background:linear-gradient(135deg,#ffffff09,transparent 40%),rgba(11,11,18,.78);border-color:#ffffff29;box-shadow:inset 0 1px #ffffff29,0 22px 60px #0006}
.preview-frame{box-shadow:inset 0 1px #ffffff32,0 30px 80px #0008,0 0 0 7px #ffffff03;border-color:#ffffff32}
.choice:hover,.style-choice:hover{transform:translateY(-3px);box-shadow:inset 0 1px #ffffff20,0 18px 35px #0005}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.work-card-foot{background:#14141eef}.optical-frost{background:linear-gradient(transparent,#13131e99)}.viewport-frost{display:none}}
@media(max-width:820px){.work-card:nth-child(2){margin-top:0}.work-grid{gap:27px}.service-visual{padding:16px 0}.work-screen{min-height:490px}.service-panel{box-shadow:inset 0 1px #ffffff24,0 20px 45px #0005}}
@media(max-width:620px){.nav-right .btn{--h:44px}.burger{width:44px;height:44px}.nav-right{gap:6px}.nav{gap:8px}.viewport-frost{height:42px}.viewport-frost>i:nth-child(3),.viewport-frost>i:nth-child(4){display:none}.work-screen{min-height:455px}.work-card-foot{margin:-118px 12px 12px;padding:20px;min-height:130px;gap:13px;background:linear-gradient(125deg,#ffffff13,#ffffff04),rgba(15,15,24,.78);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.work-card-foot strong{font-size:18px}.work-card-foot small{font-size:12px;line-height:1.5}.work-category{font-size:9px;letter-spacing:.1em}.work-link{width:42px;height:42px}.work-forms{height:225px;bottom:40px}.empra .work-forms{height:245px;bottom:28px}.work-screen>.optical-frost{height:180px}.work-mini-nav{bottom:135px}.service-visual:before{filter:blur(22px);opacity:.65}.service-visual .mock,.service-visual .ads-demo{animation:none}.service-visual .optical-frost{height:64px}.preview-body>.optical-frost{display:none}.hero .badge,.hero-cta .btn-ghost{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.approach-item:hover,.step:hover,.tile:hover{transform:none}}
@media(hover:none){.service-panel:hover,.work-card:hover{transform:none}.service-panel:hover .service-visual .mock,.service-panel:hover .ads-demo,.work-card:hover .work-card-foot{transform:none}}
/* Keep every inch of the smaller viewport available to text and touch controls. */
@media(max-width:620px){.viewport-frost{display:none}}
.motion-paused .hero-stars,.motion-paused .service-visual:before,.motion-paused .service-visual .mock,.motion-paused .ads-demo,.motion-paused .work-forms,.motion-paused .cta:before,.motion-paused .cta .mascot{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hero-stars,.hero-stars:before,.hero-stars:after,.service-visual:before,.service-visual .mock,.service-visual .ads-demo,.work-forms,.cta:before,.cta .mascot{animation:none!important}.work-card,.work-card-foot,.work-screen-head,.work-screen-copy,.work-screen-pill,.service-panel,.service-panel:after,.visual-label,.btn,.tile,.step,.approach-item,.fq,.choice,.style-choice{transition:none!important}.work-card:hover,.work-card:hover .work-card-foot,.service-panel:hover,.service-panel:hover .service-visual .mock,.service-panel:hover .ads-demo,.work-card:hover .work-screen-head,.work-card:hover .work-screen-copy,.work-card:hover .work-screen-pill,.service-panel:hover .visual-label{transform:none}.service-panel:after{display:none}}

/* A fine reading-progress edge, separate from the floating navigation. */
.page-progress{position:fixed;inset:0 0 auto;height:3px;z-index:90;background:#ffffff08;pointer-events:none;overflow:visible}
.page-progress-fill{display:block;width:100%;height:100%;border-radius:0 99px 99px 0;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#c6ff00 0%,#e6ffa0 63%,#ffc2f3 88%,#ff3edb 100%);box-shadow:0 0 9px #c6ff0080,0 0 17px #ff3edb30}

/* Colour moves through the actual letters; the headline is rendered only once. */
.hero .grad,.hero .grad>span{background:none;color:#c6ff00;-webkit-text-fill-color:currentColor}
.hero h1 .sweep-word{--word-ink:#f4f3f8;display:inline-block;max-width:100%;color:var(--word-ink);vertical-align:baseline;animation:none}
.hero h1 .sweep-lime{--word-ink:#c6ff00}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .hero h1 .sweep-word{background-image:linear-gradient(110deg,var(--word-ink) 0%,var(--word-ink) 37%,#e6ffa0 42%,#c6ff00 46%,#ffb4ed 50%,#ff3edb 54%,#fff1fc 58%,var(--word-ink) 64%,var(--word-ink) 100%);background-size:300% 100%;background-position:100% 50%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:d1-text-sweep 8s ease-in-out infinite;animation-play-state:paused}
  .hero h1 .sweep-lime{animation-delay:-3.2s}
  .hero.depth-active h1 .sweep-word{animation-play-state:running}
}
@keyframes d1-text-sweep{0%,16%{background-position:100% 50%;filter:drop-shadow(0 0 0 transparent)}39%{filter:drop-shadow(0 0 9px #ff3edb33)}62%,100%{background-position:0% 50%;filter:drop-shadow(0 0 0 transparent)}}

/* One frosted material, with subtle colour reflections across the interface. */
:root{--frost-surface:radial-gradient(ellipse at 12% 0%,#ffffff14,transparent 58%),linear-gradient(120deg,#ffffff08,transparent 44%,#bbaaff08),rgba(18,18,28,.65);--frost-border:#ffffff2b;--frost-shadow:inset 0 1px #ffffff3b,inset 0 -1px #ffffff08,0 24px 60px #0005}
:is(.service-panel,.tile,.step,.step:nth-child(even),.approach-item,.approach-item:nth-child(2),.fq,.fix-list li,.question-panel,.ads-demo,.cta){background:var(--frost-surface);border-color:var(--frost-border);box-shadow:var(--frost-shadow);backdrop-filter:blur(26px) saturate(155%);-webkit-backdrop-filter:blur(26px) saturate(155%)}
.service-web{--frost-surface:radial-gradient(ellipse at 90% 15%,#7b61ff1c,transparent 55%),radial-gradient(ellipse at 12% 0%,#ffffff12,transparent 58%),linear-gradient(120deg,#ffffff08,transparent),rgba(18,18,28,.65)}
.service-ads{--frost-surface:radial-gradient(ellipse at 12% 82%,#00f0ff12,transparent 58%),radial-gradient(ellipse at 12% 0%,#ffffff12,transparent 58%),linear-gradient(120deg,#ffffff08,transparent),rgba(18,18,28,.65)}
.fq.open{background:radial-gradient(ellipse at 10% 0%,#e6ffa014,transparent 65%),rgba(22,26,26,.78);border-color:#c6ff0059}
.nav,.nav-wrap.is-scrolled .nav{background:linear-gradient(135deg,#ffffff14,#ffffff03 42%,#d4c2ff0c),rgba(18,18,27,.66);border-color:#ffffff3d;box-shadow:inset 0 1px #ffffff52,inset 0 -1px #ffffff08,0 18px 52px #0007;backdrop-filter:blur(34px) saturate(170%);-webkit-backdrop-filter:blur(34px) saturate(170%)}
.nav-wrap.is-scrolled .nav{background:linear-gradient(135deg,#ffffff16,#ffffff04 42%,#d4c2ff0c),rgba(18,18,27,.8);box-shadow:inset 0 1px #ffffff50,0 22px 60px #0009}
.nav .links{background:#ffffff05;box-shadow:inset 0 1px #ffffff13}
.dd,.city-dialog,.city-preview,.city-locked,.submit-anytime,.builder-nav{background:linear-gradient(130deg,#ffffff10,transparent 48%,#cbb8ff0a),rgba(18,18,28,.84);border-color:#ffffff32;box-shadow:inset 0 1px #ffffff35,0 24px 65px #0008;backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%)}
.hero .badge,.btn-ghost,.btn.secondary,.service-link,.approach-link,.chip,.service-tags li,.choice:not(.active),.style-choice:not(.active),.change-city,.change-locked{background:linear-gradient(130deg,#ffffff12,#ffffff04 50%,#ddd1ff09),rgba(20,20,30,.7);border:1px solid #ffffff2f;box-shadow:inset 0 1px #ffffff2d,inset 0 -1px #ffffff05,0 10px 25px #0004;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
.hero-cta .btn-ghost{background:linear-gradient(130deg,#ffffff14,#ffffff03 50%,#ddd1ff0c),rgba(20,20,30,.7);border-color:#ffffff38;box-shadow:inset 0 1px #ffffff35,0 14px 32px #0005}
.btn:not(.btn-ghost):not(.secondary){background:linear-gradient(145deg,#ffffff38,transparent 52%,#e6ffa028),#c6ff00;border:1px solid #e6ffa088;box-shadow:inset 0 1px #ffffff70,inset 0 -1px #6e8c0033,0 12px 30px -10px #c6ff0040}
.btn:not(.btn-ghost):not(.secondary):hover{box-shadow:inset 0 1px #ffffff90,0 0 0 4px #c6ff0010,0 18px 34px -12px #c6ff0066}
.motion-paused .hero h1 .sweep-word{animation-play-state:paused!important}
@media(max-width:860px){.nav .links{background:linear-gradient(130deg,#ffffff12,transparent 60%),rgba(18,18,28,.95);box-shadow:inset 0 1px #ffffff32,0 20px 45px #0008;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}}
@media(max-width:620px){.page-progress{height:2px}.nav,.nav-wrap.is-scrolled .nav{backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%)}:is(.service-panel,.tile,.step,.step:nth-child(even),.approach-item,.approach-item:nth-child(2),.fq,.fix-list li,.question-panel,.ads-demo,.cta){backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%)}.chip,.service-tags li{backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:is(.nav,.service-panel,.tile,.step,.approach-item,.fq,.fix-list li,.question-panel,.ads-demo,.cta,.dd,.city-dialog){background-color:#191922}}
@media(prefers-reduced-motion:reduce){.hero h1 .sweep-word{animation:none!important;background-position:100% 50%;filter:none}}

/* The original D1 artwork, optically cropped to its symbol inside the hero. */
.hero .hero-signature{padding:9px 22px 9px 13px;gap:14px;max-width:100%;text-align:left;border-color:#ffffff32}
.hero-emblem{position:relative;display:block;flex:none;width:56px;height:38px;overflow:hidden;mix-blend-mode:screen}
.hero-emblem img{display:block;width:166px;height:166px;max-width:none;transform:translate(-55px,-49px);mix-blend-mode:screen}
.hero-signature-copy{display:grid;gap:4px}
.hero-signature-copy strong{font:700 12px/1.2 var(--head);color:#f6f5ff;letter-spacing:.015em}
.hero-signature-copy>span{font-size:11px;line-height:1.35;color:#d1cdde}
.hero h1 .hero-underline{position:relative;padding-bottom:.085em}
.hero-underline:after{content:"";position:absolute;left:1%;right:1%;bottom:0;height:max(3px,.045em);border-radius:100%;background:linear-gradient(90deg,#c6ff00,#e4ffa0 42%,#ff88e7 78%,#ff3edb);box-shadow:0 0 14px #c6ff0040;transform-origin:left;animation:d1-hero-line 8s cubic-bezier(.16,1,.3,1) infinite;animation-play-state:paused}
.hero.depth-active .hero-underline:after{animation-play-state:running}
@keyframes d1-hero-line{0%,8%{transform:scaleX(0);opacity:.1}25%,76%{transform:scaleX(1);opacity:.95}93%,100%{transform:scaleX(1);opacity:0}}

/* Heading accents share one pace but alternate their visual expression. */
.heading-word{position:relative;display:inline-block;isolation:isolate;vertical-align:baseline;max-width:100%;color:var(--accent-ink,currentColor)}
.accent-underline:after,.accent-highlight:after{content:"";position:absolute;z-index:-1;pointer-events:none;left:0;right:0;transform-origin:left;animation:d1-heading-mark 9s var(--d1-spring) infinite;animation-delay:var(--accent-delay,0s);animation-play-state:paused}
.accent-underline:after{bottom:-.07em;height:max(2px,.045em);border-radius:3px;background:linear-gradient(90deg,#c6ff00,#83edff 60%,#fca4e8);box-shadow:0 0 12px #c6ff001f}
.accent-highlight:after{inset:47% -.04em -.035em;border-radius:5px;background:linear-gradient(100deg,#c6ff0038,#8edef533 58%,#ff3edb3d);border-bottom:1px solid #ffffff24}
.heading-active .accent-underline:after,.heading-active .accent-highlight:after{animation-play-state:running}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .accent-sweep{background:linear-gradient(110deg,var(--accent-ink) 0%,var(--accent-ink) 36%,#e6ffa0 42%,#c6ff00 46%,#ffb4ed 50%,#ff68df 54%,#fff1fc 59%,var(--accent-ink) 65%,var(--accent-ink) 100%) 100% 50% / 300% 100% no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:d1-text-sweep 9s ease-in-out infinite;animation-delay:var(--accent-delay,0s);animation-play-state:paused}
  .heading-active .accent-sweep{animation-play-state:running}
}
@keyframes d1-heading-mark{0%,10%{transform:scaleX(.08);opacity:0}30%,75%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0}}

/* Brighter drifting colour beneath the same progressive frost as the bottom. */
.ambient-edges{position:fixed;inset:0;z-index:8;overflow:hidden;pointer-events:none;contain:strict;opacity:.4;mask-image:linear-gradient(90deg,#000,transparent 23%,transparent 77%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 23%,transparent 77%,#000)}
.ambient-edges i{position:absolute;display:block;width:420px;height:64vh;border-radius:50%;filter:blur(48px);opacity:.8;will-change:transform;animation:d1-edge-drift 24s ease-in-out infinite alternate}
.edge-pink{left:-235px;top:2%;background:radial-gradient(ellipse,#ff89dcb8 5%,#ff3edb5e 38%,transparent 72%)}
.edge-green{right:-220px;top:34%;background:radial-gradient(ellipse,#d9ff89bd 5%,#c6ff005c 38%,transparent 72%);animation-duration:30s!important;animation-delay:-8s!important;animation-direction:alternate-reverse!important}
.edge-blue{left:-225px;top:58%;background:radial-gradient(ellipse,#99ddffc7 5%,#47b8ff69 40%,transparent 73%);animation-duration:27s!important;animation-delay:-11s!important}
@keyframes d1-edge-drift{0%{transform:translate3d(-18px,-24vh,0) scale(.9);opacity:.68}50%{transform:translate3d(48px,4vh,0) scale(1.16);opacity:.96}100%{transform:translate3d(-8px,32vh,0) scale(.98);opacity:.76}}
.edge-frost{--frost-direction:90deg;position:fixed;inset:0 auto 0 0;z-index:9;width:clamp(32px,5vw,82px);pointer-events:none}
.edge-frost-right{--frost-direction:270deg;inset:0 0 0 auto}
.edge-frost>i{position:absolute;inset:0;display:block;pointer-events:none;backdrop-filter:blur(3px) saturate(150%);-webkit-backdrop-filter:blur(3px) saturate(150%);mask-image:linear-gradient(var(--frost-direction),#000,transparent);-webkit-mask-image:linear-gradient(var(--frost-direction),#000,transparent)}
.edge-frost>i:nth-child(2){backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);mask-image:linear-gradient(var(--frost-direction),#000,transparent 78%);-webkit-mask-image:linear-gradient(var(--frost-direction),#000,transparent 78%)}
.edge-frost>i:nth-child(3){backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);mask-image:linear-gradient(var(--frost-direction),#000,transparent 53%);-webkit-mask-image:linear-gradient(var(--frost-direction),#000,transparent 53%)}
.edge-frost>i:nth-child(4){backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);mask-image:linear-gradient(var(--frost-direction),#000,transparent 30%);-webkit-mask-image:linear-gradient(var(--frost-direction),#000,transparent 30%)}
.edge-frost:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--frost-direction),#e5ecff0c,#ffffff02 40%,transparent);mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
@media(max-width:1050px){.edge-frost{width:16px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.edge-frost>i{display:none}}

/* Four calm stages: the travelling signal reaches launch as the last card lights. */
.process-journey{display:flex;align-items:center;gap:22px;margin-top:38px;padding:17px 23px;border:1px solid #ffffff26;border-radius:20px;background:linear-gradient(120deg,#ffffff08,#ffffff02),#14141e80;box-shadow:inset 0 1px #ffffff22,0 15px 45px #0003;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.journey-origin,.journey-live{display:flex;align-items:center;gap:9px;white-space:nowrap;font:500 12px/1.2 var(--body);color:#c8c5d8}
.journey-origin>i,.journey-live>i{display:block;width:6px;height:6px;border-radius:50%;background:#c6ff00;box-shadow:0 0 10px #c6ff0050}
.journey-live{padding:9px 12px;border:1px solid #ffffff26;border-radius:99px;background:#ffffff05;animation:d1-launch-live 12s ease infinite;animation-play-state:paused}
.journey-live>i{background:#ff9cde;box-shadow:0 0 10px #ff9cde50}
.journey-rail{position:relative;display:flex;align-items:center;justify-content:space-between;flex:1;height:2px;background:linear-gradient(90deg,#c6ff0033,#69e8ff44,#c3adff44,#ff9cde44)}
.journey-rail>i{width:6px;height:6px;flex:none;border-radius:50%;background:#343443;border:1px solid #beb7dd80}
.journey-rail>b{position:absolute;left:0;top:50%;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;background:#ecffc5;box-shadow:0 0 12px 3px #c6ff0055,0 0 30px #ecffc566;animation:d1-launch-signal 12s cubic-bezier(.3,0,.2,1) infinite;animation-play-state:paused}
.journey-rail>b:before{content:"";position:absolute;right:2px;top:3px;width:52px;height:2px;background:linear-gradient(90deg,transparent,#d4ff91);border-radius:99px}
#how .steps{margin-top:17px}
#how .steps:before,#how .steps:after{display:none}
#how .step{overflow:hidden;padding-bottom:35px;isolation:isolate}
#how .step:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--stage-colour) 18%,transparent),transparent 75%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--stage-colour) 55%,transparent);opacity:0;animation:d1-stage-light 12s ease infinite;animation-delay:calc(var(--n)*3s);animation-play-state:paused}
#how .step:after{content:"";position:absolute;left:24px;right:24px;top:auto;bottom:19px;width:auto;height:2px;background:linear-gradient(90deg,var(--stage-colour),#ffffff66);border-radius:99px;transform:scaleX(0);transform-origin:left;animation:d1-stage-progress 12s linear infinite;animation-delay:calc(var(--n)*3s);animation-play-state:paused;opacity:.85}
#how .step .no{position:relative;inset:auto;color:var(--stage-colour);border-color:color-mix(in srgb,var(--stage-colour) 40%,transparent);box-shadow:none;animation:d1-stage-number 12s ease infinite;animation-delay:calc(var(--n)*3s);animation-play-state:paused}
#how.depth-active :is(.journey-live,.journey-rail>b,.step .no),#how.depth-active .step:before,#how.depth-active .step:after{animation-play-state:running}
@keyframes d1-launch-signal{0%,4%{left:0;opacity:0}8%{opacity:1}25%{left:33.33%;background:#69e8ff}50%{left:66.66%;background:#c3adff}75%,90%{left:100%;opacity:1;background:#ff9cde;box-shadow:0 0 15px #ff9cde88,0 0 28px #ff9cde55}98%,100%{left:100%;opacity:0}}
@keyframes d1-launch-live{0%,68%,100%{border-color:#ffffff26;color:#c8c5d8;box-shadow:inset 0 1px #ffffff08}78%,90%{border-color:#ff9cde88;color:#fff;box-shadow:inset 0 1px #ffffff38,0 0 24px #ff9cde20}}
@keyframes d1-stage-light{0%{opacity:0}5%,20%{opacity:1}27%,100%{opacity:0}}
@keyframes d1-stage-progress{0%{transform:scaleX(0);opacity:.8}23%{transform:scaleX(1);opacity:.8}29%,100%{transform:scaleX(1);opacity:0}}
@keyframes d1-stage-number{0%,28%,100%{background:#15151e;box-shadow:none}5%,20%{background:color-mix(in srgb,var(--stage-colour) 12%,#15151e);box-shadow:0 0 0 4px color-mix(in srgb,var(--stage-colour) 8%,transparent),0 0 22px color-mix(in srgb,var(--stage-colour) 20%,transparent)}}

/* Keep the pointer usable: this is a decorative, non-intercepting lens. */
.studio-cursor{position:fixed;top:0;left:0;z-index:92;width:18px;height:18px;display:grid;place-items:center;border:1px solid #ddffad99;border-radius:50%;background:#dfffaa0b;box-shadow:inset 0 1px #ffffff38,0 0 15px #d4ff9114;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:none;opacity:0;will-change:transform;transition:width .55s var(--d1-spring),height .55s var(--d1-spring),opacity .25s ease,background .5s ease,border-color .5s ease,box-shadow .5s ease}
.studio-cursor.cursor-visible{opacity:1}
.studio-cursor.cursor-expanded{width:88px;height:88px;background:linear-gradient(135deg,#ffffff18,#ffffff03),#10101acb;border-color:#dfffaa88;box-shadow:inset 0 1px #ffffff55,0 8px 30px #0004,0 0 25px #c6ff0018;backdrop-filter:blur(10px) saturate(145%);-webkit-backdrop-filter:blur(10px) saturate(145%)}
.studio-cursor>span{font:600 11px/1.3 var(--body);text-align:center;letter-spacing:.01em;color:#f1ffd9;white-space:nowrap;opacity:0;transform:scale(.8);transition:opacity .22s ease,transform .45s var(--d1-spring)}
.studio-cursor.cursor-expanded>span{opacity:1;transform:scale(1)}

/* A brief brand reveal; created only when motion is allowed, then removed. */
.studio-startup{position:fixed;inset:0;z-index:96;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#242230d9,#09090ded 68%);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.startup-light{position:absolute;width:min(620px,90vw);aspect-ratio:1;background:radial-gradient(ellipse at 26% 45%,#c6ff0030,transparent 55%),radial-gradient(ellipse at 78% 54%,#ff3edb2c,transparent 58%),radial-gradient(ellipse at 50% 72%,#69e8ff20,transparent 62%);filter:blur(50px)}
.startup-identity{display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;mix-blend-mode:screen}
.startup-logo{display:block;width:260px;height:126px;overflow:hidden;mix-blend-mode:screen}
.startup-logo img{display:block;width:260px;height:260px;max-width:none;transform:translateY(-73px);mix-blend-mode:screen}
.startup-caption{font:500 9px/1.3 var(--body);letter-spacing:.24em;color:#d0cbdf}
.startup-stroke{width:120px;height:2px;border-radius:50%;background:linear-gradient(90deg,#c6ff00,#7ee7ff,#ff9cde);box-shadow:0 0 15px #c6ff0040;transform-origin:left}

@media(max-width:620px){
  .hero .hero-signature{padding:8px 13px 8px 9px;gap:10px;border-radius:20px}
  .hero-signature-copy strong{font-size:11px}.hero-signature-copy>span{font-size:9px}
  .hero-emblem{width:47px;height:32px}.hero-emblem img{width:140px;height:140px;transform:translate(-46px,-41px)}
  .hero .hero-underline:after{height:2px}
  .ambient-edges{mask-image:linear-gradient(90deg,#000,transparent 20%,transparent 80%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 20%,transparent 80%,#000)}
  .ambient-edges i{width:270px;filter:blur(34px)}.edge-pink{left:-180px}.edge-green{right:-180px}.edge-blue{left:-185px}
  .edge-frost{width:12px}.edge-frost>i:nth-child(3),.edge-frost>i:nth-child(4){display:none}
  .process-journey{gap:15px;padding:14px;margin-top:27px;border-radius:17px}.journey-origin,.journey-live{font-size:10px;gap:6px}.journey-live{padding:8px}.journey-rail>b:before{width:22px}
  #how .steps{gap:13px}#how .step{padding:23px 23px 34px 82px;min-height:0}#how .step .no{position:absolute;left:22px;top:23px;width:40px;height:40px}#how .step h3{padding-top:1px}#how .step:after{left:82px;right:23px;bottom:17px}
  .startup-logo{width:220px;height:109px}.startup-logo img{width:220px;height:220px;transform:translateY(-61px)}
}
@media(hover:none),(pointer:coarse){.studio-cursor{display:none}}
.motion-paused .studio-cursor{display:none}
.effects-idle .ambient-edges i,.effects-idle .heading-word,.effects-idle .heading-word:after,.effects-idle .hero-underline:after,.effects-idle #how *,.effects-idle #how *:before,.effects-idle #how *:after{animation-play-state:paused!important}
.motion-paused .ambient-edges i,.motion-paused .heading-word,.motion-paused .heading-word:after,.motion-paused .hero-underline:after,.motion-paused #how *,.motion-paused #how *:before,.motion-paused #how *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
  .studio-cursor,.studio-startup{display:none!important}.ambient-edges i{animation:none!important;will-change:auto;opacity:.65}
  .heading-word,.heading-word:after,.hero-underline:after,#how .journey-live,#how .journey-rail>b,#how .step .no,#how .step:before,#how .step:after{animation:none!important}
  .heading-word{background-position:100% 50%;filter:none}.accent-underline:after,.accent-highlight:after,.hero-underline:after{opacity:.85;transform:scaleX(1)}
  #how .journey-rail>b{display:none}#how .step:after{transform:scaleX(1);opacity:.4}
}

/* Pause is a complete calm view, including hover/scroll transitions. Keep
   structural transforms (logo crops, centred dialogs and ribbons) intact. */
html.motion-paused,html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}
html.motion-paused :is(.ambient-edges,.edge-frost,.viewport-frost,.studio-cursor,.studio-startup,.hero-stars,.journey-rail>b,.ind){display:none!important}
html.motion-paused :is(.hero-underline,.heading-word)::after,
html.motion-paused :is(.tile,.fix-list li,.btn,.service-panel)::after,
html.motion-paused :is(.tile,.fix-list li,.btn,.service-visual,.cta)::before,
html.motion-paused .pain::after,
html.motion-paused #how .step::before,html.motion-paused #how .step::after{display:none!important}
html.motion-paused .hero h1 .sweep-word{background:none!important;color:var(--word-ink)!important;-webkit-text-fill-color:var(--word-ink)!important;filter:none!important}
html.motion-paused .heading-word{background:none!important;color:var(--accent-ink)!important;-webkit-text-fill-color:var(--accent-ink)!important;filter:none!important}
html.motion-paused :is(.btn,.button,.brand,.official-mark,.mark,.lnk,.badge,.service-link,.approach-link,.work-card,.work-card-foot,.work-screen,.work-screen-head,.work-screen-copy,.work-screen-pill,.work-link,.visual-label,.tile,.step,.step .no,.step h3,.tile h3,.approach-item,.fix-list li,.gain svg,.chip,.it,.mascot,.mascot .eyes,.globe-invite,.motion-control,.close-city,.more-cities,.change-city,.confirm-city,.city-option,.dd a,.choice,.style-choice){transform:none!important;translate:none!important;rotate:none!important;scale:none!important;text-shadow:none!important}
html.motion-paused :is(.btn .roll,.btn .ico,.btn .ico svg,.button-icon,.service-link span,.approach-link span,.q .pm,.service-visual .mock,.service-visual .ads-demo){transform:none!important;translate:none!important}
html.motion-paused :is(.work-forms,.mascot,.service-visual .mock,.service-visual .ads-demo){translate:none!important}
html.motion-paused :is(.btn,.button,.globe-hit,.mascot,.work-screen,.service-visual .mock,.service-visual .ads-demo){filter:none!important}
html.motion-paused :is(.btn,.button){letter-spacing:-.01em!important;box-shadow:inset 0 1px #ffffff35!important}
html.motion-paused :is(.btn .ico,.work-link,.chip,.badge,.close-city,.more-cities,.change-city,.confirm-city,.motion-control,.q .pm,.step .no){box-shadow:none!important}
html.motion-paused :is(.work-card,.tile,.step,.approach-item,.fix-list li,.fq){box-shadow:inset 0 1px #ffffff1f,0 18px 45px #0004!important}
html.motion-paused .lnk{color:#dcdee6!important}
html.motion-paused .lnk:is(:hover,:focus-visible){color:#e6ffa0!important;background:#ffffff09}
html.motion-paused .btn-ghost{color:#f4f3f8!important}
html.motion-paused .q:hover{padding-left:27px}
html.motion-paused .journey-live{box-shadow:none!important;border-color:#ffffff26!important}
html.motion-paused .city-dialog[open]{animation:none!important;opacity:1}
@media(max-width:620px){html.motion-paused .q:hover{padding-left:20px}}

/* Keep the complete D1 symbol inside its frame, with room on every side. */
.official-mark{width:52px;height:40px;flex:0 0 52px;border-radius:0;background:transparent;isolation:auto}
.official-mark img{width:130px;height:130px;max-width:none;transform:translate(-39px,-33px)}
.nav .brand,.builder-nav .brand{flex-shrink:0;white-space:nowrap}
.nav{position:relative;min-height:64px;gap:16px}
.nav .nav-right{flex-shrink:0;align-items:center}
.nav .links{flex-shrink:0}
.nav .lnk{white-space:nowrap;font-size:14px;padding:9px 13px}
/* Seven links need a compact menu before tablet-sized widths, not after wrap. */
@media(max-width:1280px){
  .nav .burger{display:grid;flex-shrink:0}
  .nav .links{display:none;position:absolute;top:calc(100% + 12px);left:0;right:0;flex-direction:column;gap:2px;padding:10px;border-radius:24px;border:1px solid #ffffff32;background:linear-gradient(130deg,#ffffff0d,transparent 60%),rgba(18,18,28,.97);box-shadow:inset 0 1px #ffffff32,0 20px 45px #0008;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);max-height:calc(100dvh - 118px);overflow-y:auto;overscroll-behavior:contain}
  .nav .links.open{display:flex}
  .nav .ind{display:none}
  .nav .lnk{width:100%;padding:13px 16px;font-size:15px;line-height:1.4;color:#f4f3f8;transform:none}
  .nav .lnk:hover,.nav .lnk:focus-visible{color:#10110e;background:#c6ff00}
  .nav .has-dd .lnk{justify-content:space-between}
  .nav .dd{display:none;position:static;min-width:0;opacity:1;visibility:visible;transform:none;padding:3px 0 7px 10px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .nav .dd:before{display:none}
  .nav .has-dd:is(:hover,:focus-within,.open) .dd{transform:none}
  .nav .has-dd.open .dd{display:block}
  .nav .dd a{white-space:normal}
}
@media(max-width:620px){
  .nav{gap:8px;min-height:62px}
  .official-mark{width:44px;height:36px;flex-basis:44px}
  .official-mark img{width:110px;height:110px;transform:translate(-33px,-27px)}
}

/* Rendering budget: reflections use static gradients. Reserve live backdrop
   sampling for the navigation, overlays, and the project artwork's frost. */
:is(.service-panel,.tile,.step,.step:nth-child(even),.approach-item,.approach-item:nth-child(2),.fq,.fix-list li,.question-panel,.ads-demo,.cta,.submit-anytime,.hero .badge,.btn-ghost,.btn.secondary,.service-link,.approach-link,.chip,.service-tags li,.choice,.style-choice,.change-city,.change-locked,.visual-label,.globe-invite,.process-journey,.motion-control,.burger,.studio-cursor,.studio-cursor.cursor-expanded){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.nav,.nav-wrap.is-scrolled .nav,.builder-nav{backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%)}
.work-card-foot{backdrop-filter:blur(10px) saturate(135%);-webkit-backdrop-filter:blur(10px) saturate(135%)}
.optical-frost>i{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(transparent,#000 86%);-webkit-mask-image:linear-gradient(transparent,#000 86%)}
.viewport-frost>i{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.edge-frost>i{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.ambient-edges i{filter:none;will-change:auto}
.service-visual:before{filter:none}
.cta:before{inset:0;filter:none;background:radial-gradient(ellipse at 70% 50%,#7b61ff55,transparent 65%),radial-gradient(ellipse at 20% 90%,#c6ff0029,transparent 60%)}
.st{animation:none}
.in .typing i{animation:none}
.studio-startup{background:radial-gradient(ellipse at 50% 46%,#191820,#09090d 68%);backdrop-filter:none;-webkit-backdrop-filter:none}
.startup-light{filter:none;border-radius:50%;mask-image:radial-gradient(ellipse,#000 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse,#000 20%,transparent 70%)}
@keyframes d1-text-sweep{0%,16%{background-position:100% 50%}62%,100%{background-position:0% 50%}}
.journey-rail>b{left:0;will-change:auto}
@keyframes d1-launch-signal{
  0%,4%{transform:translate3d(-50%,-50%,0);opacity:0}
  8%{opacity:1}
  25%{transform:translate3d(calc(var(--journey-travel)*.3333 - 50%),-50%,0);background:#69e8ff}
  50%{transform:translate3d(calc(var(--journey-travel)*.6666 - 50%),-50%,0);background:#c3adff}
  75%,90%{transform:translate3d(calc(var(--journey-travel) - 50%),-50%,0);opacity:1;background:#ff9cde}
  98%,100%{transform:translate3d(calc(var(--journey-travel) - 50%),-50%,0);opacity:0}
}
.section-effects-idle,.section-effects-idle *,.section-effects-idle *:before,.section-effects-idle *:after,
html.effects-idle *,html.effects-idle *:before,html.effects-idle *:after{animation-play-state:paused!important}
@media(max-width:820px){
  .edge-frost{display:none}
  .ambient-edges{opacity:.3}
  .nav,.nav-wrap.is-scrolled .nav,.builder-nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .work-card-foot{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
}