:root{--accent:#ff5a47;--accent-2:#ffd24a;--ink:#17171b;--paper:#f6f3ed;--surface:#fff;--muted:#62636a;--line:#d7d3cc;--radius:20px;--max:1240px;--display:Arial,sans-serif;--body:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;overflow-x:hidden}img{display:block;width:100%;max-width:100%;object-fit:cover;background:var(--surface)}a{color:inherit}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px}.skip-link:focus{top:16px}.site-header{position:relative;z-index:20;display:flex;align-items:center;gap:30px;min-height:82px;padding:15px max(22px,calc((100vw - var(--max))/2));background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-weight:800;text-decoration:none;line-height:1}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--accent);color:#fff;border-radius:12px;font-size:13px}.site-nav{margin-left:auto;display:flex;align-items:center;gap:24px}.site-nav a{font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap}.site-nav a[aria-current=page]{color:var(--accent)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.button:disabled{opacity:.45;cursor:not-allowed}.text-link,.footer-enquiry{font-weight:800;text-underline-offset:4px}.nav-toggle{display:none;margin-left:auto;padding:8px 12px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;font-weight:800;color:var(--accent)}h1,h2,h3{font-family:var(--display);line-height:1.02;letter-spacing:-.045em}h1{font-size:clamp(3.2rem,7vw,7.6rem);margin:.16em 0 .25em}h2{font-size:clamp(2.1rem,4vw,4.6rem);margin:.18em 0 .35em}.hero-lead{max-width:680px;font-size:clamp(1rem,1.5vw,1.22rem);color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.section-intro{max-width:760px;margin-bottom:36px}.section-intro>p:last-child{color:var(--muted)}.service-list,.product-shelf,.price-matrix,.tier-list,.journal-list,.package-grid,.stay-list{display:grid;gap:18px}.service-card,.product-card{position:relative;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-number{display:inline-flex;font:700 .72rem/1 var(--mono,monospace);letter-spacing:.08em;color:var(--accent)}.service-card h3,.product-card h3{font-size:1.45rem;margin:20px 0 10px}.service-card p,.product-card p{color:var(--muted)}.card-meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.price{font-family:var(--display);font-size:1.8rem!important;font-weight:800;color:var(--ink)!important}.card-link{font-weight:800}.fact-row{display:grid;grid-template-columns:repeat(3,1fr);max-width:var(--max);margin:0 auto;padding:70px 22px;gap:1px}.fact-row article{padding:28px;background:var(--ink);color:var(--paper)}.fact-row span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;opacity:.7}.fact-row strong{display:block;margin-top:10px;font-family:var(--display);font-size:1.3rem}.gallery-section{max-width:var(--max);margin:0 auto;padding:100px 22px}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.gallery-item{position:relative;min-height:300px;grid-column:span 4;margin:0;overflow:hidden;border-radius:var(--radius);background:var(--surface)}.gallery-item:nth-child(1),.gallery-item:nth-child(4){grid-column:span 8}.gallery-item img{height:100%;min-height:300px;transition:transform .8s ease}.gallery-item:hover img{transform:scale(1.035)}.gallery-item figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;gap:12px;padding:10px 12px;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(12px);border-radius:12px;font-size:.78rem;font-weight:700}.gallery-controls{display:none;align-items:center;gap:12px;margin-top:20px}.gallery-controls button{width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;background:transparent;color:inherit}.gallery-controls span{font:600 .8rem/1 var(--mono,monospace)}.closing-card,.scope-note,.equipment-note,.registered-activity{max-width:var(--max);margin:70px auto;padding:70px;background:var(--ink);color:var(--paper);border-radius:var(--radius)}.closing-card h2,.scope-note h2{max-width:900px}.site-footer{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:42px;padding:72px max(22px,calc((100vw - var(--max))/2));background:var(--ink);color:var(--paper)}.site-footer h2{font:800 .72rem/1 var(--body);text-transform:uppercase;letter-spacing:.14em}.site-footer a,.site-footer .link-button{display:block;margin:8px 0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.footer-brand>strong{font-family:var(--display);font-size:1.4rem}.legal-facts{font-size:.8rem;opacity:.78}.inner-hero{max-width:var(--max);margin:0 auto;padding:110px 22px 70px}.inner-hero h1{max-width:1050px}.inner-hero>p:last-child{max-width:720px;color:var(--muted);font-size:1.1rem}.about-layout,.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:var(--max);margin:0 auto;padding:50px 22px 100px}.about-image img,.contact-layout aside>img{height:520px;border-radius:var(--radius)}.company-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:var(--max);margin:0 auto;padding:20px 22px 80px}.company-facts article{padding:24px;border:1px solid var(--line);border-radius:var(--radius)}.company-facts span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.company-facts strong{display:block;margin-top:10px}.service-page,.product-page{max-width:var(--max);margin:0 auto;padding:20px 22px 100px}.service-page .service-list,.product-page .product-shelf{grid-template-columns:repeat(3,1fr)}.service-route,.price-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:90px max(22px,calc((100vw - var(--max))/2));background:var(--surface)}.service-route article,.price-explainer article{border-top:3px solid var(--accent);padding-top:20px}.service-route span{color:var(--accent);font:700 .8rem/1 var(--mono,monospace)}.service-route h2,.price-explainer h2{font-size:1.7rem}.contact-layout{align-items:start}.contact-layout aside ul{padding-left:20px}.contact-methods{display:grid;gap:8px}.enquiry-form{padding:38px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.field-row{display:grid;gap:7px;margin-bottom:18px}.field-row label{font-weight:800}.field-row label span{font-weight:400;color:var(--muted)}input,select,textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);border-color:var(--accent)}.privacy-check{display:flex;gap:10px;align-items:flex-start;margin:22px 0}.privacy-check input{width:auto;margin-top:6px}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.form-help{font-size:.78rem;color:var(--muted)}.legal-page{max-width:820px;margin:0 auto;padding:110px 22px}.legal-page h1{font-size:clamp(3rem,7vw,6rem)}.legal-page h2{font-size:1.7rem;margin-top:2em}.legal-page p{color:var(--muted)}.cookie-banner{position:fixed;z-index:90;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:920px;margin:auto;padding:20px 22px;border:1px solid var(--accent);border-radius:18px;background:var(--ink);color:var(--paper);box-shadow:0 25px 80px #0006}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:.25em 0}.cookie-actions{display:flex;gap:10px;flex:0 0 auto}.cookie-actions button{padding:9px 14px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit}.cookie-actions button:last-child{background:var(--accent);border-color:var(--accent);color:#fff}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none} :root{--accent:#ff5a47;--accent-2:#ffd84d;--ink:#17171b;--paper:#f4f0e8;--surface:#fff;--line:#242329;--radius:10px;--display:"Space Grotesk",sans-serif;--body:"Inter",sans-serif}.shop-ribbon{padding:8px 20px;background:var(--ink);color:#fff;text-align:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.13em}.header-signal{border-bottom:2px solid var(--ink)}.retail-hero{display:grid;grid-template-columns:.85fr 1.15fr;min-height:720px;max-width:var(--max);margin:auto;padding:64px 22px;align-items:center;gap:60px}.device-stage{position:relative}.device-stage .hero-image{height:600px;border:3px solid var(--ink);box-shadow:16px 16px 0 var(--accent);transform:rotate(1.4deg)}.signal-orbit{position:absolute;z-index:2;top:-18px;right:-15px;padding:12px;background:var(--accent-2);border:2px solid var(--ink);font-size:.68rem;font-weight:900;transform:rotate(4deg);animation:signalBob 3s ease-in-out infinite}.price-float{position:absolute;left:-28px;bottom:35px;display:grid;padding:18px 22px;background:var(--ink);color:#fff;border-radius:10px;animation:signalBob 3.6s ease-in-out infinite reverse}.price-float span{font-size:.68rem;text-transform:uppercase}.price-float strong{font-size:1.45rem}.category-marquee,.creative-marquee{overflow:hidden;border-block:2px solid var(--ink);background:var(--accent-2)}.category-marquee div{width:max-content;padding:14px 0;font-weight:900;letter-spacing:.08em;animation:signalTicker 24s linear infinite}.retail-intro,.retail-services,.retail-products{max-width:var(--max);margin:auto;padding:100px 22px}.retail-intro{display:grid;grid-template-columns:.3fr 1fr;gap:45px;border-bottom:1px solid var(--ink)}.retail-intro h2{max-width:930px}.section-number{font:700 .8rem/1 monospace}.retail-services .service-list{grid-template-columns:repeat(2,1fr)}.service-retail{display:grid;grid-template-columns:54px 1fr;gap:0 20px;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--accent-2)}.service-retail .card-number{grid-row:1/5;font-size:1.2rem}.product-shelf{grid-template-columns:repeat(3,1fr)}.product-shelf .product-card{border:2px solid var(--ink)}.product-shelf .product-card:nth-child(2n){background:var(--accent-2)}.gallery-filmstrip .gallery-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.gallery-filmstrip .gallery-item{flex:0 0 47%;scroll-snap-align:start}.gallery-filmstrip .gallery-item:nth-child(n){min-height:430px}.signal-closing{border:3px solid var(--ink);box-shadow:15px 15px 0 var(--accent)}@keyframes signalBob{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes signalTicker{to{transform:translateX(-50%)}} :root{--brand:var(--body);--heading-tracking:-.035em;--heading-leading:1.04;--accent-text:var(--accent);--muted-text:var(--muted);--on-accent:#071018;--strong-panel:#070d14;--on-strong:#f7f9fc;--on-strong-muted:#cbd5e1} body{font-synthesis:none} .brand{gap:13px;font-family:var(--brand);font-size:1rem;font-weight:800;letter-spacing:-.02em;line-height:1.05;white-space:nowrap} .brand-mark{display:block;flex:0 0 auto;width:50px;height:50px;padding:2px;object-fit:contain;background:transparent!important;border:0!important;border-radius:0;font-size:0} .site-nav,.header-cta,.button,.eyebrow{font-family:var(--body)} .site-nav a,.header-cta,.button{letter-spacing:-.012em} h1,h2,h3{line-height:var(--heading-leading);letter-spacing:var(--heading-tracking);text-wrap:balance} h3{line-height:1.12;letter-spacing:-.025em} .footer-brand>strong{font-family:var(--brand);letter-spacing:-.02em} .fact-row strong{font-family:var(--body);letter-spacing:-.02em} html[data-theme="signal"]{--brand:"Space Grotesk",sans-serif;--heading-tracking:-.045em;--heading-leading:1.01;--accent-text:#98291f;--muted-text:#4d4e55;--on-accent:#071018} html[data-theme="towline"]{--brand:"Inter",sans-serif;--heading-tracking:.005em;--heading-leading:.92;--on-accent:#071018} html[data-theme="datagrid"]{--brand:"Manrope",sans-serif;--heading-tracking:-.045em;--heading-leading:1.02;--accent-text:#00675f;--muted-text:#3f5b61;--on-accent:#071018} html[data-theme="vault"]{--brand:"Sora",sans-serif;--heading-tracking:-.045em;--heading-leading:1.02;--on-accent:#071018} html[data-theme="atelier"]{--brand:"Cormorant Garamond",serif;--heading-tracking:-.022em;--heading-leading:.98;--accent-text:#873728;--muted-text:#4b5a51;--on-accent:#fff} html[data-theme="flow"]{--brand:"DM Sans",sans-serif;--heading-tracking:-.05em;--heading-leading:1.01;--accent-text:#0757b5;--muted-text:#465b74;--on-accent:#071018} html[data-theme="freshgrid"]{--brand:"Outfit",sans-serif;--heading-tracking:-.05em;--heading-leading:1.01;--accent-text:#086348;--muted-text:#405f58;--on-accent:#071018} html[data-theme="network"]{--brand:"IBM Plex Sans",sans-serif;--heading-tracking:-.04em;--heading-leading:1.01;--on-accent:#071018} html[data-theme="garage"]{--brand:"Work Sans",sans-serif;--heading-tracking:.005em;--heading-leading:.9;--accent-text:#9c1640;--muted-text:#514a57;--on-accent:#071018} html[data-theme="retreat"]{--brand:"Fraunces",serif;--heading-tracking:-.018em;--heading-leading:1;--accent-text:#74431d;--muted-text:#4a5a50;--on-accent:#fff} html[data-theme="towline"] h2,html[data-theme="towline"] h3{font-family:var(--body);line-height:1.08;letter-spacing:-.028em} html[data-theme="garage"] h2,html[data-theme="garage"] h3{font-family:var(--body);line-height:1.04;letter-spacing:-.045em} html[data-theme="flow"] .service-card h3,html[data-theme="flow"] .product-card h3{font-family:var(--body);letter-spacing:-.025em} .header-atelier .brand{font-size:1.35rem;font-weight:600} .header-garage .brand{font-size:1.05rem;font-weight:800} .header-towline .brand-mark,.header-vault .brand-mark,.header-network .brand-mark,.header-garage .brand-mark{padding:1px;background:transparent!important;border-radius:0;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 3px #ffffff66)} .site-nav a[aria-current=page],.eyebrow,.card-number,.service-route span,.scope-grid span,.triage-strip span,.status-dot,.chapter,.creative-method span{color:var(--accent-text)} .hero-lead,.section-intro>p:last-child,.service-card p,.product-card p,.inner-hero>p:last-child,.company-facts span,.field-row label span,.form-help,.legal-page p{color:var(--muted-text)} .skip-link,.fact-row article,.closing-card,.scope-note,.equipment-note,.registered-activity,.site-footer{color:var(--on-strong)} .closing-card .eyebrow,.scope-note .eyebrow,.equipment-note .eyebrow,.registered-activity .eyebrow{color:var(--on-strong)} .cookie-banner{background:var(--strong-panel);color:var(--on-strong)} .cookie-banner strong{color:#fff} .cookie-banner p{color:var(--on-strong-muted)} .cookie-actions button{color:var(--on-strong);border-color:#64748b} .header-cta,.button,.cookie-actions button:last-child{color:var(--on-accent)} input,select,textarea{color:inherit} input::placeholder,textarea::placeholder{color:var(--muted);opacity:1} html[data-theme="towline"] .price{color:#f4f7fa!important} html[data-theme="vault"] .price{color:var(--accent)!important} html[data-theme="network"] .price{color:var(--accent-2)!important} html[data-theme="datagrid"] .product-matrix p{color:var(--on-strong-muted)} html[data-theme="datagrid"] .product-matrix .card-number{color:var(--accent-2)} html[data-theme="datagrid"] .data-care{color:var(--on-accent)} html[data-theme="datagrid"] .data-care .eyebrow{color:var(--on-accent)} html[data-theme="atelier"] .colour-notes span{color:#172019} html[data-theme="atelier"] .colour-notes span:nth-child(1),html[data-theme="atelier"] .colour-notes span:nth-child(3){color:#fff} html[data-theme="flow"] .service-flow .card-number,html[data-theme="flow"] .flow-steps b{color:var(--on-accent)} html[data-theme="freshgrid"] .product-equipment:nth-child(n+5) p{color:var(--on-strong-muted)} html[data-theme="freshgrid"] .product-equipment:nth-child(n+5) .card-number{color:var(--accent-2)} html[data-theme="garage"] .header-garage .site-nav a[aria-current=page]{color:var(--accent-2)} html[data-theme="garage"] .package-wall .eyebrow{color:#fff} .gallery-item:nth-child(5),.gallery-item:nth-child(8){grid-column:span 8} .inner-hero{position:relative;isolation:isolate;overflow:hidden} .inner-hero:after{content:"";position:absolute;z-index:-1;pointer-events:none} html[data-theme="signal"] .inner-hero:after{right:5%;top:22%;width:190px;height:190px;border:3px solid var(--ink);background:var(--accent-2);box-shadow:18px 18px 0 var(--accent);transform:rotate(8deg)} html[data-theme="towline"] .inner-hero{border-bottom:1px solid var(--line)} html[data-theme="towline"] .inner-hero:after{inset:0 0 0 58%;background:repeating-linear-gradient(135deg,transparent 0 18px,#ffcf0019 18px 36px)} html[data-theme="datagrid"] .inner-hero{border-radius:0 0 48px 48px;background:radial-gradient(circle at 85% 30%,#00bcae20 0 5px,transparent 6px),linear-gradient(120deg,#dffaf4,transparent 60%);background-size:28px 28px,auto} html[data-theme="vault"] .inner-hero{border-bottom:1px solid var(--line);background:linear-gradient(110deg,#101f42 0 44%,transparent 44%)} html[data-theme="vault"] .inner-hero:after{right:7%;bottom:15%;width:230px;height:130px;border:1px solid var(--accent);clip-path:polygon(0 0,88% 0,100% 20%,100% 100%,0 100%)} html[data-theme="atelier"] .inner-hero:after{right:7%;top:5%;width:280px;height:280px;border:1px solid var(--accent);border-radius:50% 50% 0 0;background:linear-gradient(140deg,#d8bea255,transparent)} html[data-theme="flow"] .inner-hero:after{right:-6%;top:10%;width:410px;height:240px;border-radius:52% 48% 32% 68%;background:#4ec3ff35;transform:rotate(-12deg)} html[data-theme="freshgrid"] .inner-hero{background:linear-gradient(90deg,transparent 0 70%,#dff7ec 70%)} html[data-theme="freshgrid"] .inner-hero:after{right:7%;top:30%;width:170px;height:170px;border:18px solid #a8ffd9;border-radius:50%;box-shadow:0 0 0 2px var(--ink)} html[data-theme="network"] .inner-hero{border-bottom:1px solid var(--line);background-image:linear-gradient(90deg,transparent 49.8%,#53a8ff14 50%,transparent 50.2%)} html[data-theme="network"] .inner-hero:after{right:8%;top:20%;width:170px;height:170px;border:1px solid var(--accent);box-shadow:28px 28px 0 -1px var(--paper),28px 28px 0 var(--accent-2)} html[data-theme="garage"] .inner-hero{background:#ffe14a;border-bottom:4px solid var(--ink)} html[data-theme="garage"] .inner-hero:after{right:7%;top:16%;width:190px;height:190px;border:4px solid var(--ink);border-radius:50%;background:#ef476f;box-shadow:12px 12px 0 #603fd5} html[data-theme="retreat"] .inner-hero{background:linear-gradient(90deg,#f2eadb,transparent)} html[data-theme="retreat"] .inner-hero:after{right:5%;top:0;width:36%;height:100%;background:linear-gradient(135deg,transparent 45%,#9a623522 45% 46%,transparent 46%)} .service-page-signal .service-list{grid-template-columns:repeat(2,1fr)} .service-page-signal .service-card:nth-child(even){transform:translateY(42px)} .service-page-towline .service-list{grid-template-columns:1fr 1fr} .service-page-towline .service-card{border-left:6px solid var(--accent);border-radius:0} .service-page-datagrid .service-list{grid-template-columns:repeat(2,1fr)} .service-page-datagrid .service-card:nth-child(3n){grid-column:span 2;display:grid;grid-template-columns:70px 1fr 1fr;gap:22px;align-items:center} .service-page-vault .service-list{grid-template-columns:1fr} .service-page-vault .service-card{display:grid;grid-template-columns:90px 1fr 1.1fr auto;gap:24px;align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line)} .service-page-vault .service-card h3,.service-page-vault .service-card p{margin:0} .service-page-atelier .service-list{grid-template-columns:repeat(2,1fr);gap:45px} .service-page-atelier .service-card{min-height:300px;padding-top:55px;background:transparent;border:0;border-top:1px solid var(--accent)} .service-page-flow .service-list{grid-template-columns:repeat(12,1fr)} .service-page-flow .service-card{grid-column:span 5}.service-page-flow .service-card:nth-child(3n+2){grid-column:span 7} .service-page-freshgrid .service-list{grid-template-columns:repeat(12,1fr)} .service-page-freshgrid .service-card{grid-column:span 4}.service-page-freshgrid .service-card:nth-child(4n+1){grid-column:span 8} .service-page-network .service-list{grid-template-columns:1fr} .service-page-network .service-card{display:grid;grid-template-columns:85px 1fr 1.2fr auto;gap:25px;align-items:center;background:#111923;border-top:2px solid var(--accent)} .service-page-network .service-card h3,.service-page-network .service-card p{margin:0} .service-page-garage .service-list{grid-template-columns:1fr 1fr;gap:28px} .service-page-garage .service-card:nth-child(odd){transform:rotate(-1deg)}.service-page-garage .service-card:nth-child(even){transform:rotate(1deg) translateY(24px)} .service-page-retreat .service-list{grid-template-columns:repeat(2,1fr);gap:45px} .service-page-retreat .service-card{min-height:280px;background:transparent;border:0;border-bottom:1px solid var(--accent)} .contact-layout aside{position:relative} .contact-layout aside:before{content:"";position:absolute;z-index:-1;inset:35px -25px -25px 35px;border:1px solid var(--accent)} html[data-theme="vault"] .contact-layout aside:before,html[data-theme="network"] .contact-layout aside:before{border-style:dashed} .enquiry-form{box-shadow:0 30px 80px #050b1512} html[data-theme="towline"] .enquiry-form,html[data-theme="network"] .enquiry-form{box-shadow:12px 12px 0 var(--accent)} html[data-theme="garage"] .enquiry-form{border-width:4px;box-shadow:12px 12px 0 #603fd5} html[data-theme="datagrid"] .gallery-diagnostic .gallery-item:nth-child(1){grid-column:span 7}.gallery-diagnostic .gallery-item:nth-child(2){grid-column:span 5} html[data-theme="vault"] .gallery-vault .gallery-item:nth-child(1){grid-column:span 5;min-height:480px}.gallery-vault .gallery-item:nth-child(2){grid-column:span 7} .service-media{display:grid;grid-template-columns:1.18fr .82fr;gap:22px;align-items:stretch;max-width:var(--max);margin:20px auto 90px;padding:0 22px} .service-media figure{position:relative;min-height:520px;margin:0;overflow:hidden;background:var(--surface)} .service-media figure:nth-child(2){min-height:410px;align-self:end} .service-media img{width:100%;height:100%;min-height:inherit;object-fit:cover} .service-media figcaption{position:absolute;left:22px;right:22px;bottom:22px;display:grid;gap:4px;padding:18px 20px;background:color-mix(in srgb,var(--paper) 90%,transparent);color:var(--ink);backdrop-filter:blur(16px)} .service-media figcaption span{font:800 .7rem/1 var(--mono,monospace);letter-spacing:.12em;color:var(--accent-text)} .service-media figcaption strong{font-family:var(--display);font-size:1.35rem}.service-media figcaption p{margin:0;color:var(--muted-text);font-size:.85rem} .service-media-signal{gap:38px}.service-media-signal figure{border:3px solid var(--ink);box-shadow:13px 13px 0 var(--accent-2);transform:rotate(-1deg)}.service-media-signal figure:nth-child(2){box-shadow:13px 13px 0 var(--accent);transform:rotate(2deg)} .service-media-towline{grid-template-columns:.78fr 1.22fr;max-width:none;padding-inline:max(22px,calc((100vw - var(--max))/2));background:linear-gradient(90deg,var(--accent) 0 17%,transparent 17%);padding-block:55px}.service-media-towline figure{border-left:8px solid var(--accent);clip-path:polygon(0 0,100% 0,94% 100%,0 100%)} .service-media-datagrid figure{border:1px solid var(--line);border-radius:38px 120px 38px 38px;padding:12px;box-shadow:0 30px 70px #006b6120}.service-media-datagrid figure:nth-child(2){border-radius:120px 38px 38px}.service-media-datagrid img{border-radius:28px 108px 28px 28px} .service-media-vault{gap:1px}.service-media-vault figure{border:1px solid var(--line);clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,0 100%);filter:saturate(.72)}.service-media-vault figure:nth-child(2){transform:translateY(45px)}.service-media-vault figcaption{background:#071127e8;color:#fff;border-left:3px solid var(--accent)} .service-media-atelier{grid-template-columns:.72fr 1.28fr;gap:70px}.service-media-atelier figure{border-radius:50% 50% 0 0}.service-media-atelier figure:nth-child(2){margin-top:110px;border-radius:0;box-shadow:-24px -24px 0 var(--surface)}.service-media-atelier figcaption{font-family:var(--body)} .service-media-flow{grid-template-columns:1fr 1fr;gap:70px}.service-media-flow figure{border-radius:48% 52% 35% 65%;box-shadow:0 0 0 18px #d9efff}.service-media-flow figure:nth-child(2){border-radius:26% 74% 62% 38%;box-shadow:0 0 0 18px #ffd9d3}.service-media-flow figcaption{border-radius:24px} .service-media-freshgrid{grid-template-columns:1.25fr .75fr;background:linear-gradient(120deg,#d7f4eb 0 64%,var(--accent-2) 64%);padding-block:45px}.service-media-freshgrid figure{border-radius:20px}.service-media-freshgrid figure:nth-child(2){transform:translate(-24px,42px);border-radius:20px 120px 20px 20px;box-shadow:10px 10px 0 var(--ink)} .service-media-network{gap:14px;padding:14px;border:1px solid var(--accent);background:#101a25}.service-media-network figure{border:1px solid var(--line);padding:8px}.service-media-network figure:before{content:"MEDIA_NODE";position:absolute;z-index:2;top:18px;left:18px;padding:6px 8px;background:var(--paper);color:var(--accent-2);font:600 .65rem/1 var(--mono)}.service-media-network figcaption{background:#0d1117e8;color:#fff;border:1px solid var(--accent)} .service-media-garage{grid-template-columns:1fr 1fr;gap:42px;padding-block:45px;background:#ffe14a}.service-media-garage figure{border:4px solid var(--ink);box-shadow:12px 12px 0 #603fd5;transform:rotate(-2deg)}.service-media-garage figure:nth-child(2){transform:rotate(3deg) translateY(40px);box-shadow:12px 12px 0 var(--accent)} .service-media-retreat{grid-template-columns:1.35fr .65fr;gap:0;padding:0;max-width:var(--max)}.service-media-retreat figure{min-height:620px}.service-media-retreat figure:nth-child(2){min-height:470px;margin:75px 0 0 -55px;border:14px solid var(--paper)}.service-media-retreat figcaption{background:#fffdf8e8;border-bottom:2px solid var(--accent)} @media(max-width:1000px){.site-header{flex-wrap:wrap}.nav-toggle{display:block}.site-nav{display:none;order:5;width:100%;margin:0;flex-direction:column;align-items:flex-start;gap:0;padding:10px 0}.site-nav.open{display:flex}.site-nav a{width:100%;padding:9px 0}.header-cta{display:none}.header-atelier{display:flex}.header-atelier .atelier-rule{display:none}.header-garage{display:flex}.garage-mast{width:100%}.retail-hero,.dispatch-hero,.diagnostic-hero,.forensic-hero,.editorial-hero,.flow-hero,.clean-hero,.network-hero,.creative-hero,.retreat-hero{grid-template-columns:1fr;min-height:auto}.retail-hero,.diagnostic-hero,.forensic-hero,.editorial-hero,.flow-hero,.clean-hero,.network-hero,.creative-hero{padding-top:50px}.dispatch-visual{order:2}.dispatch-copy{padding:55px 22px}.dispatch-visual .hero-image,.device-stage .hero-image,.diagnostic-panel img,.forensic-media img,.editorial-hero img,.flow-visual img,.clean-photo img{height:500px}.dispatch-visual:after{background:linear-gradient(0deg,var(--paper),transparent 35%)}.retreat-image img{height:620px}.retreat-copy{padding:60px 24px 80px}.creative-title h1{font-size:clamp(4.5rem,14vw,8rem)}.creative-collage{min-height:520px}.creative-hero .hero-actions{grid-column:auto}.topology-card{height:560px}.retail-intro,.dispatch-board,.diagnostic-intro,.incident-command,.tier-stack,.atelier-intro,.cost-journal,.flow-intro,.clean-intro,.network-intro,.manifesto,.package-wall,.retreat-intro,.stay-options,.local-journal{grid-template-columns:1fr;gap:35px}.retail-services .service-list,.recovery-services .service-list,.media-services .service-list,.recovery-index .service-list,.atelier-services .service-list,.issue-board .service-list,.network-services .service-list,.creative-services .service-list{grid-template-columns:1fr 1fr}.clean-services .service-list{grid-template-columns:1fr 1fr}.service-clean,.service-clean:nth-child(n){grid-column:auto}.product-shelf,.price-matrix,.equipment-market .product-shelf,.cost-cards .product-shelf{grid-template-columns:1fr 1fr}.scope-grid,.chain-row{grid-template-columns:1fr 1fr}.about-layout,.contact-layout{grid-template-columns:1fr}.service-page .service-list,.product-page .product-shelf{grid-template-columns:1fr 1fr}.company-facts{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr 1fr}.gallery-item:nth-child(n){grid-column:span 6}.gallery-item:nth-child(1){grid-column:span 12}.gallery-editorial .gallery-grid,.gallery-retreat .gallery-grid{grid-template-rows:auto}.gallery-editorial .gallery-item:nth-child(n),.gallery-retreat .gallery-item:nth-child(n){grid-column:span 6;grid-row:auto}.gallery-editorial .gallery-item:nth-child(1),.gallery-retreat .gallery-item:nth-child(1){grid-column:span 12}.network-checklist div{grid-template-columns:1fr}.colour-notes{grid-template-columns:repeat(5,1fr)}.colour-notes span{height:80px}.clean-standards{margin-inline:22px}.local-journal{margin-block:60px}} @media(max-width:620px){body{font-size:15px}h1{font-size:clamp(3rem,16vw,5rem)}h2{font-size:clamp(2rem,11vw,3.5rem)}.dispatch-strip,.console-strip,.network-status{gap:12px;overflow:auto;white-space:nowrap}.site-header{min-height:70px;padding:12px 16px}.brand-mark{width:38px;height:38px}.retail-hero,.diagnostic-hero,.forensic-hero,.editorial-hero,.flow-hero,.clean-hero,.network-hero,.creative-hero{padding:42px 16px}.device-stage .hero-image,.dispatch-visual .hero-image,.diagnostic-panel img,.forensic-media img,.editorial-hero img,.flow-visual img,.clean-photo img{height:360px}.price-float{left:8px}.dispatch-copy{padding:45px 16px}.dispatch-copy h1{font-size:clamp(4rem,18vw,6rem)}.dispatch-copy dl{grid-template-columns:1fr}.clean-score{left:8px}.topology-card{height:480px}.node{width:72px;height:72px}.creative-collage{min-height:430px}.creative-collage img{height:300px}.sticker{width:90px;height:90px;font-size:1.2rem}.retreat-image img{height:480px}.retail-intro,.retail-services,.retail-products,.dispatch-board,.recovery-services,.rates-board,.diagnostic-intro,.media-services,.diagnostic-prices,.incident-command,.recovery-index,.tier-stack,.atelier-intro,.atelier-services,.cost-journal,.flow-intro,.issue-board,.cost-cards,.clean-intro,.clean-services,.equipment-market,.network-intro,.network-services,.hardware-table,.manifesto,.creative-services,.package-wall,.retreat-intro,.stay-services,.stay-options{padding:70px 16px}.retail-services .service-list,.recovery-services .service-list,.media-services .service-list,.recovery-index .service-list,.atelier-services .service-list,.issue-board .service-list,.clean-services .service-list,.network-services .service-list,.creative-services .service-list,.product-shelf,.price-matrix,.package-grid,.equipment-market .product-shelf,.cost-cards .product-shelf{grid-template-columns:1fr}.scope-grid,.triage-strip,.dispatch-process,.chain-row,.flow-steps,.creative-method,.service-route,.price-explainer{grid-template-columns:1fr;padding-inline:16px}.service-retail{grid-template-columns:38px 1fr}.gallery-section{padding:70px 16px}.gallery-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.gallery-item:nth-child(n){flex:0 0 88%;min-height:430px;scroll-snap-align:start}.gallery-carousel .gallery-grid{display:block}.gallery-filmstrip .gallery-item{flex-basis:88%}.gallery-controls{display:flex}.rate-list,.tier-list,.journal-list,.stay-list{grid-template-columns:1fr}.product-rates,.product-tiers,.product-journal,.product-stay,.product-hardware{grid-template-columns:1fr;align-items:start;gap:5px}.product-rates p:not(.price),.product-tiers p:not(.price),.product-journal p:not(.price),.product-stay p:not(.price){display:block}.fact-row,.company-facts,.site-footer{grid-template-columns:1fr}.fact-row{gap:1px}.about-layout,.contact-layout{padding-inline:16px}.about-image img,.contact-layout aside>img{height:360px}.service-page .service-list,.product-page .product-shelf{grid-template-columns:1fr}.closing-card,.scope-note,.equipment-note,.registered-activity{margin:35px 14px;padding:40px 24px}.cookie-banner{align-items:stretch;flex-direction:column;left:10px;right:10px;bottom:10px}.cookie-actions{display:grid}.cookie-actions button{width:100%}.colour-notes span{font-size:0}.finish-process{flex-wrap:wrap}.finish-process i{width:25px}.network-readout{overflow:auto;justify-content:flex-start}.network-readout span{min-width:120px}.clean-standards{margin-inline:16px;padding:35px 24px}.local-journal{padding-inline:16px}.local-journal img{height:420px}} @media(max-width:620px){.flow-visual{overflow:hidden}.gallery-collage .gallery-grid{transform:none}.creative-marquee{max-width:100vw}.creative-marquee div{width:100%;overflow:hidden;white-space:nowrap;animation:none}} @media(max-width:1000px){.service-page-flow .service-card,.service-page-freshgrid .service-card,.service-page-datagrid .service-card:nth-child(3n){grid-column:auto}.service-page-vault .service-card,.service-page-network .service-card{grid-template-columns:60px 1fr}.service-page-vault .service-card p,.service-page-network .service-card p{grid-column:2}} @media(max-width:1000px){.service-media{grid-template-columns:1fr 1fr;gap:20px;padding-inline:22px}.service-media figure,.service-media figure:nth-child(2){min-height:430px;margin:0;transform:none}.service-media-freshgrid figure:nth-child(2),.service-media-retreat figure:nth-child(2){margin:0;transform:none}} @media(max-width:620px){.service-page-signal .service-card:nth-child(n),.service-page-garage .service-card:nth-child(n){transform:none}.service-page-vault .service-card,.service-page-network .service-card,.service-page-datagrid .service-card:nth-child(3n){display:block}.inner-hero:after{opacity:.18}.contact-layout aside:before{display:none}.diagnostic-panel:before{right:4px;top:68px}.service-media{grid-template-columns:1fr;margin-bottom:55px;padding:18px 16px;background:none}.service-media figure,.service-media figure:nth-child(2){min-height:390px;border-radius:16px;clip-path:none}.service-media figcaption{left:10px;right:10px;bottom:10px;padding:14px}.service-media-flow figure,.service-media-flow figure:nth-child(2){box-shadow:none}.service-media-retreat figure:nth-child(2){border:0}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}} /* Ten unrelated art directions. The shared markup exists only for Site Manager compatibility. */ /* 01 — FoneRevive: colourful high-street product catalogue */ html[data-theme="signal"] .header-signal { display: grid; grid-template-columns: 1fr auto 1fr; min-height: 104px; background: #fffdf7; border: 0; border-bottom: 3px solid var(--ink); } html[data-theme="signal"] .header-signal .brand { font-size: 1.35rem; } html[data-theme="signal"] .header-signal .brand-mark { width: 58px; height: 58px; border: 2px solid var(--ink); border-radius: 50%; box-shadow: 4px 4px 0 var(--accent-2); } html[data-theme="signal"] .header-signal .site-nav { margin: 0; padding: 7px; border: 2px solid var(--ink); border-radius: 999px; background: #fff; gap: 0; } html[data-theme="signal"] .header-signal .site-nav a { padding: 9px 13px; border-radius: 999px; } html[data-theme="signal"] .header-signal .site-nav a[aria-current=page] { background: var(--ink); color: #fff; } html[data-theme="signal"] .header-signal .header-cta { justify-self: end; border: 2px solid var(--ink); border-radius: 8px; box-shadow: 5px 5px 0 var(--accent-2); } html[data-theme="signal"] .retail-hero { max-width: none; grid-template-columns: minmax(330px,.72fr) minmax(600px,1.28fr); min-height: 780px; padding: 55px max(28px,calc((100vw - 1420px)/2)); background: linear-gradient(115deg,#fff8e8 0 47%,#ff6b57 47% 72%,#ffd84d 72%); } html[data-theme="signal"] .retail-copy h1 { max-width: 720px; font-size: clamp(4.3rem,7.2vw,8.6rem); line-height: .86; } html[data-theme="signal"] .retail-proof { display: flex; gap: 8px; margin-top: 42px; } html[data-theme="signal"] .retail-proof span { padding: 8px 12px; border: 2px solid var(--ink); background: #fff; font: 800 .68rem/1 var(--body); } html[data-theme="signal"] .device-stage { height: 650px; min-width: 0; } html[data-theme="signal"] .device-stage figure { position: absolute; margin: 0; border: 3px solid var(--ink); background: #fff; overflow: hidden; } html[data-theme="signal"] .device-stage figure img { height: 100%; object-fit: cover; box-shadow: none; transform: none; } html[data-theme="signal"] .device-stage figcaption { position: absolute; left: 10px; bottom: 10px; padding: 7px 10px; background: #fff; border: 2px solid var(--ink); font: 900 .68rem/1 var(--body); text-transform: uppercase; } html[data-theme="signal"] .device-main { inset: 18px 11% 20px 18%; transform: rotate(1.3deg); box-shadow: 14px 14px 0 var(--ink); } html[data-theme="signal"] .device-tile { width: 210px; height: 230px; z-index: 3; } html[data-theme="signal"] .device-tile-a { left: -25px; bottom: 18px; transform: rotate(-7deg); box-shadow: 9px 9px 0 var(--accent-2); } html[data-theme="signal"] .device-tile-b { right: -5px; top: 6px; transform: rotate(6deg); box-shadow: 9px 9px 0 #fff; } html[data-theme="signal"] .price-float { z-index: 5; left: auto; right: 0; bottom: 45px; width: 132px; height: 132px; place-content: center; text-align: center; border: 2px solid #fff; border-radius: 50%; transform: rotate(6deg); } html[data-theme="signal"] .footer-signal { background: #ff5a47; color: #17171b; border-top: 3px solid var(--ink); } /* 02 — AJR: roadside dispatch board with permanent vertical rail */ @media (min-width:1001px) { html[data-theme="towline"] body { padding-left: 250px; } html[data-theme="towline"] .dispatch-strip { position: fixed; z-index: 45; left: 0; top: 0; width: 250px; height: 38px; justify-content: center; align-items: center; padding: 0; } html[data-theme="towline"] .dispatch-strip span:not(:first-child) { display: none; } html[data-theme="towline"] .header-towline { position: fixed; z-index: 44; left: 0; top: 38px; bottom: 0; width: 250px; display: flex; flex-direction: column; align-items: stretch; padding: 32px 24px; border: 0; border-right: 1px solid var(--line); } html[data-theme="towline"] .header-towline .brand { font-size: 1.25rem; } html[data-theme="towline"] .header-towline .brand-mark { width: 62px; height: 62px; border-radius: 0; } html[data-theme="towline"] .header-towline .site-nav { margin: 55px 0 0; display: flex; flex-direction: column; align-items: stretch; gap: 0; } html[data-theme="towline"] .header-towline .site-nav a { padding: 14px 0; border-bottom: 1px solid var(--line); font-family: var(--display); font-size: 1.15rem; text-transform: uppercase; letter-spacing: .03em; } html[data-theme="towline"] .header-towline .header-cta { margin-top: auto; border-radius: 0; color: #111; text-align: center; } } html[data-theme="towline"] .dispatch-hero { min-height: 860px; grid-template-columns: minmax(0,1.35fr) minmax(390px,.65fr); } html[data-theme="towline"] .dispatch-copy { background: repeating-linear-gradient(135deg,#0d151d 0 24px,#111b25 24px 48px); } html[data-theme="towline"] .dispatch-copy h1 { font-size: clamp(5rem,8.8vw,10.5rem); line-height: .76; } html[data-theme="towline"] .dispatch-visual .hero-image { height: 860px; } html[data-theme="towline"] .footer-towline { border-top: 10px solid var(--accent); } /* 03 — Data Recovery Hub: bright clinical lab dashboard */ html[data-theme="datagrid"] body { background-image: radial-gradient(#00bcae20 1px,transparent 1px); background-size: 24px 24px; } html[data-theme="datagrid"] .header-datagrid { max-width: 1120px; min-height: 72px; padding-inline: 18px 10px; box-shadow: 0 18px 60px #006f6514; } html[data-theme="datagrid"] .diagnostic-hero { display: flex; flex-direction: column; max-width: 1400px; min-height: 0; padding: 90px 28px 50px; text-align: center; } html[data-theme="datagrid"] .diagnostic-copy { max-width: 1050px; padding: 0; border: 0; } html[data-theme="datagrid"] .diagnostic-copy h1 { font-size: clamp(4rem,8vw,9rem); line-height: .88; } html[data-theme="datagrid"] .diagnostic-copy .hero-lead { margin-inline: auto; } html[data-theme="datagrid"] .diagnostic-copy .hero-actions { justify-content: center; } html[data-theme="datagrid"] .diagnostic-panel { width: 100%; margin-top: 38px; padding: 12px; border-radius: 30px; background: #ffffffd9; text-align: left; } html[data-theme="datagrid"] .diagnostic-panel::before { display: none; } html[data-theme="datagrid"] .lab-media { display: grid; grid-template-columns: minmax(0,1fr) 220px; gap: 10px; } html[data-theme="datagrid"] .lab-media > .hero-image { height: 450px; border-radius: 20px; } html[data-theme="datagrid"] .lab-thumbs { display: grid; gap: 10px; } html[data-theme="datagrid"] .lab-thumb { height: 220px; border-radius: 16px; } html[data-theme="datagrid"] .triage-strip { max-width: 1050px; transform: translateY(-6px); } html[data-theme="datagrid"] .triage-strip article:nth-child(2) { background: var(--ink); color: #fff; transform: translateY(24px); } html[data-theme="datagrid"] .footer-datagrid { margin: 60px 18px 18px; border-radius: 40px; background: #08242c; } /* 04 — Data Recovery UK: dark full-bleed forensic case file */ html[data-theme="vault"] .header-vault { border-bottom: 1px solid var(--accent); font-family: var(--mono); } html[data-theme="vault"] .header-vault .site-nav a { font-weight: 500; letter-spacing: .08em; text-transform: uppercase; } html[data-theme="vault"] .forensic-hero { position: relative; isolation: isolate; display: block; max-width: none; min-height: 850px; padding: 150px max(28px,calc((100vw - 1240px)/2)); overflow: hidden; } html[data-theme="vault"] .forensic-copy { position: relative; z-index: 3; max-width: 800px; padding: 42px; border-left: 2px solid var(--accent); background: linear-gradient(90deg,#071127ed,#0711279c 75%,transparent); } html[data-theme="vault"] .forensic-copy h1 { font-size: clamp(4.6rem,8vw,9.6rem); line-height: .85; } html[data-theme="vault"] .forensic-media { position: absolute; z-index: -1; inset: 0; padding: 0; border: 0; clip-path: none; } html[data-theme="vault"] .forensic-media img { width: 100%; height: 100%; filter: saturate(.45) brightness(.32) contrast(1.25); } html[data-theme="vault"] .case-stamp { right: 5vw; top: 90px; font-size: .8rem; } html[data-theme="vault"] .terminal-note { left: auto; right: 5vw; bottom: 50px; min-width: 280px; } html[data-theme="vault"] .incident-command { margin-top: -1px; max-width: none; padding-inline: max(28px,calc((100vw - 1240px)/2)); background: #b9ff45; color: #071127; } html[data-theme="vault"] .footer-vault { border-top: 1px solid var(--accent); background: #030817; font-family: var(--mono); } /* 05 — Jaye Sinclair: quiet interiors magazine */ html[data-theme="atelier"] .header-atelier { display: grid; grid-template-columns: 1fr auto 1fr; grid-template-areas: "rule brand cta" "nav nav nav"; padding-top: 24px; background: #fbf6ed; border-bottom: 0; } html[data-theme="atelier"] .header-atelier .brand { grid-area: brand; flex-direction: column; font-family: var(--display); font-size: 1.4rem; font-weight: 600; } html[data-theme="atelier"] .header-atelier .brand-mark { width: 70px; height: 70px; border-radius: 50% 50% 0 0; background: transparent; } html[data-theme="atelier"] .header-atelier .atelier-rule { grid-area: rule; align-self: center; font-size: .72rem; letter-spacing: .1em; } html[data-theme="atelier"] .header-atelier .site-nav { grid-area: nav; justify-self: center; justify-content: center; margin: 22px 0 0; padding-top: 15px; border-top: 1px solid #8b7465; width: 100%; } html[data-theme="atelier"] .header-atelier .header-cta { grid-area: cta; justify-self: end; align-self: center; padding-inline: 0; border: 0; border-bottom: 1px solid var(--accent); border-radius: 0; background: transparent; color: var(--ink); } html[data-theme="atelier"] .editorial-hero { grid-template-columns: .7fr 1.3fr; gap: 8vw; min-height: 850px; padding-top: 75px; } html[data-theme="atelier"] .editorial-copy { align-self: end; padding-bottom: 90px; } html[data-theme="atelier"] .editorial-copy h1 { font-size: clamp(4.8rem,8.3vw,10rem); line-height: .82; font-style: italic; } html[data-theme="atelier"] .editorial-hero figure { align-self: start; } html[data-theme="atelier"] .editorial-hero figure img { height: 740px; border-radius: 52% 52% 0 0; } html[data-theme="atelier"] .footer-atelier { background: #efe3d3; color: #281f1a; border-top: 1px solid #8b7465; } /* 06 — Plumber On Tap: cheerful fluid service interface */ html[data-theme="flow"] body { background: #eaf7ff; } html[data-theme="flow"] .header-flow { margin: 18px max(18px,calc((100vw - 1380px)/2)); padding: 12px 18px; border: 0; border-radius: 28px; background: #fff; box-shadow: 0 12px 35px #0877c318; } html[data-theme="flow"] .header-flow .brand-mark { border-radius: 45% 55% 65% 35%; } html[data-theme="flow"] .flow-hero { max-width: 1400px; min-height: 760px; margin: 25px auto 0; padding: 75px 55px; border-radius: 72px 18px 72px 18px; background: #087be8; color: #fff; grid-template-columns: 1.05fr .95fr; overflow: hidden; } html[data-theme="flow"] .flow-copy h1 { font-size: clamp(4rem,7.4vw,8.5rem); line-height: .88; } html[data-theme="flow"] .flow-copy .eyebrow, html[data-theme="flow"] .flow-copy .hero-lead { color: #fff; } html[data-theme="flow"] .flow-copy .button { background: #ffdd66; border-color: #ffdd66; color: #102436; } html[data-theme="flow"] .flow-visual { min-height: 620px; } html[data-theme="flow"] .flow-visual figure { position: absolute; margin: 0; overflow: hidden; background: #fff; } html[data-theme="flow"] .flow-main { inset: 35px 15px 30px 55px; border-radius: 50% 50% 38% 62%; box-shadow: 0 0 0 14px #fff; } html[data-theme="flow"] .flow-main img { height: 100%; object-fit: cover; } html[data-theme="flow"] .flow-detail { z-index: 3; left: -10px; bottom: 20px; width: 205px; height: 205px; border: 12px solid #ff826d; border-radius: 50%; } html[data-theme="flow"] .flow-detail img { height: 100%; } html[data-theme="flow"] .pipe-loop { border-color: #ffdd66; } html[data-theme="flow"] .footer-flow { background: #087be8; color: #fff; border-radius: 70px 70px 0 0; } /* 07 — Cleaner At South: playful bento service board */ html[data-theme="freshgrid"] .clean-ribbon { background: #ffef70; color: #103d30; border-bottom: 2px solid #103d30; } html[data-theme="freshgrid"] .header-freshgrid { min-height: 92px; background: #103d30; color: #fff; border: 0; } html[data-theme="freshgrid"] .header-freshgrid .site-nav a[aria-current=page] { color: #ffef70; } html[data-theme="freshgrid"] .header-freshgrid .header-cta { background: #ffef70; border-color: #ffef70; color: #103d30; } html[data-theme="freshgrid"] .clean-hero { display: grid; grid-template-columns: repeat(12,1fr); gap: 18px; max-width: 1460px; min-height: 760px; padding: 24px; } html[data-theme="freshgrid"] .clean-copy { grid-column: 1/8; padding: 70px; border: 2px solid #103d30; border-radius: 34px; background: #dff8ef; } html[data-theme="freshgrid"] .clean-copy h1 { font-size: clamp(4.4rem,7.5vw,8.8rem); line-height: .84; } html[data-theme="freshgrid"] .clean-photo { grid-column: 8/13; display: grid; grid-template-rows: 1fr 210px; gap: 18px; } html[data-theme="freshgrid"] .clean-photo figure { position: relative; margin: 0; overflow: hidden; border: 2px solid #103d30; } html[data-theme="freshgrid"] .clean-photo-main { border-radius: 140px 34px 34px 34px; } html[data-theme="freshgrid"] .clean-photo-small { border-radius: 34px; } html[data-theme="freshgrid"] .clean-photo figure img { height: 100%; object-fit: cover; } html[data-theme="freshgrid"] .clean-score { left: -110px; bottom: 35px; background: #ffef70; border: 2px solid #103d30; } html[data-theme="freshgrid"] .scope-grid { max-width: 1460px; padding-top: 8px; } html[data-theme="freshgrid"] .scope-grid article:nth-child(1) { background: #ffef70; } html[data-theme="freshgrid"] .scope-grid article:nth-child(2) { background: #ff9b85; } html[data-theme="freshgrid"] .scope-grid article:nth-child(3) { background: #a7e8ff; } html[data-theme="freshgrid"] .scope-grid article:nth-child(4) { background: #c9ff94; } html[data-theme="freshgrid"] .footer-freshgrid { background: #103d30; color: #fff; } /* 08 — Computers & Networks: nocturnal terminal with bottom command dock */ html[data-theme="network"] body { padding-bottom: 86px; background-color: #080d13; background-image: linear-gradient(#1b283520 1px,transparent 1px),linear-gradient(90deg,#1b283520 1px,transparent 1px); background-size: 36px 36px; } html[data-theme="network"] .network-status { position: relative; z-index: 22; border-bottom: 1px solid #45f7bd; background: #071018; } html[data-theme="network"] .header-network { position: fixed; z-index: 60; left: 18px; right: 18px; bottom: 14px; min-height: 68px; padding: 9px 14px; border: 1px solid #45f7bd; border-radius: 8px; background: #0a121bed; backdrop-filter: blur(20px); box-shadow: 0 0 35px #45f7bd1c; } html[data-theme="network"] .header-network .site-nav { margin: auto; gap: 5px; } html[data-theme="network"] .header-network .site-nav a { padding: 10px 14px; border: 1px solid #26394b; font-family: var(--mono); font-weight: 500; } html[data-theme="network"] .header-network .site-nav a[aria-current=page] { background: #45f7bd; color: #061018; } html[data-theme="network"] .network-hero { max-width: 1450px; min-height: 820px; padding: 90px 35px; grid-template-columns: .78fr 1.22fr; } html[data-theme="network"] .network-copy h1 { font-family: var(--mono); font-size: clamp(3.7rem,6.2vw,7.2rem); line-height: .91; letter-spacing: -.07em; } html[data-theme="network"] .topology-card { height: 690px; border: 1px solid #45f7bd; box-shadow: inset 0 0 70px #45f7bd0a; } html[data-theme="network"] .footer-network { margin-bottom: 20px; border-top: 1px solid #45f7bd; background: #05080c; } /* 09 — Garage Creative: loud print-studio brutalism */ html[data-theme="garage"] body { background: #f2edff; } html[data-theme="garage"] .header-garage { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "mast cta" "nav nav"; padding: 0; background: #603fd5; border: 0; border-bottom: 4px solid #111; } html[data-theme="garage"] .garage-mast { grid-area: mast; padding: 20px 34px; width: auto; } html[data-theme="garage"] .garage-mast .brand { font-family: var(--display); font-size: 2rem; text-transform: uppercase; } html[data-theme="garage"] .garage-mast .brand-mark { width: 72px; height: 72px; border: 4px solid #111; border-radius: 0; transform: rotate(-5deg); } html[data-theme="garage"] .header-garage .site-nav { grid-area: nav; margin: 0; display: grid; grid-template-columns: repeat(5,1fr); width: 100%; gap: 0; border-top: 4px solid #111; background: #ffe14a; color: #111; } html[data-theme="garage"] .header-garage .site-nav a { padding: 15px; text-align: center; border-right: 2px solid #111; font-size: .75rem; text-transform: uppercase; } html[data-theme="garage"] .header-garage .site-nav a[aria-current=page] { background: #ef476f; color: #111; } html[data-theme="garage"] .header-garage .header-cta { grid-area: cta; align-self: center; margin-right: 35px; border: 4px solid #111; border-radius: 0; background: #ef476f; color: #111; box-shadow: 7px 7px 0 #ffe14a; } html[data-theme="garage"] .creative-hero { max-width: none; min-height: 800px; padding: 70px max(32px,calc((100vw - 1450px)/2)); background: linear-gradient(110deg,#f2edff 0 62%,#ffe14a 62%); } html[data-theme="garage"] .creative-title h1 { font-size: clamp(6rem,11vw,13rem); line-height: .7; letter-spacing: -.035em; } html[data-theme="garage"] .creative-collage { min-height: 620px; } html[data-theme="garage"] .footer-garage { background: #ffe14a; color: #111; border-top: 4px solid #111; } /* 10 — Let Alone: cinematic countryside cover */ html[data-theme="retreat"] .header-retreat { position: absolute; z-index: 40; left: 0; right: 0; top: 0; padding-top: 26px; background: linear-gradient(#142417b3,transparent); color: #fff; border: 0; } html[data-theme="retreat"] .header-retreat .brand-mark { background: #fff8; border: 1px solid #fff; border-radius: 50%; } html[data-theme="retreat"] .header-retreat .site-nav a[aria-current=page] { color: #fff; border-bottom: 1px solid #fff; } html[data-theme="retreat"] .header-retreat .header-cta { background: #fff; color: #28392b; border-color: #fff; } html[data-theme="retreat"] .retreat-hero { position: relative; display: block; max-width: none; min-height: 100vh; background: #17261a; } html[data-theme="retreat"] .retreat-image { position: absolute; inset: 0; } html[data-theme="retreat"] .retreat-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,#1120142b,#1120144f 45%,#112014dd); } html[data-theme="retreat"] .retreat-image img { height: 100vh; filter: saturate(.82); } html[data-theme="retreat"] .retreat-copy { position: absolute; z-index: 2; right: max(28px,calc((100vw - 1240px)/2)); bottom: 8vh; width: min(660px,46vw); padding: 0; color: #fff; background: transparent; } html[data-theme="retreat"] .retreat-copy h1 { font-size: clamp(5rem,8vw,10rem); line-height: .82; color: #fff; } html[data-theme="retreat"] .retreat-copy .eyebrow, html[data-theme="retreat"] .retreat-copy .hero-lead { color: #fff; } html[data-theme="retreat"] .retreat-copy .button { background: #fff; color: #28392b; border-color: #fff; } html[data-theme="retreat"] .retreat-copy .stay-note { border-color: #fff8; } html[data-theme="retreat"] .retreat-intro { padding-top: 130px; } html[data-theme="retreat"] .footer-retreat { background: #28392b; color: #fff; } /* Product and price modules: different information architecture on every site. */ html[data-theme="signal"] .retail-products { display: grid; grid-template-columns: 270px 1fr; gap: 45px; max-width: none; padding-inline: max(24px,calc((100vw - 1380px)/2)); border-block: 3px solid #17171b; background: #fffdf7; } html[data-theme="signal"] .retail-products .section-intro { position: sticky; top: 30px; align-self: start; } html[data-theme="signal"] .retail-products .section-intro h2 { font-size: 3rem; } html[data-theme="signal"] .retail-products .product-shelf { grid-template-columns: repeat(2,1fr); } html[data-theme="signal"] .retail-products .product-card:nth-child(3n) { grid-column: span 2; display: grid; grid-template-columns: 55px 1fr auto; gap: 18px; align-items: center; } html[data-theme="towline"] .rates-board { max-width: none; padding-inline: max(24px,calc((100vw - 1240px)/2)); background: #080d12; } html[data-theme="towline"] .rates-heading { border-left: 10px solid #ffd000; padding-left: 30px; } html[data-theme="towline"] .rates-heading h2 { font-size: clamp(3.5rem,6vw,7rem); text-transform: uppercase; } html[data-theme="towline"] .product-rates { grid-template-columns: 60px 1fr auto; border-bottom: 2px solid #34404b; } html[data-theme="towline"] .product-rates .card-number { display: block; color: #ffd000; } html[data-theme="datagrid"] .diagnostic-prices { max-width: 1100px; margin: 100px auto; padding: 35px; border: 1px solid #b9ddd8; border-radius: 46px; background: #ffffffd9; } html[data-theme="datagrid"] .diagnostic-prices .section-intro { display: grid; grid-template-columns: .55fr 1fr; gap: 30px; max-width: none; align-items: end; } html[data-theme="datagrid"] .diagnostic-prices .section-intro h2 { grid-row: span 2; margin: 0; font-size: 3.4rem; } html[data-theme="datagrid"] .diagnostic-prices .price-matrix { grid-template-columns: repeat(6,1fr); gap: 8px; } html[data-theme="datagrid"] .diagnostic-prices .product-card { grid-column: span 2; min-height: 250px; border-radius: 80px 22px 22px; } html[data-theme="datagrid"] .diagnostic-prices .product-card:nth-child(4),html[data-theme="datagrid"] .diagnostic-prices .product-card:nth-child(5) { grid-column: span 3; border-radius: 22px 80px 22px 22px; } html[data-theme="datagrid"] .diagnostic-prices .product-card:nth-child(6) { grid-column: 3/span 2; } html[data-theme="vault"] .tier-stack { display: grid; grid-template-columns: 330px 1fr; gap: 80px; max-width: 1350px; } html[data-theme="vault"] .tier-stack .section-intro { position: sticky; top: 35px; align-self: start; } html[data-theme="vault"] .tier-stack .section-intro h2 { font-family: var(--mono); font-size: 2.4rem; color: #b9ff45; } html[data-theme="vault"] .tier-list { position: relative; padding-left: 38px; } html[data-theme="vault"] .tier-list::before { content: ""; position: absolute; left: 7px; top: 0; bottom: 0; width: 1px; background: #4cf1ff; } html[data-theme="vault"] .product-tiers { position: relative; grid-template-columns: 55px 1fr auto; background: transparent; border: 0; border-bottom: 1px solid #31446c; } html[data-theme="vault"] .product-tiers::before { content: ""; position: absolute; left: -38px; top: 42px; width: 15px; height: 15px; border: 2px solid #4cf1ff; background: #071127; transform: rotate(45deg); } html[data-theme="atelier"] .cost-journal { max-width: 1180px; padding-block: 140px; grid-template-columns: .55fr 1.45fr; border-top: 1px solid #8b7465; background: transparent; } html[data-theme="atelier"] .cost-journal aside h2 { font-weight: 400; font-style: italic; } html[data-theme="atelier"] .journal-list { columns: 2; column-gap: 55px; display: block; } html[data-theme="atelier"] .product-journal { break-inside: avoid; display: block; min-height: 240px; margin-bottom: 35px; padding: 25px 0; border: 0; border-top: 1px solid #8b7465; } html[data-theme="atelier"] .product-journal .price { float: right; font-family: var(--display); font-weight: 400; } html[data-theme="flow"] .cost-cards { max-width: 1380px; padding: 85px 60px 120px; border-radius: 80px 20px; background: #ffdd66; } html[data-theme="flow"] .cost-cards .section-intro { max-width: 520px; margin-left: auto; text-align: right; } html[data-theme="flow"] .cost-cards .product-shelf { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; } html[data-theme="flow"] .cost-cards .product-card { display: grid; place-content: center; width: 310px; height: 310px; margin: -8px; border: 0; border-radius: 48% 52% 42% 58%; background: #fff; transform: rotate(-3deg); } html[data-theme="flow"] .cost-cards .product-card:nth-child(even) { background: #087be8; color: #fff; transform: translateY(45px) rotate(4deg); } html[data-theme="flow"] .cost-cards .product-card:nth-child(even) p,html[data-theme="flow"] .cost-cards .product-card:nth-child(even) .price { color: #fff!important; } html[data-theme="freshgrid"] .equipment-market { max-width: 1460px; display: grid; grid-template-columns: 340px 1fr; gap: 25px; padding: 25px; } html[data-theme="freshgrid"] .equipment-market .section-intro { margin: 0; padding: 42px; border: 2px solid #103d30; border-radius: 30px; background: #a7e8ff; } html[data-theme="freshgrid"] .equipment-market .product-shelf { grid-template-columns: repeat(12,1fr); gap: 12px; } html[data-theme="freshgrid"] .equipment-market .product-card { grid-column: span 4; border: 2px solid #103d30; border-radius: 30px; } html[data-theme="freshgrid"] .equipment-market .product-card:nth-child(1),html[data-theme="freshgrid"] .equipment-market .product-card:nth-child(6) { grid-column: span 8; } html[data-theme="freshgrid"] .equipment-market .product-card:nth-child(2) { grid-column: span 4; background: #ffef70; } html[data-theme="network"] .hardware-table { max-width: 1350px; border: 1px solid #45f7bd; padding: 0; } html[data-theme="network"] .hardware-table .section-intro { max-width: none; margin: 0; padding: 28px; border-bottom: 1px solid #45f7bd; display: grid; grid-template-columns: 180px 1fr 1fr; gap: 25px; align-items: center; } html[data-theme="network"] .hardware-table .section-intro h2 { margin: 0; font: 500 2rem/1.05 var(--mono); color: #61ffbd; } html[data-theme="network"] .hardware-table .price-matrix { gap: 0; } html[data-theme="network"] .product-hardware { margin: 0; padding-inline: 28px; font-family: var(--mono); } html[data-theme="network"] .product-hardware:hover { background: #142637; } html[data-theme="garage"] .package-wall { max-width: none; padding-inline: max(28px,calc((100vw - 1400px)/2)); grid-template-columns: 320px 1fr; border-block: 4px solid #111; background: #603fd5; } html[data-theme="garage"] .package-wall aside { align-self: start; padding: 25px; border: 4px solid #111; background: #ffe14a; color: #111; box-shadow: 10px 10px 0 #ef476f; transform: rotate(-2deg); } html[data-theme="garage"] .package-wall aside h2 { font-size: 3.2rem; text-transform: uppercase; } html[data-theme="garage"] .package-grid { position: relative; min-height: 760px; display: block; } html[data-theme="garage"] .product-creative { position: absolute; width: 46%; min-height: 300px; box-shadow: 12px 12px 0 #111; transform: rotate(2deg); } html[data-theme="garage"] .product-creative:nth-child(2) { right: 0; top: 55px; transform: rotate(-3deg); }html[data-theme="garage"] .product-creative:nth-child(3) { left: 5%; top: 330px; transform: rotate(4deg); }html[data-theme="garage"] .product-creative:nth-child(4) { right: 3%; top: 390px; transform: rotate(-1deg); }html[data-theme="garage"] .product-creative:nth-child(n+5) { display: none; } html[data-theme="retreat"] .stay-options { display: block; max-width: 920px; padding: 120px 22px; background: transparent; } html[data-theme="retreat"] .stay-options .section-intro { display: grid; grid-template-columns: 150px 1fr; max-width: none; padding-bottom: 35px; border-bottom: 1px solid #9a6235; } html[data-theme="retreat"] .stay-options .section-intro h2 { margin: 0; font-size: 2.8rem; font-weight: 400; } html[data-theme="retreat"] .stay-options .section-intro > p:last-child { grid-column: 2; } html[data-theme="retreat"] .stay-list { gap: 0; } html[data-theme="retreat"] .product-stay { grid-template-columns: 48px 1fr auto; padding: 26px 0; } html[data-theme="retreat"] .product-stay .card-number { display: block; }.product-stay .card-meta { display: none; } /* Products pages also avoid the same three-column catalogue skeleton. */ html[data-theme="signal"] .product-page-signal .product-shelf { grid-template-columns: repeat(2,1fr); }.product-page-signal .product-card:nth-child(3n) { grid-column: span 2; } html[data-theme="towline"] .product-page-towline .product-shelf { grid-template-columns: 1fr; }.product-page-towline .product-card { display: grid; grid-template-columns: 55px 1fr auto; align-items: center; border-left: 8px solid #ffd000; } html[data-theme="datagrid"] .product-page-datagrid .product-shelf { grid-template-columns: repeat(12,1fr); }.product-page-datagrid .product-card { grid-column: span 5; border-radius: 70px 22px 22px; }.product-page-datagrid .product-card:nth-child(3n) { grid-column: span 7; } html[data-theme="vault"] .product-page-vault .product-shelf { grid-template-columns: 1fr; }.product-page-vault .product-card { display: grid; grid-template-columns: 65px 1fr auto; border: 0; border-bottom: 1px solid #31446c; background: transparent; } html[data-theme="atelier"] .product-page-atelier .product-shelf { columns: 2; display: block; }.product-page-atelier .product-card { break-inside: avoid; margin-bottom: 40px; min-height: 300px; background: transparent; border: 0; border-top: 1px solid #8b7465; } html[data-theme="flow"] .product-page-flow .product-shelf { display: flex; flex-wrap: wrap; justify-content: center; }.product-page-flow .product-card { width: 340px; min-height: 340px; border-radius: 50%; display: grid; place-content: center; } html[data-theme="freshgrid"] .product-page-freshgrid .product-shelf { grid-template-columns: repeat(12,1fr); }.product-page-freshgrid .product-card { grid-column: span 4; }.product-page-freshgrid .product-card:nth-child(4n) { grid-column: span 8; } html[data-theme="network"] .product-page-network .product-shelf { grid-template-columns: 1fr; }.product-page-network .product-card { display: grid; grid-template-columns: 70px 1fr 1fr auto; align-items: center; background: transparent; border-bottom: 1px solid #304253; } html[data-theme="garage"] .product-page-garage .product-shelf { grid-template-columns: 1fr 1fr; gap: 35px; }.product-page-garage .product-card { border: 4px solid #111; box-shadow: 12px 12px 0 #ef476f; transform: rotate(-1deg); }.product-page-garage .product-card:nth-child(even) { transform: translateY(25px) rotate(2deg); } html[data-theme="retreat"] .product-page-retreat .product-shelf { grid-template-columns: 1fr; }.product-page-retreat .product-card { display: grid; grid-template-columns: 50px 1fr auto; border: 0; border-bottom: 1px solid #9a6235; background: transparent; } html[data-theme="signal"] .price-explainer { background: #ffd84d; border-block: 3px solid #17171b; }.price-explainer article { border: 0; } html[data-theme="towline"] .price-explainer { background: #ffd000; color: #111; }.price-explainer article { border-color: #111; } html[data-theme="datagrid"] .price-explainer { margin: 30px; border-radius: 60px; background: #dffaf4; }.price-explainer article { border: 1px solid #b9ddd8; border-radius: 30px; padding: 30px; } html[data-theme="vault"] .price-explainer { background: transparent; border-block: 1px solid #31446c; }.price-explainer article { border-color: #b9ff45; } html[data-theme="atelier"] .price-explainer { background: transparent; }.price-explainer article { border: 0; border-top: 1px solid #8b7465; } html[data-theme="flow"] .price-explainer { margin: 30px; border-radius: 60px; background: #ffdd66; }.price-explainer article { border: 0; } html[data-theme="freshgrid"] .price-explainer { gap: 12px; background: transparent; }.price-explainer article { padding: 30px; border: 2px solid #103d30; border-radius: 28px; background: #ffef70; } html[data-theme="network"] .price-explainer { background: #05080c; font-family: var(--mono); }.price-explainer article { border: 1px solid #45f7bd; padding: 25px; } html[data-theme="garage"] .price-explainer { background: #ffe14a; border-block: 4px solid #111; }.price-explainer article { border: 4px solid #111; padding: 25px; background: #fff; box-shadow: 8px 8px 0 #603fd5; } html[data-theme="retreat"] .price-explainer { max-width: 950px; margin: auto; background: transparent; }.price-explainer article { border: 0; border-bottom: 1px solid #9a6235; } @media (max-width:900px) { html[data-theme="signal"] .retail-products,html[data-theme="vault"] .tier-stack,html[data-theme="freshgrid"] .equipment-market,html[data-theme="garage"] .package-wall { grid-template-columns: 1fr; } html[data-theme="signal"] .retail-products .section-intro,html[data-theme="vault"] .tier-stack .section-intro { position: static; } html[data-theme="datagrid"] .diagnostic-prices .price-matrix { grid-template-columns: 1fr 1fr; }.diagnostic-prices .product-card:nth-child(n) { grid-column: auto!important; } html[data-theme="atelier"] .journal-list { columns: 1; } html[data-theme="flow"] .cost-cards { padding-inline: 18px; }.cost-cards .product-card { width: 270px; height: 270px; } html[data-theme="freshgrid"] .equipment-market .product-card:nth-child(n) { grid-column: span 6; } html[data-theme="network"] .hardware-table .section-intro { grid-template-columns: 1fr; } html[data-theme="garage"] .package-grid { min-height: auto; display: grid; grid-template-columns: 1fr; }.package-wall .product-creative:nth-child(n) { position: relative; display: block; width: auto; inset: auto; transform: none; } html[data-theme="retreat"] .stay-options .section-intro { grid-template-columns: 1fr; }.stay-options .section-intro > p:last-child { grid-column: 1; } } /* Company particulars: ten different treatments, never a shared dark bar. */ .registry-receipt { position: relative; width: min(430px,calc(100% - 40px)); margin: 80px max(20px,calc((100vw - 1240px)/2)); padding: 34px 30px 26px; border: 2px dashed #17171b; background: #fffdf7; box-shadow: 10px 10px 0 #ffd84d; transform: rotate(-1deg); font-family: var(--mono,monospace); } .registry-receipt::before,.registry-receipt::after { content: ""; position: absolute; top: -10px; width: 18px; height: 18px; border-radius: 50%; background: var(--paper); } .registry-receipt::before { left: 22px; }.registry-receipt::after { right: 22px; } .registry-receipt .receipt-cut { padding-bottom: 15px; border-bottom: 1px dashed #17171b; font-size: .72rem; font-weight: 800; } .registry-receipt p { display: flex; justify-content: space-between; gap: 20px; margin: 18px 0; } .registry-receipt p span { font-size: .68rem; text-transform: uppercase; }.registry-receipt i { display: block; padding-top: 14px; border-top: 1px dashed #17171b; font-size: .62rem; font-style: normal; text-align: center; } .dispatch-credential { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; max-width: 900px; margin: 100px auto; padding: 0 22px 48px; font-family: var(--display); text-transform: uppercase; } .dispatch-credential > div { position: relative; padding: 28px; border-left: 8px solid #ffd000; background: #18222c; clip-path: polygon(0 0,94% 0,100% 22%,100% 100%,0 100%); } .dispatch-credential > div:nth-child(2) { transform: translateY(32px); border-color: #ff6b35; } .dispatch-credential b,.dispatch-credential span { display: block; color: #b9c1c9; font: 700 .66rem/1 var(--body); letter-spacing: .1em; } .dispatch-credential strong { display: block; margin-top: 10px; color: #fff; font-size: 1.9rem; } .dispatch-credential em { position: absolute; left: 22px; bottom: 0; color: #ffd000; font: 700 .68rem/1 var(--body); letter-spacing: .08em; } .lab-metadata { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 100px 20px; } .lab-metadata p { min-width: 230px; margin: 0; padding: 18px 24px; border: 1px solid #b9ddd8; border-radius: 999px; background: #fff; box-shadow: 0 12px 35px #006f6512; } .lab-metadata p span { display: block; color: #587077; font: 600 .62rem/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; } .lab-metadata p strong { display: block; margin-top: 8px; color: #071c24; font-size: 1.05rem; } .lab-metadata i { width: 70px; height: 1px; background: #00bcae; position: relative; } .lab-metadata i::before,.lab-metadata i::after { content: ""; position: absolute; top: -4px; width: 9px; height: 9px; border-radius: 50%; background: #00bcae; } .lab-metadata i::before { left: 0; }.lab-metadata i::after { right: 0; } .case-record { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 18px; max-width: 1240px; margin: 90px auto; padding: 22px; border-block: 1px solid #31446c; font-family: var(--mono); } .case-record code { color: #4cf1ff; font-size: .7rem; }.case-record p { margin: 0; }.case-record p span { display: none; }.case-record p strong { color: #b9ff45; }.case-record > span { color: #7181a3; font-size: .62rem; } .editorial-colophon { width: min(680px,calc(100% - 44px)); margin: 120px max(22px,calc((100vw - 1240px)/2)); margin-left: auto; padding: 26px 0; border-block: 1px solid #8b7465; color: #4a3b31; } .editorial-colophon > span { display: block; margin-bottom: 24px; font-family: var(--display); font-size: 1.6rem; font-style: italic; } .editorial-colophon p { display: grid; grid-template-columns: 1fr 1fr; margin: 8px 0; }.editorial-colophon p span { font-size: .72rem; letter-spacing: .09em; text-transform: uppercase; }.editorial-colophon p strong { font-weight: 500; } .flow-badges { position: relative; display: flex; justify-content: center; align-items: center; min-height: 340px; margin: 80px auto; } .flow-badges p { display: grid; place-content: center; width: 250px; height: 250px; margin: 0 -18px; padding: 32px; border-radius: 52% 48% 60% 40%; background: #087be8; color: #fff; text-align: center; transform: rotate(-5deg); } .flow-badges p:nth-child(2) { border-radius: 42% 58% 35% 65%; background: #ff826d; transform: translateY(32px) rotate(7deg); } .flow-badges p span { display: block; font-size: .65rem; text-transform: uppercase; letter-spacing: .08em; }.flow-badges p strong { display: block; margin-top: 8px; font-size: 1.35rem; }.flow-badges svg { position: absolute; z-index: -1; width: 650px; fill: none; stroke: #ffdd66; stroke-width: 7; } .clean-notes { position: relative; display: flex; justify-content: center; gap: 35px; margin: 100px auto; padding-bottom: 35px; } .clean-notes article { width: 270px; min-height: 180px; padding: 35px; border: 2px solid #103d30; background: #ffef70; box-shadow: 10px 10px 0 #103d30; transform: rotate(-3deg); } .clean-notes article:nth-child(2) { background: #ff9b85; transform: translateY(22px) rotate(4deg); } .clean-notes article span { display: block; font-size: .65rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.clean-notes article strong { display: block; margin-top: 22px; font-size: 1.45rem; }.clean-notes > span { position: absolute; bottom: 0; font-size: .62rem; letter-spacing: .16em; } .network-command { display: grid; grid-template-columns: auto 1fr auto 1fr 14px; align-items: center; gap: 16px; max-width: 1180px; margin: 80px auto; padding: 20px 24px; border: 1px solid #45f7bd; background: #05080c; font-family: var(--mono); box-shadow: 9px 9px 0 #142637; } .network-command code { color: #53a8ff; }.network-command strong { color: #45f7bd; font-weight: 500; }.network-command i { width: 8px; height: 17px; background: #45f7bd; animation: networkCursor 1s steps(1) infinite; } @keyframes networkCursor { 50% { opacity: 0; } } .studio-stamps { position: relative; min-height: 300px; max-width: 980px; margin: 90px auto; } .studio-stamps p { position: absolute; display: grid; place-content: center; width: 300px; height: 170px; margin: 0; padding: 25px; border: 5px solid #111; background: #ffe14a; box-shadow: 12px 12px 0 #603fd5; transform: rotate(-5deg); text-align: center; text-transform: uppercase; } .studio-stamps p:nth-child(2) { left: 330px; top: 58px; background: #ef476f; box-shadow: 12px 12px 0 #ffe14a; transform: rotate(4deg); }.studio-stamps p span { font-size: .7rem; }.studio-stamps p strong { margin-top: 10px; font-family: var(--display); font-size: 2rem; }.studio-stamps b { position: absolute; right: 5px; top: 15px; width: 220px; height: 220px; display: grid; place-content: center; border: 5px solid #111; border-radius: 50%; background: #fff; font-family: var(--display); font-size: 1.7rem; line-height: .9; text-align: center; transform: rotate(9deg); } .retreat-footnote { max-width: 560px; margin: 120px max(28px,calc((100vw - 1240px)/2)) 120px auto; padding-left: 80px; border-left: 1px solid #9a6235; color: #4f443b; } .retreat-footnote > span { font-family: var(--display); font-size: 1.7rem; font-style: italic; }.retreat-footnote p { margin: 8px 0 0; font-size: .9rem; letter-spacing: .08em; text-transform: uppercase; } @media (max-width:700px) { .registry-receipt { margin-inline: 20px; } .dispatch-credential { grid-template-columns: 1fr; }.dispatch-credential > div:nth-child(2) { transform: none; }.dispatch-credential em { position: static; margin-top: 15px; } .lab-metadata { flex-direction: column; }.lab-metadata p { min-width: min(300px,90vw); }.lab-metadata i { width: 1px; height: 45px; }.lab-metadata i::before,.lab-metadata i::after { left: -4px; }.lab-metadata i::after { top: auto; bottom: -4px; } .case-record { grid-template-columns: 1fr; margin-inline: 16px; }.case-record > span { display: none; } .editorial-colophon { margin-inline: 22px; }.editorial-colophon p { grid-template-columns: 1fr; gap: 5px; } .flow-badges { min-height: 520px; flex-direction: column; }.flow-badges p,.flow-badges p:nth-child(2) { width: 220px; height: 220px; margin: -12px 0; transform: rotate(-3deg); }.flow-badges svg { width: 95vw; } .clean-notes { align-items: center; flex-direction: column; }.clean-notes article:nth-child(2) { transform: rotate(3deg); } .network-command { grid-template-columns: 1fr; margin-inline: 16px; }.network-command i { display: none; } .studio-stamps { min-height: 590px; margin-inline: 15px; }.studio-stamps p,.studio-stamps p:nth-child(2),.studio-stamps b { position: absolute; left: 50%; transform: translateX(-50%) rotate(-4deg); }.studio-stamps p:nth-child(2) { top: 190px; transform: translateX(-50%) rotate(4deg); }.studio-stamps b { top: 360px; } .retreat-footnote { margin-inline: 24px; padding-left: 28px; } } /* Inner pages keep ten different editorial systems too. */ html[data-theme="signal"] .inner-hero { max-width: none; padding-inline: max(28px,calc((100vw - 1320px)/2)); background: #ffd84d; border-bottom: 3px solid #17171b; } html[data-theme="towline"] .inner-hero { max-width: none; padding-inline: max(28px,calc((100vw - 1240px)/2)); background: #111b25; } html[data-theme="datagrid"] .inner-hero { max-width: 1120px; margin-top: 45px; text-align: center; } html[data-theme="datagrid"] .inner-hero > p:last-child { margin-inline: auto; } html[data-theme="vault"] .inner-hero { max-width: none; min-height: 480px; padding-inline: max(28px,calc((100vw - 1240px)/2)); } html[data-theme="atelier"] .inner-hero { padding-block: 140px 100px; text-align: center; } html[data-theme="atelier"] .inner-hero > p:last-child { margin-inline: auto; } html[data-theme="flow"] .inner-hero { margin-top: 30px; border-radius: 70px; background: #087be8; color: #fff; } html[data-theme="flow"] .inner-hero .eyebrow, html[data-theme="flow"] .inner-hero > p:last-child { color: #fff; } html[data-theme="freshgrid"] .inner-hero { max-width: none; padding-inline: max(28px,calc((100vw - 1400px)/2)); background: #ffef70; border-bottom: 2px solid #103d30; } html[data-theme="network"] .inner-hero { max-width: none; padding-inline: max(28px,calc((100vw - 1350px)/2)); font-family: var(--mono); } html[data-theme="garage"] .inner-hero { max-width: none; padding-inline: max(28px,calc((100vw - 1400px)/2)); } html[data-theme="retreat"] body:not([data-page="home"]) { padding-top: 100px; } html[data-theme="retreat"] body:not([data-page="home"]) .header-retreat { background: #28392b; } @media (max-width:1000px) { html[data-theme="signal"] .header-signal, html[data-theme="atelier"] .header-atelier, html[data-theme="garage"] .header-garage { display: flex; padding: 14px 18px; } html[data-theme="signal"] .retail-hero, html[data-theme="freshgrid"] .clean-hero { display: grid; grid-template-columns: 1fr; padding: 35px 20px; } html[data-theme="signal"] .device-stage { height: 600px; } html[data-theme="datagrid"] .diagnostic-hero { padding-inline: 20px; } html[data-theme="vault"] .forensic-copy { max-width: 680px; } html[data-theme="flow"] .flow-hero { margin: 16px; grid-template-columns: 1fr; padding: 55px 25px; } html[data-theme="freshgrid"] .clean-copy, html[data-theme="freshgrid"] .clean-photo { grid-column: 1; } html[data-theme="freshgrid"] .clean-photo { min-height: 620px; } html[data-theme="network"] body { padding-bottom: 0; } html[data-theme="network"] .header-network { position: relative; left: auto; right: auto; bottom: auto; margin: 0; border-radius: 0; } html[data-theme="retreat"] .retreat-copy { left: 28px; right: 28px; width: auto; } } @media (max-width:620px) { html[data-theme="signal"] .retail-copy h1, html[data-theme="vault"] .forensic-copy h1, html[data-theme="garage"] .creative-title h1 { font-size: clamp(3.7rem,18vw,6rem); } html[data-theme="signal"] .device-stage { height: 470px; } html[data-theme="signal"] .device-main { inset: 25px 8px 35px 35px; } html[data-theme="signal"] .device-tile { width: 125px; height: 145px; } html[data-theme="signal"] .device-tile-a { left: 0; } html[data-theme="signal"] .device-tile-b { right: 0; } html[data-theme="datagrid"] .lab-media { grid-template-columns: 1fr; } html[data-theme="datagrid"] .lab-thumbs { grid-template-columns: 1fr 1fr; } html[data-theme="datagrid"] .lab-thumb { height: 140px !important; } html[data-theme="vault"] .forensic-hero { min-height: 720px; padding: 110px 16px 70px; } html[data-theme="vault"] .forensic-copy { padding: 26px 18px; } html[data-theme="atelier"] .editorial-hero { min-height: auto; } html[data-theme="atelier"] .editorial-copy { padding-bottom: 25px; } html[data-theme="atelier"] .editorial-hero figure img { height: 500px; } html[data-theme="flow"] .flow-hero { border-radius: 36px 10px; } html[data-theme="flow"] .flow-visual { min-height: 440px; } html[data-theme="flow"] .flow-detail { width: 125px; height: 125px; } html[data-theme="freshgrid"] .clean-copy { padding: 42px 20px; } html[data-theme="freshgrid"] .clean-photo { grid-template-rows: 360px 160px; min-height: auto; } html[data-theme="freshgrid"] .clean-score { left: 8px; } html[data-theme="network"] .network-hero { padding-inline: 16px; } html[data-theme="network"] .topology-card { height: 510px; } html[data-theme="retreat"] .retreat-copy { bottom: 5vh; } html[data-theme="retreat"] .retreat-copy h1 { font-size: clamp(4.2rem,18vw,6.5rem); } html[data-theme="retreat"] .retreat-copy .hero-lead { font-size: .95rem; } html[data-theme="retreat"] .retreat-copy .stay-note { display: none; } }