/* Direction 01 — porcelain, graphite, silver. Loaded only by direction.html. */
/* APAGON chrome uses these tokens; the embedded examples keep their own identities. */
:root{
  --canvas:#fafafb;
  --surface:#ffffff;
  --surface-soft:#f0f1f3;
  --ink:#202124;
  --secondary:#4f5157;
  --muted:#6c6f76;
  --border:#dedfe3;
  --border-strong:#b9bdc5;
  --action:#242529;
  --action-hover:#42444a;
  --on-dark:#c7c9d0;
  --paper:var(--canvas);
  --line:var(--border);
  --olive:var(--secondary);
  --accent:var(--ink);
  --accent-strong:var(--action);
  --accent-hover:var(--action-hover);
  --accent-light:var(--on-dark);
  --focus-ring:var(--secondary);
  --control-radius:999px;
  --pad:clamp(24px,4.5vw,80px)
}
body{background:var(--paper);color:var(--ink)}
body>header{position:sticky;top:16px;z-index:40;width:calc(100% - var(--pad)*2);max-width:1480px;margin:16px auto 0;padding:0 25px;height:68px;border-radius:18px;background:#ffffffe0;border:1px solid var(--surface);box-shadow:0 2px 3px #20212403,0 8px 32px #20212408;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}
body>header .logo{font-size:28px;font-weight:800;letter-spacing:-1.7px;position:relative}body>header .logo:after{content:'';display:inline-block;width:6px;height:6px;border-radius:1px;background:var(--accent);margin-left:4px;vertical-align:middle}body>header .logo>span{display:none}body>header nav{font-size:12px;gap:28px}body>header nav a{color:var(--secondary)}body>header nav a.current{color:var(--accent)}body>header .cart-link{font-size:11px;gap:10px}body>header .cart-link>span{background:var(--ink);color:white;min-width:24px;height:24px;display:grid;place-items:center}
.btn{border-radius:8px;background:var(--ink);color:var(--surface);min-height:50px;font-size:12px;font-weight:500;border:1px solid transparent;transition:transform 140ms var(--ease-out),background-color 140ms ease}.btn svg{width:20px;height:20px;flex-shrink:0}.btn:active{transform:scale(.98)}button:focus-visible,a:focus-visible{outline-color:var(--accent);outline-offset:5px}.btn.full{padding-inline:22px}.btn>span:last-child{margin-left:18px}
.direction-hero{max-width:1640px;margin:auto;padding:64px var(--pad) 0;display:grid;grid-template-columns:.88fr 1.12fr;column-gap:14px;align-items:center;overflow:hidden}.direction-heading{position:relative;z-index:4;align-self:center;padding-bottom:35px}.direction-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:500;letter-spacing:1.05px;text-transform:uppercase;color:var(--muted);margin-bottom:30px}.direction-eyebrow>i{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}.direction-heading h1{font-family:Manrope,sans-serif;font-size:clamp(66px,6.45vw,104px);font-weight:650;letter-spacing:-.066em;line-height:1.01;white-space:nowrap}.direction-heading h1 em{font-style:normal;color:var(--accent)}.direction-lead{font-size:14px;color:var(--muted);line-height:1.8;margin-top:27px}.direction-primary{display:flex;align-items:start;flex-direction:column;gap:18px;margin-top:30px}.direction-primary>.btn{display:flex;align-items:center;justify-content:space-between;gap:40px;min-width:226px;background:var(--accent)}.direction-bespoke{font-size:11px;display:flex;gap:14px;align-items:center;min-height:30px;color:var(--muted)}.direction-bespoke>span{font-size:17px}
.direction-showcase{min-width:0;align-self:center;padding-top:5px}.direction-scene-caption{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.9px;padding-inline:22px}.direction-scene-caption>span:last-child{font-variant-numeric:tabular-nums}.direction-stage{position:relative;width:100%;aspect-ratio:1.32;min-height:360px;max-height:595px;margin:0 auto 0;isolation:isolate}.direction-world{position:absolute;left:50%;top:50%;width:720px;height:520px;transform:translate(-50%,-50%) scale(.8);transform-origin:center}.direction-floor{position:absolute;left:40px;right:0;height:65px;bottom:-10px;border-radius:50%;background:#20212410;filter:blur(22px);transform:scaleY(.5);z-index:-1}.direction-object{position:absolute;left:0;top:0;transform-origin:top left;transition:transform 280ms var(--ease-out),opacity 200ms ease;isolation:isolate}.direction-object-content{pointer-events:none;user-select:none}.direction-object-content .browser-device,.direction-object-content .desktop-app{box-shadow:0 22px 40px -25px #20212455,0 2px 6px #20212410;border:1px solid var(--border-strong);border-radius:10px;overflow:hidden}.direction-object-content .browser-chrome{height:24px;background:var(--canvas)}.direction-object-content .address-bar{background:var(--surface-soft)}.direction-object-content .browser-chrome>span:last-child{display:none}.direction-object-content .live-demo{height:336px}.direction-object-content .stay-nav{padding:20px}.direction-object-content .stay-nav>b{font-size:30px}.direction-object-content .stay-content{height:196px}.direction-object-content .stay-content h4{font-size:35px;letter-spacing:-1.5px}.direction-object-content .stay-content p{font-size:11px}.direction-object-content .stay-view{height:176px}.direction-object-content .stay-book{min-height:50px}.direction-object-content .demo-status{display:none}.direction-object-content .desktop-title{height:27px;font-size:11px;background:var(--canvas);color:var(--muted)}.direction-object-content .cabinet-cover>img{width:100%;height:auto;display:block}.direction-object-content .support-stage{width:100%}.direction-object-hit{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;border-radius:12px;background:transparent;cursor:pointer}.direction-object-label{position:absolute;bottom:-24px;left:3px;font-size:11px;font-weight:500;letter-spacing:.1px;color:var(--muted)}.direction-object-web{width:520px;z-index:3;transform:translate(16px,104px) rotate(-5deg) scale(.98)}.direction-object-app{width:540px;z-index:1;transform:translate(219px,13px) rotate(7deg) scale(.7);opacity:.82}.direction-object-ios{width:220px;z-index:4;transform:translate(535px,106px) rotate(8deg) scale(.79)}.direction-object-ios meal-demo{width:220px;max-width:220px}.direction-object-ios .direction-object-label{display:none}.direction-studio-stamp{position:absolute;left:85px;top:36px;font-size:15px;font-weight:800;letter-spacing:-.6px;line-height:1.4;color:var(--accent);transform:rotate(-8deg);opacity:.8}.direction-studio-stamp small{font-size:7px;letter-spacing:1px;font-weight:500}
[data-scene=app] .direction-object-app{z-index:4;transform:translate(82px,98px) rotate(-1deg) scale(1);opacity:1}[data-scene=app] .direction-object-web{z-index:1;transform:translate(-37px,24px) rotate(-8deg) scale(.66);opacity:.8}[data-scene=app] .direction-object-ios{z-index:2;transform:translate(575px,91px) rotate(9deg) scale(.69);opacity:.9}[data-scene=app] .direction-studio-stamp{opacity:0}[data-scene=ios] .direction-object-ios{z-index:4;transform:translate(281px,7px) rotate(0) scale(1.06);opacity:1}[data-scene=ios] .direction-object-web{z-index:1;transform:translate(6px,123px) rotate(-9deg) scale(.67);opacity:.9}[data-scene=ios] .direction-object-app{z-index:1;transform:translate(334px,124px) rotate(9deg) scale(.7);opacity:.9}[data-scene=ios] .direction-studio-stamp{opacity:0}
.direction-dock{position:relative;display:grid;grid-template-columns:repeat(3,1fr);isolation:isolate;width:fit-content;max-width:100%;padding:5px;margin:12px auto 0;border:1px solid var(--surface);border-radius:17px;background:#ffffffa6;box-shadow:inset 0 1px 0 var(--surface),0 2px 3px #20212404,0 8px 24px #2021240e;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.direction-dock-selection{position:absolute;inset:5px auto 5px 5px;width:calc((100% - 10px)/3);background:var(--ink);border-radius:12px;z-index:-1;transition:transform 240ms var(--ease-out);box-shadow:0 2px 4px #20212422}.direction-dock button{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:0;padding:12px 18px;min-height:43px;color:var(--muted);font-size:11px;white-space:nowrap;transition:color 120ms ease,transform 120ms var(--ease-out)}.direction-dock button>span{font-size:8px;color:var(--muted);font-variant-numeric:tabular-nums}.direction-dock button[aria-pressed=true]{color:var(--surface)}.direction-dock button[aria-pressed=true]>span{color:var(--accent-light)}.direction-dock button:active{transform:scale(.97)}[data-scene=app] .direction-dock-selection{transform:translateX(100%)}[data-scene=ios] .direction-dock-selection{transform:translateX(200%)}
.direction-product-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:27px 24px 0}.direction-product-caption>div{min-width:0}.direction-product-caption strong{display:block;font-size:13px;font-weight:600;letter-spacing:-.2px}.direction-product-caption>div>span{display:block;font-size:10px;color:var(--muted);line-height:1.5;max-width:300px;margin-top:4px;min-height:30px}.direction-product-caption button{display:flex;align-items:center;gap:13px;min-height:44px;flex-shrink:0;border:0;background:none;padding:5px 0;font-size:11px;color:var(--ink)}.direction-product-caption svg{width:17px;height:17px}.direction-product-offer{margin:12px 24px 0;padding-top:13px;border-top:1px solid var(--border)}.direction-product-offer a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:30px;font-size:10px;color:var(--muted)}.direction-product-offer a>span:last-child{display:flex;align-items:center;gap:15px;color:var(--secondary)}.direction-product-offer svg{width:12px;height:12px}
.direction-hero-foot{grid-column:1/-1;margin-top:53px;padding:23px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:var(--muted)}.direction-hero-foot>span{color:var(--secondary)}.direction-hero-foot p{font-size:9px}.direction-hero-foot p>i{font-style:normal;margin-inline:9px;color:var(--border-strong)}.direction-hero-foot>a{display:flex;align-items:center;gap:18px;color:var(--secondary)}.direction-hero-foot svg{width:15px;height:15px}
/* The storefront keeps its working demos, while APAGÓN owns the framing. */
.offer-experience{padding-top:86px;padding-bottom:65px;max-width:1600px}.experience-heading{align-items:start;margin-bottom:38px}.experience-heading h2{font-size:clamp(35px,4.2vw,60px);letter-spacing:-2.7px;line-height:1.08;max-width:540px;color:var(--ink)}.experience-heading p{font-size:12px;max-width:250px;line-height:1.7;padding-top:6px;color:var(--muted)}.offer-tabs{gap:0;padding:0;border:1px solid var(--border);border-radius:13px;margin-bottom:36px;background:var(--canvas);overflow:visible}.offer-tabs>button{border:0;border-radius:12px;padding:19px 10px;min-height:108px;gap:8px;box-shadow:none;transition:background-color 160ms ease,color 160ms ease}.offer-tabs>button[aria-selected=true]{background:var(--ink);border:0;box-shadow:none}.offer-tabs>button[aria-selected=true]:after{display:none}.offer-tabs>button[aria-selected=true] span{color:var(--surface)}.offer-tabs>button[aria-selected=true] small{color:var(--border-strong)}.offer-tabs>button[aria-selected=true] svg{color:var(--accent-light)}.offer-tabs svg{width:25px;height:25px;color:var(--muted)}.offer-tabs span{font-size:11px;font-weight:550;color:var(--secondary)}.offer-tabs small{font-size:9px;color:var(--muted)}.experience-panel{grid-template-columns:.8fr 1.2fr;min-height:640px;gap:32px}.experience-copy{padding:33px 34px 33px 0}.experience-category{font-size:10px;color:var(--accent);font-weight:500;letter-spacing:.2px}.experience-copy h3{font-size:clamp(36px,3.4vw,54px);font-weight:600;letter-spacing:-2.4px;line-height:1.12;margin-top:17px;color:var(--ink)}.experience-description{font-size:14px;color:var(--muted);margin-top:22px;max-width:350px;line-height:1.75}.experience-copy ul{margin:26px 0 34px;gap:13px}.experience-copy li{font-size:12px;color:var(--secondary)}.experience-copy li>span{color:var(--accent);font-size:11px}.experience-buy{width:100%;max-width:350px}.experience-buy strong{font-size:32px!important;font-weight:550;letter-spacing:-1.4px}.experience-buy .btn{margin-top:8px;background:var(--accent);color:var(--surface);max-width:none}.experience-buy>div>span:last-child{margin-top:9px;font-size:10px;color:var(--muted)}.experience-pack{width:100%;max-width:350px;border-color:var(--border);padding-top:21px;margin-top:24px}.experience-pack>span{font-size:11px;color:var(--muted)}.experience-pack b{font-size:13px;color:var(--ink)}.experience-pack small{font-size:10px;color:var(--muted)}.experience-visual,.experience-visual.visual-web,.experience-visual.visual-shop,.experience-visual.visual-app,.experience-visual.visual-ios,.experience-visual.visual-seo{background:var(--canvas);border:1px solid var(--border);border-radius:15px;padding:20px}.experience-context{font-size:10px!important;color:var(--muted)!important}.experience-context>span:last-child{border:0;padding:0;color:var(--muted);font-size:9px}.experience-hint{font-size:10px;color:var(--muted)!important}.experience-note{font-size:9px;color:var(--muted);border:0;padding-top:25px}.simple-process{background:var(--ink);border:0;color:white;gap:50px;padding-block:37px}.simple-process b{color:var(--surface);font-size:14px;font-weight:500}.simple-process p{color:var(--border-strong);font-size:11px}.simple-custom{padding-block:78px;background:var(--canvas)}.simple-custom h2{font-size:clamp(40px,5vw,70px);line-height:1.07;letter-spacing:-3.2px;color:var(--ink)}.simple-custom p{font-size:13px;line-height:1.7;color:var(--muted)}.simple-custom .btn{background:var(--accent);color:white}.faq{padding-block:70px}.faq h2{font-size:30px;letter-spacing:-1.3px}.faq summary{font-size:13px;min-height:64px;color:var(--ink)}.faq p{color:var(--muted);font-size:12px}.faq details{border-color:var(--border)}
/* Offer detail, catalogue and request journey use the same identity. */
.page-intro h1,.product-config h1,.form-layout h1{color:var(--ink);font-weight:600;letter-spacing:-2.5px}.breadcrumb{color:var(--muted);margin-top:36px}.breadcrumb>a{color:var(--muted)}.simple-detail{max-width:1600px;margin:auto;gap:60px;padding-top:24px;padding-bottom:80px}.simple-detail .product-config h1{font-size:clamp(38px,4vw,60px);line-height:1.1}.product-config>.lead{color:var(--muted);font-size:14px}.simple-delivery h2{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--secondary)}.simple-delivery li{color:var(--muted);font-size:12px}.simple-delivery li>span{color:var(--accent)}.turnkey-choice{background:var(--canvas);border-color:var(--border);border-radius:10px}.turnkey-choice input,.option input{accent-color:var(--accent)}.simple-price{border-color:var(--border);padding-block:23px}.simple-price strong{font-size:46px;font-weight:500;letter-spacing:-2px;color:var(--ink)}.product-config .btn.full{background:var(--accent);color:white}.offer-options{border-color:var(--border)}.demo-frame{border-radius:14px}.product-grid{gap:65px 42px}.simple-card .product-meta h3{font-size:34px;font-weight:550;letter-spacing:-1.3px}.card-scope{color:var(--muted)}.card-purchase .btn{background:var(--accent);color:white}.card-purchase b{font-size:29px}.filters{gap:8px}.filters button{border-radius:6px}.filters button.active{background:var(--ink);color:white}.summary{border-radius:12px;border-color:var(--border);background:var(--canvas)}.summary>.btn{background:var(--accent);color:white}.form-layout input:focus,.form-layout textarea:focus{border-color:var(--accent)}.form-layout>form>.btn{background:var(--accent);color:white}.studio-values{background:var(--canvas)}.studio-values h2{letter-spacing:-1.2px}
body>footer{background:var(--ink);border:0;color:white;padding-top:55px;padding-bottom:72px}body>footer .logo{font-size:44px;color:white;letter-spacing:-2.5px}body>footer .footer-top{align-items:center}body>footer p{font-size:14px;line-height:1.6;color:var(--border-strong)}body>footer .footer-top>a:last-child{font-size:12px;color:var(--accent-light)}body>footer .footer-bottom{border-color:var(--secondary);color:var(--muted);font-size:9px;margin-top:42px}
.direction-comparison{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:18px;max-width:calc(100% - 32px);padding:7px 9px 7px 15px;border:1px solid #ffffff3b;border-radius:12px;background:#202124eb;box-shadow:0 5px 20px #20212426;color:var(--surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:10px;white-space:nowrap}.direction-comparison>span{display:flex;align-items:center;gap:7px;color:var(--border)}.direction-comparison>span>i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.direction-comparison>a{padding:9px 11px;border-radius:7px;background:#ffffff15;color:var(--border);display:flex;align-items:center;gap:12px;font-size:9px;min-height:34px}
@media(hover:hover) and (pointer:fine){.direction-primary>.btn:hover,.experience-buy .btn:hover,.product-config .btn.full:hover{background:var(--accent-hover)}.direction-product-caption button:hover,.direction-bespoke:hover{color:var(--accent)}.direction-comparison>a:hover{background:#ffffff25}.direction-dock button:not([aria-pressed=true]):hover{color:var(--ink)}.direction-object-hit:hover{background:#ffffff04}.offer-tabs>button:not([aria-selected=true]):hover{background:var(--surface-soft)}.btn:hover{transform:translateY(-1px)}}
@media(max-width:1150px){.direction-hero{padding-top:52px;grid-template-columns:.88fr 1.12fr;gap:0}.direction-heading h1{font-size:clamp(58px,7.1vw,84px)}.direction-eyebrow{font-size:8px;letter-spacing:.7px}.direction-stage{min-height:310px;aspect-ratio:1.25}.direction-dock button{padding:11px 13px;font-size:10px;gap:6px}.direction-product-caption{margin-inline:10px;gap:12px}.direction-product-caption>div>span{font-size:9px;max-width:240px}.direction-product-offer{margin-inline:10px}.direction-scene-caption{padding-inline:10px;font-size:8px}.direction-product-caption button{font-size:10px;gap:8px}.direction-product-caption svg{width:14px}.direction-hero-foot>span{display:none}.experience-panel{gap:18px;grid-template-columns:.84fr 1.16fr}.experience-copy{padding-right:10px}.experience-copy h3{font-size:36px}.experience-description{font-size:13px}.experience-copy li{font-size:11px}.experience-visual{padding:14px!important}.simple-detail{gap:38px}}
@media(max-width:900px){body>header{padding-inline:19px;height:62px}body>header nav{gap:19px}body>header nav a:last-child{display:none}.direction-hero{display:block;padding-top:47px}.direction-heading{padding-bottom:0;text-align:center}.direction-eyebrow{justify-content:center;margin-bottom:24px;font-size:9px}.direction-heading h1{font-size:clamp(51px,9vw,76px);line-height:1.06;letter-spacing:-.062em;white-space:normal}.direction-heading h1 br:first-of-type{display:none}.direction-heading h1 br:first-of-type:after{content:' '}.direction-lead{font-size:13px;line-height:1.7;margin-top:19px}.direction-lead br{display:none}.direction-primary{flex-direction:row;justify-content:center;align-items:center;gap:23px;margin-top:24px}.direction-primary>.btn{min-width:205px;font-size:11px;min-height:47px;gap:24px}.direction-bespoke{font-size:10px;gap:8px}.direction-showcase{max-width:670px;margin:43px auto 0}.direction-scene-caption{display:none}.direction-stage{min-height:0;aspect-ratio:1.5;max-height:445px}.direction-dock{margin-top:17px}.direction-dock button{padding:12px 22px;font-size:11px}.direction-product-caption{margin-top:22px}.direction-product-caption>div>span{font-size:10px;max-width:400px;min-height:0}.direction-product-offer{margin-top:14px}.direction-hero-foot{margin-top:32px;padding-block:20px}.offer-experience{padding-top:61px}.experience-heading h2{font-size:39px;letter-spacing:-1.8px;max-width:400px}.experience-heading p{max-width:200px;font-size:11px}.simple-custom h2{font-size:49px}.simple-detail{gap:30px}.simple-detail .product-config h1{font-size:39px}.direction-comparison{bottom:12px}}
@media(max-width:760px){body>header{top:10px;width:calc(100% - 36px);margin-top:10px;border-radius:14px;padding-inline:16px;height:60px}body>header .logo{font-size:26px}body>header .cart-link{font-size:10px}.direction-hero{padding-inline:22px;padding-top:39px}.direction-heading h1{font-size:clamp(42px,8.85vw,67px)}.direction-eyebrow{font-size:8px;letter-spacing:.75px;gap:7px}.direction-eyebrow>i{width:5px;height:5px}.direction-lead{max-width:360px;margin-inline:auto;font-size:12px}.direction-primary{gap:16px}.direction-primary>.btn{min-width:0;padding:13px 17px;font-size:11px;gap:19px}.direction-bespoke{font-size:10px;max-width:130px;text-align:left;line-height:1.5}.direction-primary>.btn svg{width:16px}.direction-showcase{margin-top:30px}.direction-stage{aspect-ratio:1.45}.direction-dock{border-radius:15px;margin-top:13px}.direction-dock button{min-height:43px;padding:10px 15px;font-size:10px;gap:6px}.direction-product-caption{margin-inline:0;gap:14px;margin-top:22px}.direction-product-caption>div>span{max-width:235px;font-size:9px;min-height:28px}.direction-product-caption strong{font-size:12px}.direction-product-caption button{font-size:10px;gap:8px}.direction-product-offer{margin-inline:0;margin-top:11px;font-size:9px}.direction-hero-foot{font-size:8px;gap:12px;margin-top:25px}.direction-hero-foot p{font-size:8px;line-height:1.8}.direction-hero-foot p>i{margin-inline:4px}.direction-hero-foot>a{gap:7px;flex-shrink:0}.direction-hero-foot svg{width:12px}.offer-experience{padding:46px 22px}.experience-heading{margin-bottom:24px}.experience-heading h2{font-size:38px;max-width:330px;letter-spacing:-1.8px}.experience-heading p{max-width:none;margin-top:12px;font-size:12px;line-height:1.6}.offer-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border:1px solid var(--border);margin-bottom:25px;padding:0;border-radius:12px;gap:0}.offer-tabs>button{flex:0 0 102px;min-height:110px;border-radius:11px;padding:15px 7px;gap:9px}.offer-tabs>button>span{font-size:10px}.offer-tabs>button>small{font-size:8px}.experience-panel{gap:0}.experience-copy h3{font-size:38px;letter-spacing:-1.7px;margin-top:13px}.experience-category{font-size:10px;margin-top:6px}.experience-description{font-size:13px;line-height:1.75;margin-top:0;max-width:500px}.experience-copy ul{margin:0 0 26px;gap:12px}.experience-copy li{font-size:12px}.experience-buy{max-width:none;gap:15px}.experience-buy>div{min-width:133px}.experience-buy strong{font-size:28px!important}.experience-buy .btn{margin:0;max-width:200px;min-height:48px;padding:12px 17px;font-size:11px}.experience-pack{max-width:none;margin-top:23px;padding-top:19px;order:4}.experience-pack b{font-size:13px}.experience-visual{margin-top:27px!important;padding:15px!important}.experience-context{font-size:10px!important}.experience-note{font-size:9px;line-height:1.6;padding-top:10px}.simple-process{padding:31px 22px;gap:22px}.simple-process b{font-size:14px}.simple-process p{font-size:12px}.simple-custom{padding:47px 22px}.simple-custom h2{font-size:44px;letter-spacing:-2px}.simple-custom p{font-size:12px;margin-top:17px;max-width:300px}.faq{padding:44px 22px}.faq h2{font-size:28px}.faq summary{font-size:12px;line-height:1.5}.simple-detail{padding:16px 22px 50px;gap:32px}.simple-detail .product-config h1{font-size:40px;letter-spacing:-2px}.simple-price strong{font-size:40px}.breadcrumb{margin-top:28px;font-size:10px}.page-intro{padding-top:44px}.page-intro h1,.form-layout h1{font-size:44px;letter-spacing:-2px}.simple-card .product-meta h3{font-size:30px}.product-grid{row-gap:48px}.card-purchase b{font-size:27px}.direction-comparison{gap:13px;font-size:9px;padding:6px 7px 6px 12px}.direction-comparison a{font-size:9px;min-height:35px}body>footer{padding-bottom:91px}body>footer .logo{font-size:37px}body>footer .footer-top{align-items:start}body>footer p{font-size:12px}body>footer .footer-bottom{font-size:8px}}
@media(max-width:390px){.direction-heading h1{font-size:10.2vw}.direction-heading h1 br:first-of-type{display:block}.direction-eyebrow{font-size:7px;letter-spacing:.6px}.direction-primary{gap:12px}.direction-primary>.btn{font-size:10px;padding-inline:13px;gap:12px}.direction-bespoke{font-size:9px;max-width:112px}.direction-dock button{padding:10px 13px;font-size:9px}.direction-dock button>span{font-size:7px}.direction-product-caption>div>span{max-width:185px}.direction-product-caption button{font-size:9px;gap:5px}.direction-hero-foot p{max-width:235px}.direction-showcase{margin-top:28px}.direction-object-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.direction-object,.direction-dock-selection,.direction-dock button,.btn{transition:none!important}.btn:hover,.btn:active,.direction-dock button:active{transform:none!important}}
html[data-input=keyboard] .direction-object,html[data-input=keyboard] .direction-dock-selection,html[data-input=keyboard] .direction-dock button{transition:none!important}
@media(prefers-reduced-transparency:reduce){body>header,.direction-dock{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}.direction-comparison{background:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){.direction-lead,.direction-bespoke,.direction-product-caption>div>span,.experience-description,.experience-hint{color:var(--secondary)!important}.direction-dock{border-color:var(--muted)}}

/* A solid, accessible action colour; glass stays on navigation. */
.direction-primary>.btn,.experience-buy .btn,.simple-custom .btn,.product-config .btn.full,.card-purchase .btn,.summary>.btn,.form-layout>form>.btn{background:var(--accent-strong);color:var(--surface)}

/* The comparison control is a test utility, outside the product UI. */
.direction-comparison{position:relative;inset:auto;transform:none;max-width:1480px;width:calc(100% - var(--pad)*2);margin:0 auto;padding:10px 0 0;justify-content:flex-end;border:0;border-radius:0;box-shadow:none;background:none;color:var(--muted);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:auto;gap:18px}.direction-comparison>span{color:var(--muted);font-size:9px}.direction-comparison>a{color:var(--secondary);background:none;padding:4px 0;font-size:9px;min-height:24px}.direction-comparison>a:hover{background:none;text-decoration:underline;text-underline-offset:3px}body>header{margin-top:8px}.direction-hero{padding-top:40px}
@media(max-width:900px){.direction-hero{padding-top:40px}}
@media(max-width:760px){.direction-comparison{width:calc(100% - 44px);padding-top:8px}.direction-comparison>a{font-size:8px}.direction-comparison>span{font-size:8px}.direction-hero{padding-top:34px}body>footer{padding-bottom:40px}}

/* Product first: neutral typography, quiet controls, consistent materials and contrast. */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-optical-sizing:auto}
body>header{height:62px;border-radius:16px;background:#ffffffd9;border-color:#ffffff80;box-shadow:0 4px 24px #20212404}
body>header .logo:after{display:none}
body>header nav a,body>header .cart-link{color:var(--ink);font-size:12px}
body>header .cart-link>span{background:var(--ink)}
.direction-comparison>span>i{background:var(--muted)}
.direction-heading h1,.experience-heading h2,.experience-copy h3,.simple-custom h2,.page-intro h1,.product-config h1,.form-layout h1{font-family:inherit;font-weight:600;letter-spacing:-.045em}
.direction-heading h1{font-size:clamp(60px,6.05vw,96px);line-height:1.045}
.direction-heading h1{color:var(--muted)}
.direction-heading h1 em{color:var(--ink)}
.direction-eyebrow{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted);margin-bottom:24px}
.direction-lead{font-size:17px;line-height:1.55;color:var(--muted);margin-top:25px}
.direction-primary{gap:16px;margin-top:28px}
.btn{border-radius:999px;min-height:44px;font-size:14px;padding:12px 23px}
.direction-primary>.btn{min-width:0;min-height:44px;font-size:14px;padding:12px 24px;justify-content:center}
.direction-bespoke{font-size:14px;color:var(--accent);min-height:44px;gap:7px}
.direction-bespoke>span{font-size:21px;font-weight:400}
.direction-object-content .browser-device,.direction-object-content .desktop-app{border-color:var(--border-strong);box-shadow:0 20px 38px -22px #20212438,0 2px 5px #20212408}
.direction-object-web{transform:translate(16px,104px) rotate(-3deg) scale(.98)}
.direction-object-app{transform:translate(219px,13px) rotate(4deg) scale(.7);opacity:.9}
.direction-object-ios{transform:translate(535px,106px) rotate(4deg) scale(.79)}
.direction-object-label{display:none}
.direction-dock{background:var(--canvas);border-color:var(--surface-soft);border-radius:999px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.direction-dock-selection{background:var(--surface);border-radius:999px;box-shadow:0 2px 5px #2021240c,0 0 0 1px #20212404}
.direction-dock button{font-size:12px;color:var(--muted);min-height:44px;padding-inline:20px}
.direction-dock button[aria-pressed=true]{color:var(--ink);font-weight:600}
.direction-product-caption{margin-top:24px}
.direction-product-caption strong{font-size:15px;letter-spacing:0}
.direction-product-caption>div>span{font-size:12px;color:var(--muted);min-height:36px}
.direction-product-caption button{color:var(--accent);font-size:13px;gap:7px}
.direction-product-caption svg{width:14px;height:14px}
.direction-product-offer a,.direction-product-offer a>span:last-child{font-size:12px;color:var(--muted)}
.direction-hero-foot{font-size:11px;color:var(--muted)}
.direction-hero-foot p{font-size:11px}
.experience-category,.experience-copy li>span,.simple-delivery li>span{color:var(--muted)}
.offer-tabs>button[aria-selected=true] svg{color:var(--surface)}
.experience-description{font-size:16px;line-height:1.6}
.experience-copy li{font-size:13px}
.experience-visual{border-radius:20px}
.simple-custom p{font-size:15px}
body>footer .footer-top>a:last-child{color:var(--canvas)}
@media(hover:hover) and (pointer:fine){
  .btn:hover{transform:none}
  .direction-primary>.btn:hover,.experience-buy .btn:hover,.simple-custom .btn:hover,.product-config .btn.full:hover,.card-purchase .btn:hover,.summary>.btn:hover,.form-layout>form>.btn:hover{background:var(--accent-hover)}
  .direction-bespoke:hover,.direction-product-caption button:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
  .direction-dock button:not([aria-pressed=true]):hover{color:var(--ink)}
}
@media(max-width:1150px){.direction-heading h1{font-size:clamp(55px,6.2vw,74px)}.direction-lead{font-size:16px}.direction-eyebrow{font-size:12px}}
@media(max-width:900px){
  .direction-heading h1{font-size:clamp(46px,8.6vw,72px);letter-spacing:-.045em}
  .direction-lead{font-size:17px;max-width:430px;margin-inline:auto}
  .direction-primary{gap:22px}
  .direction-bespoke{max-width:none;font-size:14px}
  .direction-showcase{margin-top:34px}
}
@media(max-width:760px){
  body>header{height:58px}
  body>header .cart-link{font-size:11px}
  .direction-eyebrow{font-size:12px;margin-bottom:20px}
  .direction-heading h1{font-size:clamp(39px,8.5vw,64px)}
  .direction-heading h1 br:first-of-type{display:none}
  .direction-lead{font-size:16px;max-width:360px;margin-top:21px}
  .direction-lead br{display:block}
  .direction-primary{gap:16px;flex-wrap:wrap}
  .direction-primary>.btn{font-size:14px;padding:12px 21px}
  .direction-bespoke{font-size:13px;max-width:none}
  .direction-showcase{margin-top:24px}
  .direction-dock button{font-size:12px;padding-inline:15px}
  .direction-product-caption>div>span{font-size:12px;max-width:240px;min-height:36px}
  .direction-product-caption button{font-size:12px}
  .direction-hero-foot p{font-size:10px}
  .experience-description{font-size:15px}
  .experience-copy li{font-size:13px}
}
@media(max-width:420px){
  .direction-primary{gap:4px}
  .direction-primary>.btn,.direction-bespoke{margin-inline:5px}
  .direction-product-caption{gap:12px;align-items:start}
  .direction-product-caption>div>span{max-width:190px;min-height:54px}
}
@media(prefers-reduced-transparency:reduce){body>header{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){body>header,.direction-dock{border-color:var(--muted)}.direction-product-caption>div>span,.direction-product-offer a{color:var(--secondary)}}

/* Shared brand surfaces and controls across the whole purchase journey. */
body>header{background:#ffffffdc;border-color:var(--border);box-shadow:0 3px 16px #20212403}
body>header nav a.current{color:var(--ink);border-bottom-color:transparent;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.direction-heading h1 em{color:var(--ink)}
.direction-bespoke,.direction-product-caption button{color:var(--ink)}
.direction-dock{background:var(--surface-soft);border-color:var(--border)}
.direction-dock button{color:var(--secondary)}
.direction-dock button[aria-pressed=true]{color:var(--ink)}
.direction-primary>.btn,.experience-buy .btn,.simple-custom .btn,.product-config .btn.full,.card-purchase .btn,.summary>.btn,.form-layout>form>.btn,.empty .btn,.success .btn{
  background:var(--action);color:var(--surface);border-color:var(--action);
  box-shadow:inset 0 1px 0 #ffffff14;
}
.product-config .btn.is-added{background:var(--surface-soft);color:var(--ink);border-color:var(--border-strong);box-shadow:none}
.direction-product-offer{border-color:var(--border)}
.direction-product-offer a>span:last-child{color:var(--ink)}
.direction-hero-foot,.direction-hero-foot>span,.direction-hero-foot>a{color:var(--secondary)}
.direction-comparison>span,.direction-comparison>a{color:var(--muted);font-size:10px}

/* A light selected surface is the same convention in both product selectors. */
.offer-tabs{padding:5px;gap:5px;background:var(--surface-soft);border-color:var(--border);border-radius:20px}
.offer-tabs>button{border:1px solid transparent;border-radius:15px;min-height:108px}
.offer-tabs>button[aria-selected=true]{background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 5px #20212406}
.offer-tabs>button[aria-selected=true] span,.offer-tabs>button[aria-selected=true] svg{color:var(--ink)}
.offer-tabs>button[aria-selected=true] small{color:var(--secondary)}
.offer-tabs>button span{font-size:13px;color:var(--secondary)}
.offer-tabs>button small{font-size:11px;color:var(--muted)}
.offer-tabs>button svg{width:25px;height:25px;color:var(--muted)}
.experience-heading p{font-size:14px;color:var(--muted)}
.experience-category{font-size:12px;letter-spacing:0;color:var(--muted)}
.experience-description{color:var(--secondary)}
.experience-copy li,.simple-delivery li{color:var(--secondary)}
.experience-copy li>span,.simple-delivery li>span{color:var(--ink)}
.experience-buy>div>span,.experience-buy>div>span:last-child,.experience-buy strong small{font-size:12px;color:var(--muted)}
.experience-buy>div>span:first-child{color:var(--muted)}
.experience-buy strong{color:var(--ink)}
.experience-pack{padding:18px 20px;margin-top:22px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.experience-pack>span{font-size:12px;color:var(--secondary)}
.experience-pack b{color:var(--ink);font-size:14px}
.experience-pack small{font-size:12px;color:var(--muted);line-height:1.6;padding-top:10px}
.experience-visual,.experience-visual.visual-web,.experience-visual.visual-shop,.experience-visual.visual-app,.experience-visual.visual-ios,.experience-visual.visual-seo{
  background:var(--surface-soft);border:1px solid var(--border);border-radius:22px;
}
.experience-context{color:var(--secondary)!important;font-size:12px!important}
.experience-context>span:last-child{color:var(--muted);font-size:11px}
.experience-hint{font-size:12px!important;color:var(--muted)!important;line-height:1.6}
.experience-note{font-size:11px;color:var(--muted);border-color:var(--border)}
.simple-process{background:var(--surface-soft);border-block:1px solid var(--border);gap:40px}
.simple-process b{color:var(--ink);font-size:15px}
.simple-process p{color:var(--muted);font-size:13px}
.simple-custom{background:var(--canvas)}
.simple-custom h2{color:var(--ink)}
.simple-custom p{color:var(--secondary)}
.faq summary{color:var(--ink);font-size:15px}
.faq p{color:var(--secondary);font-size:14px;line-height:1.7}
.faq details{border-color:var(--border)}

/* Catalogue: the same neutral frame for every independent demonstration. */
.page-intro h1,.product-config h1,.form-layout h1,.success h1,.empty h1{color:var(--ink);font-family:inherit;font-weight:600;letter-spacing:-.045em}
.page-intro p,.product-meta p,.simple-card .product-meta p{color:var(--secondary)}
.page-intro p{font-size:16px;line-height:1.6}
.eyebrow,.breadcrumb{color:var(--muted)}
.filters{gap:8px;flex-wrap:wrap;border:0}
.filters button{color:var(--secondary);background:transparent;border:1px solid var(--border);border-radius:999px;font-size:13px;padding:10px 16px}
.filters button small{color:inherit;font-size:11px}
.filters button.active{color:var(--surface);background:var(--action);border-color:var(--action)}
.filters>span{color:var(--muted)}
.simple-card .product-meta h3{color:var(--ink);font-family:inherit;letter-spacing:-.035em}
.simple-card .product-meta p{font-size:14px}
.card-scope{color:var(--secondary);font-size:14px}
.card-purchase p>span,.card-purchase small{color:var(--muted);font-size:12px}
.card-purchase b{color:var(--ink)}
.catalogue-pack{color:var(--secondary);border-color:var(--border);font-size:12px}
.catalogue-pack b{color:var(--ink)}
.demo-frame{background:var(--surface-soft);border:1px solid var(--border);border-radius:20px}
.simple-card .demo-frame-top,.demo-frame-top{color:var(--secondary)}

/* Configurator: checked, included, expanded and already-selected states. */
.breadcrumb,.breadcrumb>a{color:var(--muted);font-size:12px}
.simple-detail .lead{color:var(--secondary);font-size:16px;line-height:1.6}
.simple-delivery h2{color:var(--ink);font-size:13px;text-transform:none}
.simple-delivery li{font-size:14px}
.simple-price>div>span,.simple-price small{color:var(--muted);font-size:12px}
.simple-price strong,.simple-price>span{color:var(--ink)}
.simple-price,.scope-details,.offer-options{border-color:var(--border)}
.turnkey-choice{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}
.turnkey-choice:has([name=turnkey]:checked){background:var(--surface-soft);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.turnkey-choice label b,.turnkey-choice label>strong{color:var(--ink);font-size:14px}
.turnkey-choice label small,.turnkey-choice label>strong small{color:var(--muted);font-size:12px}
.turnkey-choice summary{color:var(--secondary);font-size:12px;min-height:44px;display:flex;align-items:center;padding-block:8px}
.turnkey-choice li,.turnkey-choice details>p,.turnkey-choice .pack-fine-print p{font-size:12px;color:var(--secondary);line-height:1.7}
.turnkey-choice input,.offer-options .option input,.consent input{accent-color:var(--ink)}
.pack-fine-print{border-color:var(--border)}
.pack-renewal{background:var(--surface-soft);color:var(--secondary);font-size:12px;border-radius:12px;padding:16px}
.offer-options summary,.scope-details summary{font-size:14px;color:var(--ink)}
.offer-options summary small{color:var(--muted);font-size:12px}
.offer-options .option{padding:16px 12px;border-radius:10px;border-color:var(--border)}
.offer-options .option>span,.offer-options .option b{font-size:13px;color:var(--ink)}
.offer-options .option small{font-size:12px;color:var(--muted)}
.offer-options .option:has(input:checked){background:var(--surface-soft)}
.offer-options .included-in-pack,.offer-options .included-in-pack b{color:var(--muted)}
.simple-detail .purchase-assurance,.preview-caption{color:var(--muted);font-size:12px}
.simple-separate,.simple-separate b{color:var(--secondary);font-size:13px}
.simple-bespoke{color:var(--ink);font-size:13px;text-decoration:underline;text-underline-offset:4px}
.scope-details li,.scope-details p{color:var(--secondary);font-size:13px;line-height:1.7}
.scope-details h3{color:var(--ink);font-size:14px}
.scope-boundary{background:var(--surface-soft)}
.scope-boundary p,.option-intro{color:var(--secondary)}

/* Basket and quote: no inherited olive tint, including saved turnkey packs. */
.basket-item h3,.request-recap h2,.summary h2,.studio-values h2{font-family:inherit;color:var(--ink);font-weight:600;letter-spacing:-.035em}
.basket-item h3{font-size:24px}
.basket-item>strong{color:var(--ink);font-size:18px}
.basket-item>strong small{color:var(--muted);font-size:11px}
.selection-scope{color:var(--muted)!important;font-size:13px!important}
.selection-lines li,.selection-lines b{color:var(--secondary);font-size:13px}
.pack-recap-line{color:var(--ink)!important}
.selected-pack{border-color:var(--border-strong)}
.selected-pack>p,.selected-pack li,.selected-pack details p{color:var(--secondary)!important;font-size:12px!important}
.selected-pack small,.selected-pack summary{color:var(--muted);font-size:12px}
.summary{background:var(--surface-soft);border:1px solid var(--border);border-radius:20px}
.summary h2{font-size:28px;margin-top:0}
.summary>div{border-color:var(--border);color:var(--ink)}
.summary p,.summary>small{color:var(--secondary);font-size:13px}
.summary>small{font-size:11px}
.summary>.btn{white-space:nowrap;font-size:14px;gap:16px}
.summary>.btn>span{margin-left:0}
.text-button,.back-link{color:var(--secondary);font-size:13px}
.request-total{color:var(--ink)}
.form-layout>div>p{font-size:16px;color:var(--secondary)}
.form-layout form{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px}
.form-layout form>label,.form-row>label{font-size:14px;color:var(--ink)}
.form-layout input:not([type=checkbox]),.form-layout textarea,.form-layout select{
  background:var(--canvas);border:1px solid var(--border-strong);border-radius:10px;color:var(--ink);
  padding:12px 14px;margin-top:9px;font-family:inherit;font-size:16px;
}
.form-layout input::placeholder,.form-layout textarea::placeholder{color:var(--muted);font-size:14px}
.form-layout input:focus,.form-layout textarea:focus,.form-layout select:focus{border-color:var(--ink)}
.form-layout .tiny,.form-note{color:var(--muted);font-size:12px}
.request-extra summary,.request-extra summary>span{color:var(--secondary);font-size:12px}
.success-mark{background:var(--ink);color:var(--surface)}
.success p,.empty p{color:var(--secondary)}
.studio-values{background:var(--surface-soft)}
.studio-values article>span,.studio-values p{color:var(--secondary)}
.studio-values p{font-size:14px}

/* Dark material is reserved for the closing brand panel. */
body>footer{background:var(--ink);color:var(--surface);padding-block:64px 32px}
body>footer .footer-top p{color:var(--on-dark)}
body>footer .logo,body>footer .footer-top>a:last-child{color:var(--surface)}
body>footer .footer-bottom{color:var(--on-dark);border-color:#ffffff26;font-size:11px;line-height:1.6}
#toast{background:var(--ink);color:var(--surface);border:1px solid #ffffff26;border-radius:12px}
button:focus-visible,a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}
@media(hover:hover) and (pointer:fine){
  .direction-primary>.btn:hover,.experience-buy .btn:hover,.simple-custom .btn:hover,.product-config .btn.full:hover,.card-purchase .btn:hover,.summary>.btn:hover,.form-layout>form>.btn:hover{background:var(--action-hover);border-color:var(--action-hover)}
  .product-config .btn.is-added:hover{background:var(--border);color:var(--ink);border-color:var(--border-strong)}
  .offer-tabs>button:not([aria-selected=true]):hover{background:#ffffff80}
  .filters button:not(.active):hover{background:var(--surface-soft);color:var(--ink)}
  .experience-pack:hover{border-color:var(--border-strong)}
}
@media(max-width:1000px){.summary{padding:24px}.summary>.btn{font-size:13px;padding-inline:18px}}
@media(max-width:760px){
  .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .filters button{padding:11px 14px;font-size:12px}
  .filters>span{grid-column:1/-1}
  .offer-tabs{padding:4px;gap:4px;border-radius:17px}
  .offer-tabs>button{flex-basis:112px;min-height:112px;border-radius:13px}
  .offer-tabs>button span{font-size:12px}.offer-tabs>button small{font-size:10px}
  .experience-description,.simple-detail .lead{font-size:15px}
  .experience-buy .btn{font-size:13px}
  .experience-pack{padding:16px;margin-top:20px}
  .experience-pack>span,.experience-pack small{font-size:12px}
  .simple-process{gap:24px}.simple-process p{font-size:13px}
  .simple-delivery li,.scope-details li,.scope-details p{font-size:13px}
  .turnkey-choice{padding:16px}
  .turnkey-choice label b,.turnkey-choice label>strong{font-size:13px}
  .turnkey-choice label small,.turnkey-choice .pack-fine-print p{font-size:12px}
  .selection-lines li,.selection-lines b{font-size:12px}
  .basket-item h3{font-size:22px}
  .form-layout form{padding:24px 20px}
  .summary>.btn{font-size:14px}
  .card-purchase .btn{font-size:13px}
  .direction-comparison>span,.direction-comparison>a{font-size:10px}
  body>footer .footer-bottom{font-size:10px}
}

/* Let the content breathe after removing decorative labels and captions. */
body>header{margin-top:20px}
.direction-heading h1{margin-top:0}
.direction-lead{max-width:390px}
.direction-product-caption{margin-top:22px;min-height:44px}
.direction-hero{padding-bottom:44px}
.offer-experience{border-top:1px solid var(--border);padding-top:64px}
.experience-heading{margin-bottom:32px}
.experience-copy h3{margin-top:0}
.experience-visual .experience-device{margin-top:0}
.simple-preview .scope-details{margin-top:24px}
.studio-values h2{margin-top:0}
.direction-product-caption button:active{opacity:.65}
html[data-input=keyboard] .btn:active,html[data-input=keyboard] .direction-dock button:active{transform:none}
@media(prefers-reduced-motion:reduce){
  html[data-input=pointer] .btn:active{background:var(--action-hover);color:var(--surface)}
}
@media(max-width:900px){.direction-lead{max-width:430px}}
@media(max-width:760px){
  body>header{margin-top:12px}
  .direction-hero{padding-top:40px;padding-bottom:36px}
  .direction-lead{max-width:310px}
  .offer-experience{padding-top:44px}
  .experience-copy h3{margin-top:0}
}

.contact-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.simple-request .form-error{color:#b42318;font-size:14px;line-height:1.5;margin:12px 0}
.simple-request [aria-busy="true"] .btn{cursor:wait;opacity:.65}
.footer-bottom nav{display:flex;gap:20px;flex-wrap:wrap}
.footer-bottom nav a{color:inherit}

/* Links to useful supporting pages, within the established type and spacing. */
html[data-design="direction"] .related-pages{max-width:1400px;margin:0 auto;padding:64px clamp(24px,5vw,80px);border-top:1px solid var(--line,#e4e4e7)}
html[data-design="direction"] .related-pages h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.035em;font-weight:600;margin:0 0 28px;color:#1d1d1f}
html[data-design="direction"] .related-pages>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
html[data-design="direction"] .related-pages a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid #dedee2;font-size:15px;line-height:1.5}
html[data-design="direction"] .related-pages a span{flex:none}
@media(max-width:700px){html[data-design="direction"] .related-pages>div{grid-template-columns:1fr;gap:4px}}