/* Art-directed hero and independent laboratory models. */
.hero{padding-top:30px;background:radial-gradient(ellipse at 80% 45%,#c5ff0010,transparent 45%),var(--paper)}
.hero-composition{min-height:clamp(440px,calc(100svh - 330px),650px);margin-top:38px;align-items:center}
.hero h1{font-size:clamp(84px,min(9.3vw,16.4svh),170px);line-height:1.01;letter-spacing:-.07em;font-weight:700}
.hero h1 em:after{height:.04em;bottom:.065em}
.hero-art{width:46%;max-width:600px;position:absolute;right:-1%;top:50%;translate:0 -46%;margin:0;perspective:1600px}
.hero-scene{--rx:0deg;--ry:0deg;position:relative;width:100%;height:440px;perspective:1400px;isolation:isolate}
.scene-coordinate{position:absolute;top:9px;right:0;font:8px var(--font-display);letter-spacing:.12em;color:var(--muted)}
.scene-orbit{position:absolute;border:1px solid #79876735;pointer-events:none;z-index:-1;border-radius:50%;rotate:-28deg}
.orbit-a{width:112%;height:78%;left:-6%;top:12%}.orbit-b{width:90%;height:106%;left:5%;top:3%;rotate:38deg}
.hero-primary-device{display:block;position:absolute;right:0;top:60px;width:91%;border:1px solid #aeb5a0;border-radius:9px;overflow:hidden;background:#eee7dd;box-shadow:14px 35px 65px #24300f20,0 3px 4px #24300f12;transform:rotateX(calc(7deg + var(--rx))) rotateY(calc(-10deg + var(--ry))) rotateZ(-6deg);transform-origin:50% 50%;will-change:transform;transition:box-shadow .4s}
.hero-primary-device:hover{box-shadow:16px 40px 75px #24300f2b,0 3px 4px #24300f12}
.device-chrome{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 12px;background:#f6f5f0;border-bottom:1px solid #b8b5a9;font:6px var(--font-display);letter-spacing:.06em}
.device-dots{display:flex;gap:4px}.device-dots i{width:4px;height:4px;border:1px solid #6c7163;border-radius:50%}
.device-page{display:block;padding:19px 20px 13px;background:#e9e0d4;color:#28231f}
.device-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.device-nav>strong{font:700 29px var(--font-display);letter-spacing:-.07em}.device-nav>span{font:5px var(--font-display);letter-spacing:.08em}
.device-editorial{display:grid;grid-template-columns:1fr .85fr;gap:10px;align-items:center;margin-top:20px;min-height:216px}
.device-editorial>span{display:block;position:relative;z-index:1}.device-editorial small{font:5px var(--font-display);letter-spacing:.08em;display:block;margin-bottom:13px}
.device-editorial strong{font:500 clamp(28px,3vw,43px)/.98 var(--font-display);letter-spacing:-.07em;display:block}.device-editorial strong em{font:italic 1.2em/.95 Georgia,serif}
.device-mini-link{display:block;font:5px var(--font-display);letter-spacing:.05em;margin-top:16px;padding-top:10px;border-top:1px solid #bcb1a1}
.device-editorial>img{width:100%;height:210px;object-fit:cover;object-position:48% 50%;border-radius:2px}
.device-caption{display:block;font:5px var(--font-display);letter-spacing:.09em;border-top:1px solid #bcb1a1;padding-top:10px;margin-top:13px}
.hero-secondary-device{position:absolute;left:0;bottom:0;width:33%;padding:18px 16px;background:var(--ink);color:var(--paper);border:1px solid #48513b;border-radius:12px;box-shadow:0 22px 45px #1f291e24;transform:rotateX(calc(4deg + var(--rx))) rotateY(calc(8deg + var(--ry))) rotateZ(7deg);will-change:transform}
.secondary-top{display:flex;align-items:center;justify-content:space-between;font:700 21px var(--font-display);letter-spacing:-.05em;color:var(--lime)}.secondary-top>span{font-size:18px}
.secondary-label{display:block;font:6px/1.5 var(--font-display);letter-spacing:.1em;margin-top:25px;color:#b0baa0}
.secondary-title{display:block;font:600 clamp(17px,1.8vw,25px)/1.08 var(--font-display);letter-spacing:-.055em;margin-top:14px}.secondary-title>span{color:var(--lime)}
.secondary-rule{display:block;height:2px;background:var(--lime);width:31px;margin-top:20px}.secondary-bottom{display:block;font:5px/1.6 var(--font-display);letter-spacing:.07em;margin-top:12px;color:#b5bfa6}
.scene-plus{position:absolute;right:0;bottom:16px;font:20px var(--font-display);color:#74845a}
.scene-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;font:7px var(--font-display);letter-spacing:.04em;margin-top:27px;color:var(--muted)}
.scene-caption a{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:0;color:var(--ink)}.scene-caption svg{width:13px;height:13px}
.hero-base{grid-template-columns:1fr 1.15fr 1fr;gap:40px;margin:27px 0 30px;align-items:center}.hero-base>p{font-size:13px;line-height:1.85}.hero-cta{font-size:13px;gap:20px}.circle-arrow{width:62px;height:62px}.hero-bottom{padding-block:15px;font-size:9px}.hero-eyebrow{align-items:center}.hero-edition{font-size:9px}.hero-eyebrow .eyebrow{font-size:10px}
/* The switcher stays in Marquetando's identity; the examples have their own systems. */
.web-lab{padding-block:65px}.lab-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:52px 0 36px}.lab-heading h2{font-size:clamp(42px,5.2vw,84px)}.lab-heading h2 em{background:none;color:var(--lime)}.lab-heading>p{font-size:13px;line-height:1.9;color:#c0c8b4;max-width:360px}
.experience-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:18px}.experience-toolbar>p{font-size:11px;text-align:right;line-height:1.8;max-width:400px;color:#c0c8b4}.experience-directions{border-radius:7px;gap:4px}.experience-directions button{border-radius:4px;padding:12px 18px;font-size:11px}.direction-swatch{width:9px;height:9px;border-radius:2px;border:0}.expressive-swatch{background:#c85338}.essential-swatch{background:#315c60}
.web-lab .experience-canvas{--canvas-bg:#f1f2ec;--canvas-ink:#111110;--canvas-muted:#60655a;--canvas-line:#cdd1c4;--canvas-button:#111110;--canvas-button-ink:#f1f2ec;border:1px solid #6a7658;border-radius:9px;background:var(--paper);color:var(--ink);transition:none;isolation:isolate}
.experience-browser{display:flex;align-items:center;justify-content:space-between;gap:20px;height:39px;padding:0 18px;background:#e7ebdf;color:#505c42;border-bottom:1px solid #aeb99e;font:8px var(--font-display);letter-spacing:.04em}.browser-dots{display:flex;gap:5px}.browser-dots i{width:5px;height:5px;border-color:#7a866a}.experience-live{display:flex;align-items:center;gap:6px;color:#405524;font-size:7px}.experience-live>span{width:5px;height:5px;background:#6f8f3d;border-radius:50%}
.site-stack{display:block;position:relative;overflow:hidden}.lab-site{width:100%;position:relative;overflow:hidden}.lab-site button:focus-visible{outline-offset:4px}.lab-site button svg{transition:translate .35s var(--ease)}.lab-site button:hover svg{translate:3px -3px}
/* Expressivo: editorial serif, asymmetry, terracotta and an image that leads. */
.expressive-site{background:#e9e0d4;color:#2a2520;padding:28px 36px 25px;font-family:Space,Arial,sans-serif}
.expressive-nav{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px}.expressive-logo{font:700 56px/.9 var(--font-display);letter-spacing:-.085em}.expressive-logo>span{font-size:13px;vertical-align:super;letter-spacing:0;margin-left:4px}.expressive-nav>span:nth-child(2){font:8px/1.5 var(--font-display);letter-spacing:.08em;justify-self:center}.expressive-nav>button{display:flex;gap:20px;align-items:center;background:none;font-size:11px;padding:10px 0;border-bottom:1px solid #857a6b}.expressive-nav>button svg{width:17px;height:17px}
.expressive-composition{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:25px;align-items:center;padding:37px 20px 42px 0;min-height:490px}
.expressive-copy{position:relative;z-index:1;align-self:center}.expressive-kicker{font:8px var(--font-display);letter-spacing:.1em}.expressive-copy h3{font:400 clamp(56px,6.3vw,95px)/.91 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:25px -45px 25px 0}.expressive-copy h3 em{font:italic 1.06em/.94 Georgia,'Times New Roman',serif;color:#ad432e}
.expressive-intro{display:flex;align-items:center;gap:20px;margin-top:30px}.expressive-star{font:45px Arial;color:#b84c32;line-height:1}.expressive-intro>p{font:11px/1.8 var(--font-body);max-width:240px}.expressive-image{display:block;position:relative;padding:0;background:#c65336;align-self:stretch;min-height:390px;overflow:hidden;margin-top:35px;translate:0 6px}.expressive-image>img{width:100%;height:100%;max-height:460px;object-fit:cover;object-position:48% 50%;transition:scale .8s var(--ease)}.expressive-image:hover>img{scale:1.04}.expressive-image-label{position:absolute;left:15px;top:15px;font:7px var(--font-display);letter-spacing:.08em;background:#e9e0d4;padding:8px 10px}.expressive-image-arrow{position:absolute;bottom:16px;right:16px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#eee6d9;background:#2a2520}.expressive-image-arrow svg{width:20px;height:20px}.expressive-side-note{position:absolute;right:-3px;top:48px;writing-mode:vertical-rl;font:6px var(--font-display);letter-spacing:.08em;color:#6d6153}
.expressive-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:20px;border-top:1px solid #b9ab99;font:8px var(--font-display);letter-spacing:.04em}.expressive-bottom>button{display:flex;align-items:center;gap:20px;font:12px var(--font-display);letter-spacing:-.02em;background:none;padding:7px 0;border-bottom:1px solid #7c6d5c}.expressive-bottom svg{width:19px;height:19px}
/* Essencial: Manrope, cool neutral palette, stable grid and a direct offer. */
.essential-site{background:#f6f8f9;color:#172d36;padding:0 36px 24px;font-family:Manrope,Arial,sans-serif}
.essential-nav{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;border-bottom:1px solid #d7e0e3}.essential-logo{display:flex;align-items:center;gap:9px;font:800 29px Manrope,Arial,sans-serif;letter-spacing:-.06em}.essential-logo>span:last-child{font:10px Manrope,Arial,sans-serif;letter-spacing:0;color:#576d77;margin-left:3px}.base-symbol{display:flex;align-items:end;gap:3px;width:20px;height:20px}.base-symbol i{display:block;width:4px;background:#2c5d62;border-radius:1px}.base-symbol i:nth-child(1){height:8px}.base-symbol i:nth-child(2){height:14px}.base-symbol i:nth-child(3){height:20px}.essential-nav>div{display:flex;align-items:center;gap:25px}.essential-nav button{display:flex;align-items:center;gap:13px;background:none;padding:8px 0;font-size:10px;color:#38545e}.essential-nav .essential-nav-cta{background:#244e55;color:#fff;padding:12px 15px;border-radius:5px}.essential-nav button svg{width:14px;height:14px}
.essential-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:55px;padding:48px 0 42px}.essential-eyebrow{display:flex;align-items:center;gap:7px;font:8px Manrope,Arial,sans-serif;font-weight:600;letter-spacing:.08em;color:#47717a}.essential-eyebrow>span{width:5px;height:5px;border-radius:50%;background:#47717a}.essential-copy h3{font:750 clamp(34px,3.8vw,57px)/1.09 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:20px 0}.essential-copy h3>span{color:#2c646b}.essential-copy>p{font:12px/1.9 Manrope,Arial,sans-serif;max-width:350px;color:#546e79}.essential-primary{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#244e55;color:#fff;font:600 11px Manrope,Arial,sans-serif;padding:16px 18px;border-radius:5px;margin-top:24px}.essential-primary svg{width:17px;height:17px}.essential-support{display:block;font:9px Manrope,Arial,sans-serif;color:#6a7e87;margin-top:12px}.essential-plan{padding:24px;background:#fff;border:1px solid #d7e0e3;border-radius:9px;box-shadow:0 15px 40px #244e5509}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font:7px Manrope,Arial,sans-serif;letter-spacing:.05em;color:#58737d}.plan-status{font-size:6px;background:#e4efea;color:#365e50;padding:5px 7px;border-radius:20px}.essential-plan h4{font:650 31px/1.15 Manrope,Arial,sans-serif;letter-spacing:-.05em;margin:22px 0}.essential-plan ol{list-style:none;padding:0;margin:0}.essential-plan li{display:flex;align-items:center;gap:12px;padding:17px 0;border-top:1px solid #e0e7e9}.essential-plan li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font:9px Manrope,Arial,sans-serif;color:#365c66;background:#edf3f4}.essential-plan strong{font:650 11px Manrope,Arial,sans-serif;display:block}.essential-plan li>div>span{display:block;font:8px Manrope,Arial,sans-serif;color:#748792;margin-top:5px}.essential-plan li>i{font:11px Arial;color:#4c7869;margin-left:auto}.plan-footer{display:block;font:6px Manrope,Arial,sans-serif;letter-spacing:.05em;padding-top:15px;border-top:1px solid #e0e7e9;color:#6b818a}
.essential-services{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #d7e0e3;padding-top:22px}.essential-services article>span{font:7px Manrope,Arial,sans-serif;letter-spacing:.06em;color:#718892}.essential-services h4{font:700 18px Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:13px 0 9px}.essential-services p{font:10px/1.8 Manrope,Arial,sans-serif;color:#637c86;max-width:250px}.essential-services.is-highlighted{outline:2px solid #47717a;outline-offset:12px;border-radius:2px}.essential-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #d7e0e3;padding-top:19px;margin-top:26px;font:6px Manrope,Arial,sans-serif;letter-spacing:.04em;color:#748993}.essential-bottom>button{display:flex;align-items:center;gap:17px;font:600 10px Manrope,Arial,sans-serif;letter-spacing:0;background:none;color:#2b5660;padding:7px 0}.essential-bottom svg{width:15px;height:15px}
.experience-brief{display:grid;grid-template-columns:1fr 1fr;gap:32px 6vw;min-height:600px;align-items:center;padding:55px 45px;background:var(--paper);color:var(--ink)}.experience-brief[hidden]{display:none!important}.experience-brief h3{font:600 clamp(35px,3.8vw,58px)/1.08 var(--font-display);letter-spacing:-.055em}.experience-brief .preview-eyebrow{color:var(--muted)}.experience-brief>div>p:last-child{color:var(--muted);font-size:12px}.brief-options button{color:var(--ink);border-color:var(--line)}.brief-options button small{color:var(--muted)}.brief-options button svg{color:var(--ink)}.preview-back{color:var(--muted);border-color:var(--line)}.lab-bottom{margin-top:23px}.lab-bottom p{max-width:560px;font-size:10px;line-height:1.8}.lab-bottom .text-link{font-size:11px}
@media(max-width:1100px){.hero h1{font-size:clamp(75px,min(8.8vw,15svh),110px)}.hero-art{width:45%;right:0}.hero-scene{height:390px}.hero-primary-device{top:55px;width:94%}.device-page{padding:15px}.device-editorial{min-height:170px;margin-top:17px}.device-editorial>img{height:170px}.device-editorial strong{font-size:33px}.device-nav>strong{font-size:25px}.hero-secondary-device{width:34%;padding:15px 13px}.secondary-title{font-size:19px}.secondary-label{margin-top:20px}.scene-caption{font-size:6px;gap:15px}.scene-caption a{font-size:8px}.hero-base{gap:30px}.hero-base>p,.hero-cta{font-size:12px}.expressive-site{padding:25px}.expressive-copy h3{font-size:6.5vw}.expressive-image{min-height:340px}.expressive-composition{min-height:430px}.essential-site{padding-inline:25px}.essential-hero{gap:30px}.essential-copy h3{font-size:4vw}.essential-plan{padding:20px}.essential-plan h4{font-size:28px}.essential-plan li>div>span{font-size:7px}.experience-brief{padding:40px;min-height:560px}.hero-edition{font-size:8px}}
@media(max-width:760px){
.hero{padding-top:22px}.hero-composition{display:block;min-height:0;margin-top:31px}.hero h1{font-size:clamp(60px,16.8vw,100px);line-height:1;letter-spacing:-.07em}.hero-art{position:relative;inset:auto;translate:none;width:100%;max-width:none;margin-top:24px;perspective:1200px}.hero-scene{height:clamp(270px,66vw,380px)}.scene-coordinate{font-size:6px;top:2px}.hero-primary-device{width:85%;top:31px;right:0;border-radius:6px;transform:rotateX(4deg) rotateY(-6deg) rotateZ(-5deg)}.device-chrome{height:22px;font-size:5px;padding-inline:9px}.device-dots{gap:3px}.device-dots i{width:3px;height:3px}.device-page{padding:13px 14px 10px}.device-nav>strong{font-size:23px}.device-nav>span{font-size:4px}.device-editorial{min-height:140px;gap:8px;margin-top:14px}.device-editorial strong{font-size:clamp(24px,6.8vw,36px)}.device-editorial small{font-size:4px;margin-bottom:10px}.device-editorial>img{height:clamp(140px,34vw,190px)}.device-mini-link{font-size:4px;margin-top:11px;padding-top:8px}.device-caption{font-size:4px;margin-top:10px;padding-top:8px}.hero-secondary-device{width:31%;left:1%;bottom:0;padding:13px 11px;border-radius:9px;transform:rotateX(3deg) rotateY(5deg) rotateZ(6deg)}.secondary-top{font-size:18px}.secondary-top>span{font-size:15px}.secondary-label{font-size:5px;margin-top:19px}.secondary-title{font-size:clamp(15px,4.2vw,21px);margin-top:11px}.secondary-rule{margin-top:15px;width:25px}.secondary-bottom{font-size:4px;margin-top:9px}.orbit-a{width:105%;height:75%;left:0;top:12%}.orbit-b{width:87%;height:100%;left:6%;top:3%}.scene-plus{font-size:16px;bottom:5px}.scene-caption{margin-top:19px;font-size:6px;gap:15px}.scene-caption a{font-size:8px;gap:8px}.scene-caption svg{width:11px;height:11px}.hero-base{grid-template-columns:1fr 1fr;gap:16px;margin:27px 0 24px}.hero-base>p{font-size:10px;grid-row:1;grid-column:1}.hero-cta{font-size:10px;gap:10px;grid-row:1;grid-column:2}.circle-arrow{width:44px;height:44px}.round-link{grid-column:1/-1;font-size:8px;margin-top:3px}.hero-bottom{font-size:6px;padding-block:12px;gap:12px}.hero-edition{display:none}.hero-eyebrow .eyebrow{font-size:8px}
.web-lab{padding-block:44px}.lab-heading{display:block;margin:35px 0 26px}.lab-heading h2{font-size:clamp(35px,8.3vw,60px)}.lab-heading>p{font-size:11px;margin-top:24px}.experience-toolbar{display:block}.experience-toolbar>p{text-align:left;font-size:10px;margin-top:13px;max-width:none}.experience-directions button{font-size:10px;padding:10px 14px}.experience-browser{height:32px;padding:0 12px;gap:12px;font-size:6px}.browser-dots{gap:3px}.browser-dots i{width:4px;height:4px}.experience-live{display:none}
.expressive-site{padding:21px 19px 20px}.expressive-nav{grid-template-columns:1fr auto;gap:16px}.expressive-logo{font-size:41px}.expressive-logo>span{font-size:10px}.expressive-nav>span:nth-child(2){display:none}.expressive-nav>button{font-size:9px;gap:13px}.expressive-nav>button svg{width:14px;height:14px}.expressive-composition{grid-template-columns:1fr;gap:20px;padding:29px 0 25px;min-height:0}.expressive-kicker{font-size:6px}.expressive-copy h3{font-size:clamp(49px,13vw,72px);line-height:.92;margin:18px 0 20px}.expressive-copy h3 br:nth-of-type(2){display:none}.expressive-copy h3 em{margin-left:.04em}.expressive-intro{gap:16px;margin-top:23px}.expressive-star{font-size:37px}.expressive-intro>p{font-size:10px;max-width:220px}.expressive-image{min-height:0;height:230px;max-height:none;margin:0 0 0 23px;translate:none;align-self:auto}.expressive-image>img{height:100%;max-height:none;object-position:50% 48%}.expressive-image-label{left:12px;top:12px;font-size:6px;padding:7px 9px}.expressive-image-arrow{width:32px;height:32px;bottom:12px;right:12px}.expressive-image-arrow svg{width:17px;height:17px}.expressive-side-note{display:none}.expressive-bottom{display:block;padding-top:17px;font-size:6px}.expressive-bottom>button{font-size:11px;margin-top:16px;gap:20px}.expressive-bottom svg{width:17px;height:17px}
.essential-site{padding:0 19px 19px}.essential-nav{padding-block:20px;gap:15px}.essential-logo{font-size:25px;gap:7px}.essential-logo>span:last-child{display:none}.base-symbol{width:17px;gap:2px}.base-symbol i{width:3px}.essential-nav>div{gap:12px}.essential-nav>div>button:first-child{display:none}.essential-nav .essential-nav-cta{padding:10px 12px;font-size:8px;gap:8px}.essential-nav button svg{width:11px;height:11px}.essential-hero{grid-template-columns:1fr;gap:27px;padding:29px 0 25px}.essential-eyebrow{font-size:7px}.essential-copy h3{font-size:clamp(30px,8vw,42px);line-height:1.12;margin:18px 0}.essential-copy>p{font-size:11px}.essential-primary{font-size:10px;padding:14px 16px;gap:15px;width:100%;margin-top:23px}.essential-primary svg{width:16px;height:16px}.essential-support{font-size:8px;margin-top:11px}.essential-plan{padding:21px}.plan-top{font-size:6px}.plan-status{font-size:5px}.essential-plan h4{font-size:29px;margin:19px 0}.essential-plan li{padding:14px 0;gap:12px}.essential-plan li>span{width:24px;height:24px;font-size:8px}.essential-plan strong{font-size:11px}.essential-plan li>div>span{font-size:8px}.plan-footer{font-size:6px}.essential-services{grid-template-columns:1fr;gap:0;padding-top:0;border-top:0}.essential-services article{padding:19px 0;border-top:1px solid #d7e0e3}.essential-services article>span{font-size:6px}.essential-services h4{font-size:18px;margin:10px 0 7px}.essential-services p{font-size:10px;max-width:none}.essential-bottom{display:block;margin-top:8px;padding-top:17px;font-size:6px}.essential-bottom>button{font-size:10px;margin-top:12px}.essential-bottom svg{width:14px;height:14px}
.experience-brief{grid-template-columns:1fr;padding:30px 22px;min-height:0;gap:28px}.experience-brief h3{font-size:33px}.experience-brief>div>p:last-child{font-size:11px}.brief-options button{font-size:17px}.brief-options button small{font-size:7px}.preview-back{font-size:9px}.lab-bottom{display:block;margin-top:19px}.lab-bottom p{font-size:9px;max-width:none}.lab-bottom .text-link{font-size:10px;margin-top:12px}
}
@media(max-width:380px){.hero h1{font-size:16.5vw}.hero-scene{height:260px}.hero-primary-device{width:87%;top:31px}.device-page{padding:11px}.device-editorial{min-height:122px;margin-top:12px}.device-editorial>img{height:125px}.device-editorial strong{font-size:25px}.device-nav>strong{font-size:21px}.hero-secondary-device{padding:12px 10px}.secondary-title{font-size:15px}.secondary-label{margin-top:16px}.secondary-top{font-size:17px}.scene-caption{font-size:5px}.scene-caption a{font-size:7px}.hero-cta{font-size:9px;gap:7px}.circle-arrow{width:40px;height:40px}.hero-bottom{font-size:5.5px}.expressive-site,.essential-site{padding-inline:15px}.expressive-copy h3{font-size:13vw}.expressive-image{height:210px;margin-left:15px}.essential-copy h3{font-size:8vw}.essential-plan{padding:17px}.experience-brief{padding-inline:18px}.experience-brief h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.hero-primary-device,.hero-secondary-device{will-change:auto}.lab-site *, .hero-scene *{transition:none!important}}
.motion-paused .hero-primary-device,.motion-paused .hero-secondary-device{will-change:auto}

/* Use the agency name, without creating a new monogram. */
.secondary-top .secondary-brand-name{font:600 11px var(--font-display);letter-spacing:-.035em}.secondary-top>span:last-child{font-size:18px}
@media(max-width:760px){.secondary-top .secondary-brand-name{font-size:9px}.secondary-top>span:last-child{font-size:14px}}