@import url("https://gta-garden.subtledifference.com.au/assets/theme/assets/gta/proof-shared.css");

/* ANYWHERE / 1999. A fully automatic, morally indifferent paint factory. */
:root{--paper:#dfe5da;--ink:#111613;--accent:#c2ee43;--line:#536258;--display:'Barlow Condensed','Arial Narrow',sans-serif;--rail:100px;--cycle:5.2s;--gutter:clamp(24px,4vw,72px)}
body{background:#111613;color:var(--paper)}
.site-container{max-width:none;padding-left:var(--rail)}
#main,.site-footer,.garden-colophon{max-width:2288px;margin-inline:auto}
#main{display:block}
.site-header{position:fixed;inset:0 auto 0 0;width:var(--rail);height:100svh;min-height:0;padding:22px 9px 16px;display:flex;flex-direction:column;justify-content:flex-start;gap:23px;background:repeating-linear-gradient(90deg,#ffffff04 0 1px,transparent 1px 4px),#222b23;color:var(--paper);border-right:5px ridge #66705d;overflow-y:auto;scrollbar-width:thin}
.brand{flex-direction:column;gap:25px}
.brand-mark{width:51px;height:48px;padding:5px 7px;background:var(--accent);color:var(--ink);font-size:43px;transform:none;box-shadow:0 3px 0 #070b08}
.brand-mark i{display:none}.brand-mark span{transform:translateY(3px)}
.brand-type{writing-mode:vertical-rl;transform:rotate(180deg);font:700 37px/1 var(--condensed);letter-spacing:.025em;white-space:nowrap}
.brand-type>span{display:none}
.primary-nav{display:flex;flex-direction:column;gap:0;margin-top:auto;text-align:center;font:700 13px/1.2 var(--condensed);text-transform:uppercase;letter-spacing:.08em}
.primary-nav a{min-height:44px;padding:14px 0;border-bottom:1px solid #62705e}
.primary-nav a:hover{color:var(--accent)}
.era-switch{flex-direction:column;border:0;width:100%}
.era-switch a{min-height:33px;justify-content:space-between;padding:8px 0;gap:4px;font-size:8px;color:#d0dacb}
.era-switch a+a{border-left:0}
.hero{container-type:inline-size;position:relative;display:block;isolation:isolate;height:clamp(860px,calc(43vw + 240px),1130px);min-height:0;max-height:none;padding:0;overflow:hidden;background:radial-gradient(circle at 18px 18px,#a2aa8c 0 2px,#111813 3px 5px,transparent 6px) 0 0/100% 100%,repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(110deg,#303a2d,#161e18 60%,#303b2e);border-bottom:10px ridge #69715b}
.hero::before{content:"";position:absolute;inset:20px 18px 46px 31%;pointer-events:none;border:1px solid #5b6652;box-shadow:inset 3px 3px 0 #0c120e,3px 3px 0 #3c4937;background:radial-gradient(circle at 12px 12px,#9da78c 0 2px,#111813 3px 5px,transparent 6px),radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),#9da78c 0 2px,#111813 3px 5px,transparent 6px)}
.hero::after{content:"";position:absolute;left:3%;bottom:40px;width:25%;height:24px;border:4px ridge #707b62;background:repeating-linear-gradient(90deg,#0b100d 0 5px,#53604b 6px 8px);box-shadow:0 4px 10px #0007}
.hero-content,.hero-actions{display:contents}
.hero-title{position:absolute;left:3.7%;top:48px;width:26%;z-index:2;font:400 clamp(82px,8.4vw,162px)/.94 'Anton',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.045em;text-shadow:2px 3px 0 #080d0a}
.hero-title>span{max-width:4.3ch}
.hero-title>span:last-child{margin-top:19px;color:var(--accent)}
.hero-description{position:absolute;left:4%;bottom:198px;width:24%;margin:0;font-size:clamp(13px,1.1vw,17px);color:#d4ddcb;line-height:1.65}
.button-primary{position:absolute;left:4%;bottom:105px;width:23%;min-height:59px;padding:15px 13px;border:1px solid #b7c6a6;background:#d5ddc8;color:#162013;font:700 16px/1.1 var(--condensed);text-transform:uppercase;letter-spacing:.04em;box-shadow:0 6px 0 #080e0a,inset 0 0 0 3px #a5b095}
.button-primary:hover{background:var(--accent);transform:translateY(-2px)}
.hero-scene{z-index:0;inset:51px 3.6% 269px 33%;background:#060b07 url("https://gta-garden.subtledifference.com.au/assets/theme/assets/gta/any-factory-v2.jpg") center/100% 100%;border:10px solid #0d140f;outline:3px ridge #7b866c;box-shadow:0 12px 20px #0008,inset 0 0 40px #000;overflow:hidden}
/* Independent car sprites; tyre contact is held on the conveyor plane. */
.hero-scene::before,.hero-scene::after{content:"";position:absolute;left:7%;bottom:23.5%;width:86%;aspect-ratio:3/1;background:url("https://gta-garden.subtledifference.com.au/assets/theme/assets/gta/any-car-v2.webp") center/contain no-repeat;filter:drop-shadow(0 6px 3px #0008);z-index:2;transform:translateX(0)}
.hero-scene::after{background-image:url("https://gta-garden.subtledifference.com.au/assets/theme/assets/gta/any-car-silver-v2.webp");opacity:0}
.hero-scene>.scene-grain{inset:auto 1% 18%;height:5.5%;z-index:3;opacity:1;border-block:3px solid #687851;background:repeating-linear-gradient(90deg,#101710 0 10px,#758164 11px 13px,#34402c 14px 27px,#090e09 28px 30px);box-shadow:0 5px 0 #090e09}
.scene-grain::before{content:"";position:absolute;inset:-8px 0 auto;height:7px;background:repeating-linear-gradient(135deg,#101710 0 12px,#b5cd4b 12px 24px)}
.scene-grain::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,#d8edb47a,transparent 45%),radial-gradient(ellipse at 75% 50%,#bdd98999,transparent 48%);opacity:0;filter:blur(10px)}
.hero-scene>.scene-shade{inset:0;z-index:4;transform:translateY(-102%);border-bottom:16px solid transparent;border-image:repeating-linear-gradient(135deg,#111711 0 18px,#c2ee43 18px 36px) 16;box-shadow:0 20px 20px #0007;background:repeating-linear-gradient(0deg,#1c261d 0 8px,#58644c 9px 12px,#303d2b 13px 31px,#0b120d 32px 35px);}
.scene-shade::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent 12% 85%,#0009),linear-gradient(135deg,transparent 20%,#c4d29412 45%,transparent 65%);box-shadow:inset 0 0 40px #0008}
.scene-shade::after{content:"";position:absolute;left:43%;top:42%;width:14%;aspect-ratio:1;border:4px solid #c2ee43;transform:rotate(45deg);background:repeating-linear-gradient(90deg,#c2ee43 0 7px,transparent 7px 14px);opacity:.7}
.hero-scene>.scene-light{inset:0;z-index:5;opacity:0;background:linear-gradient(110deg,transparent 20%,#ecffc416 40%,#d2f78266 49%,transparent 58%);mix-blend-mode:screen;transform:translateX(-100%)}
.scene-light::before,.scene-light::after{content:"";position:absolute;width:95%;height:55%;left:-15%;bottom:-16%;border-radius:50%;background:radial-gradient(ellipse,#e4efd2a6,transparent 65%);filter:blur(17px)}
.scene-light::after{left:35%;bottom:-10%;background:radial-gradient(ellipse,#c5dc9d96,transparent 65%)}
.heat-control{position:absolute;right:5%;bottom:89px;width:clamp(210px,20%,370px);min-height:88px;display:grid;grid-template-columns:1fr 37px;gap:12px;padding:18px 22px;color:#111a0a;background:linear-gradient(#dafb72,#b5e536);border:7px outset #9fbd58;box-shadow:0 8px 0 #080e08,0 10px 18px #0008;font:800 clamp(22px,2.1vw,34px)/1 var(--condensed);text-transform:uppercase;letter-spacing:.025em;z-index:2;transition:transform .15s,filter .15s}
.heat-control:hover{filter:brightness(1.12);transform:translateY(-2px)}
.heat-control:active{transform:translateY(5px);box-shadow:0 3px 0 #080e08}
.heat-control>.heat-before,.heat-control>.heat-after{grid-area:1/1}
.heat-control-icon{grid-area:1/2;font-size:37px;color:#26360f}
body:has(.heat-toggle:focus-visible) .heat-control{outline:3px solid white;outline-offset:7px}
.heat-meter{left:auto;right:5%;top:auto;bottom:193px;width:clamp(210px,20%,370px);display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px 15px;color:#c2ee43;background:repeating-linear-gradient(0deg,#0000 0 2px,#0003 3px 4px),#080f08;border:3px inset #657052;font:600 12px/1 var(--condensed);text-transform:uppercase;letter-spacing:.1em;box-shadow:inset 0 0 10px #000}
.heat-meter>.heat-before:not(.visually-hidden),.heat-meter>.heat-after:not(.visually-hidden){grid-area:1/1;align-self:center}
.heat-stars{grid-area:1/2;font-size:17px;letter-spacing:2px;text-shadow:0 0 7px #bbea4380}
.hero-status{left:33%;right:4%;bottom:245px;padding:0;display:grid;grid-template-columns:10px 1fr;gap:11px;color:#c2ee43;font:600 13px/1 var(--condensed);text-transform:uppercase;letter-spacing:.11em}
.hero-status>.status-dot{grid-area:1/1;width:9px;height:9px;box-shadow:0 0 12px #c2ee4380}
.hero-status>.heat-before,.hero-status>.heat-after{grid-area:1/2}
.hero-caption{left:33%;right:4%;bottom:0;min-height:42px;border:0;font:600 10px/1.2 var(--condensed);letter-spacing:.1em;color:#b4bea7}
/* The existing decorative seal becomes a pressure instrument. */
.garage-seal{container-type:inline-size;display:flex;position:absolute;top:auto;right:auto;left:35%;bottom:73px;width:clamp(140px,12.5vw,215px);height:auto;aspect-ratio:1;transform:rotate(-6deg);border:9px ridge #8d9880;border-radius:50%;color:#24301c;background:radial-gradient(circle at 50% 55%,#e1e4ca 0 45%,transparent 46%),repeating-conic-gradient(from 225deg,#26321a 0deg 1deg,transparent 1deg 10deg),#d8ddbe;box-shadow:0 7px 0 #090e09,0 15px 22px #0005;justify-content:flex-end;padding:0;overflow:hidden}
.garage-seal>span:first-child{position:absolute;left:0;right:0;top:18%;font:700 8cqw/1 var(--condensed)}
.garage-seal>span:last-child{position:absolute;left:0;right:0;bottom:13%;font:600 5.5cqw/1 var(--condensed);letter-spacing:0}
.garage-seal strong{position:absolute;left:0;right:0;bottom:24%;font:800 10cqw/.9 var(--condensed);margin:0}
.garage-seal strong br{display:none}
.garage-seal::before{content:"";position:absolute;left:47%;top:13%;height:42%;width:4%;background:#b54023;transform-origin:50% 100%;transform:rotate(-112deg);box-shadow:1px 1px 1px #0004;z-index:1}
.garage-seal::after{content:"";position:absolute;left:44%;top:50%;width:10%;aspect-ratio:1;border-radius:50%;background:#232d1b;border:2px solid #909b78;z-index:2}
.hero .heat-after{display:initial;visibility:hidden;opacity:0}
body:has(.heat-toggle:checked) .hero .heat-before{display:initial;visibility:hidden;opacity:0;animation:any-old var(--cycle) step-end both}
body:has(.heat-toggle:checked) .hero .heat-after{display:initial;visibility:visible;opacity:1;animation:any-new var(--cycle) step-end both}
body:has(.heat-toggle:checked) .hero-scene::before{opacity:0;animation:any-before-car var(--cycle) linear both}
body:has(.heat-toggle:checked) .hero-scene::after{opacity:1;animation:any-after-car var(--cycle) linear both}
body:has(.heat-toggle:checked) .scene-shade{animation:any-shutter var(--cycle) cubic-bezier(.45,0,.55,1) both}
body:has(.heat-toggle:checked) .scene-grain{animation:any-belt var(--cycle) linear both}
body:has(.heat-toggle:checked) .scene-grain::after{animation:any-vent var(--cycle) ease-out both}
body:has(.heat-toggle:checked) .scene-light{animation:any-steam var(--cycle) ease-out both}
body:has(.heat-toggle:checked) .garage-seal::before{transform:rotate(-58deg);animation:any-pressure var(--cycle) ease-in-out both}
body:has(.heat-toggle:checked) .hero-status .status-dot{animation:any-warning var(--cycle) steps(1) both}
body:has(.heat-toggle:checked) .heat-stars{transition:opacity .2s var(--cycle)}
@keyframes any-before-car{0%{opacity:1;transform:translateX(0)}12%{opacity:1;transform:translateX(-5%)}34%{opacity:1;transform:translateX(-5%)}35%,100%{opacity:0;transform:translateX(-5%)}}
@keyframes any-after-car{0%,34.9%{opacity:0;transform:translateX(-5%)}35%,75%{opacity:1;transform:translateX(-5%)}90%,100%{opacity:1;transform:translateX(0)}}
@keyframes any-shutter{0%,10%{transform:translateY(-102%)}27%{transform:translateY(0)}29%{transform:translateY(-1.5%)}31%,65%{transform:translateY(0)}83%,100%{transform:translateY(-102%)}}
@keyframes any-belt{0%{background-position:0 0}12%,75%{background-position:-120px 0}90%,100%{background-position:0 0}}
@keyframes any-pressure{0%{transform:rotate(-112deg)}28%{transform:rotate(15deg)}42%{transform:rotate(102deg)}45%{transform:rotate(94deg)}48%{transform:rotate(106deg)}51%{transform:rotate(98deg)}54%,62%{transform:rotate(108deg)}85%,100%{transform:rotate(-58deg)}}
@keyframes any-vent{0%,45%{opacity:0;transform:scaleY(1)}62%{opacity:.9;transform:scaleY(6)}95%,100%{opacity:0;transform:scaleY(10)}}
@keyframes any-steam{0%,55%{opacity:0;transform:translateX(-80%)}67%{opacity:.9;transform:translateX(-15%)}82%{opacity:.6;transform:translateX(20%)}100%{opacity:0;transform:translateX(100%)}}
@keyframes any-warning{0%,12%,28%,44%,60%{background:#ed8c32;box-shadow:0 0 15px #ed8c32}20%,36%,52%,68%{background:#673d1b;box-shadow:none}82%,100%{background:var(--accent);box-shadow:0 0 12px #c2ee4380}}
@keyframes any-old{0%,99.99%{visibility:visible;opacity:1}100%{visibility:hidden;opacity:0}}
@keyframes any-new{0%,99.99%{visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}
@media(max-height:780px) and (min-width:701px){.brand-type{font-size:29px}.site-header{gap:14px;padding-top:15px}.brand{gap:16px}}
@media(min-width:2100px){.hero-title{font-size:175px}.hero{height:1130px}}
@media(max-width:1100px) and (min-width:701px){
 :root{--rail:84px}.brand-type{font-size:30px}.primary-nav{font-size:12px}.site-header{padding-inline:7px}.brand-mark{width:44px;height:43px;font-size:38px}.era-switch a{font-size:7px}
 .hero{height:860px}.hero-title{top:48px;left:4%;width:90%;font-size:clamp(64px,8.4vw,90px);line-height:1;display:flex;gap:.4em}.hero-title>span{max-width:none;white-space:nowrap}.hero-title>span:last-child{margin:0}
 .hero::before{inset:175px 18px 45px}.hero::after{left:5%;bottom:215px;width:26%;height:16px}
 .hero-description{top:145px;bottom:auto;left:5%;width:90%;font-size:14px}.hero-description br{display:none}
 .hero-scene{inset:205px 5% 270px}.hero-status{left:5%;bottom:245px}
 .garage-seal{left:5%;bottom:59px;width:145px}.heat-control{right:5%;bottom:72px;width:235px}.heat-meter{right:5%;bottom:179px;width:235px}.button-primary{left:calc(5% + 174px);bottom:72px;width:calc(90% - 440px);min-width:105px;min-height:87px;font-size:15px;padding:11px;gap:6px}.button-primary>span{display:none}
 .hero-caption{left:5%;right:5%;font-size:9px}
}
@media(max-width:700px){
 :root{--rail:0px}.site-container{padding-left:0}.site-header{position:relative;inset:auto;width:100%;height:auto;min-height:120px;overflow:visible;display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 20px 10px;border:0;border-bottom:5px ridge #718060}
 .brand{flex-direction:row;gap:10px}.brand-mark{width:37px;height:37px;font-size:32px;padding:4px 5px;letter-spacing:-6px}.brand-type{writing-mode:horizontal-tb;transform:none;font-size:25px;letter-spacing:0}.brand-type>span{display:block;font-size:6px;letter-spacing:.1em;margin-top:6px}
 .primary-nav{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:space-between;gap:12px;margin:0;font-size:12px}.primary-nav a{padding:10px 0;min-height:36px;border:0}.era-switch{width:auto;margin:0}.era-switch a{font-size:8px;min-height:28px;padding:5px 0;gap:5px}
 .hero{height:810px;min-height:0;padding:0;border-bottom-width:8px}.hero::before{inset:181px 13px 42px}.hero::after{left:24px;bottom:220px;width:30%;height:15px}
 .hero-title{left:22px;right:22px;top:24px;width:auto;display:flex;flex-wrap:wrap;gap:0 .22em;font-size:clamp(45px,12.7vw,83px);line-height:1.03;letter-spacing:-.035em}.hero-title>span{max-width:none;white-space:nowrap}.hero-title>span:last-child{margin:0}
 .hero-description{left:24px;top:133px;bottom:auto;width:calc(100% - 48px);margin:0;font-size:13px}.hero-description br{display:none}
 .hero-scene{inset:206px 24px auto;height:300px;border-width:5px;background-size:100% 100%}.hero-scene::before,.hero-scene::after{left:3%;width:94%;bottom:24%}
 .hero-status{left:24px;right:24px;bottom:auto;top:526px;font-size:11px;letter-spacing:.07em}
 .garage-seal{left:25px;bottom:105px;width:128px;border-width:7px}
 .heat-control{right:24px;bottom:108px;width:calc(100% - 195px);min-height:76px;padding:14px 10px;border-width:5px;grid-template-columns:1fr 25px;gap:4px;font-size:22px}.heat-control-icon{font-size:29px}
 .heat-meter{right:24px;bottom:196px;width:calc(100% - 195px);display:block;text-align:center;padding:9px 5px;font-size:11px}.heat-meter .heat-stars{display:block;font-size:14px;margin-top:7px;letter-spacing:2px}.heat-meter>.heat-after{position:absolute;left:0;right:0;top:9px}
 .button-primary{left:24px;right:24px;bottom:53px;width:auto;min-height:42px;padding:10px 15px;font-size:14px}
 .hero-caption{left:24px;right:24px;min-height:34px;font-size:8px;letter-spacing:.07em}.hero-caption>span:last-child{display:none}
}
@media(min-width:480px) and (max-width:700px){.hero-title{font-size:clamp(50px,10.3vw,72px)}.hero-title>span{max-width:4.5ch;white-space:normal}.hero-description{left:55%;top:50px;width:40%;max-width:220px}.hero-description br{display:block}.hero-scene{height:315px}.hero-status{top:539px}.garage-seal{width:145px;bottom:109px}.heat-meter,.heat-control{width:45%}.hero::after{width:23%;bottom:265px}}
@media(max-width:360px){.brand-mark{display:none}.brand-type{font-size:24px}.hero-title{font-size:43px;left:20px}.hero-description{font-size:12px}.hero{height:790px}.hero-scene{height:280px}.hero-status{top:505px;font-size:10px}.garage-seal{width:109px;left:24px;bottom:113px}.heat-control,.heat-meter{width:calc(100% - 171px)}.heat-control{font-size:19px;padding:12px 7px}.heat-control-icon{font-size:25px}.heat-control{grid-template-columns:1fr 23px}.hero::after{bottom:221px}}
@media(prefers-reduced-motion:reduce){body:has(.heat-toggle:checked) .scene-shade{transform:translateY(-102%)}.scene-light,.scene-grain::after{opacity:0}}


/* Anywhere City v2: plant floor, inspection plate, printout, loading exit. */
.ticker {
  padding:0; background:var(--accent); color:var(--ink);
  border-block:5px solid var(--ink); box-shadow:inset 0 1px #fff8,inset 0 -1px #1116;
}
.ticker-track {
  gap:clamp(20px,3.5vw,68px); padding:10px var(--gutter) 12px;
}
.ticker-track>span { font:800 clamp(22px,2.3vw,42px)/1 var(--display); letter-spacing:.04em; }
.ticker-track>i { width:14px; height:14px; transform:skew(-22deg); background:currentColor; font-size:0; }

.services-section {
  --belt-width:clamp(72px,12vw,232px);
  --panel-shadow:inset 0 1px #fff8,inset 0 -1px #1114;
  padding:0; color:var(--ink); background:#c7cfc4;
}
.services-section .section-heading {
  position:relative; align-items:end; margin:0; padding:clamp(54px,7.5vw,152px) var(--gutter);
  border-bottom:1px solid var(--ink);
  background:
    linear-gradient(90deg,#53625820 1px,transparent 1px) 0 0/32px 32px,
    linear-gradient(#53625820 1px,transparent 1px) 0 0/32px 32px,
    radial-gradient(ellipse at 15% 0%,#edf1e9,transparent 80%),var(--paper);
}
.services-section .section-heading::after {
  content:""; position:absolute; inset:auto var(--gutter) 16px;
  height:8px; border-inline:1px solid #4e5a50;
  background:repeating-linear-gradient(90deg,#4e5a50 0 1px,transparent 1px 14px) left bottom/100% 5px no-repeat;
  pointer-events:none;
}
.services-section h2,
.garage-copy h2,
.dispatch-heading h2 { font:800 clamp(64px,10.5vw,202px)/.79 var(--display); letter-spacing:-.035em; text-transform:uppercase; }
.services-section h2 em,.garage-copy h2 em,.dispatch-heading h2 em { font-style:normal; }
.services-section h2 em { color:#34493a; }
.services-section .section-heading>p {
  padding:9px 0 9px 18px; margin-bottom:4px; border-left:4px solid var(--ink);
  font-size:clamp(14px,1.6vw,21px); font-weight:600; line-height:1.35;
}
.service-list {
  position:relative; isolation:isolate; border-top:4px solid var(--ink);
}
.service-list::before {
  content:""; pointer-events:none; position:absolute; z-index:1; inset:0 auto 0 0;
  width:var(--belt-width); border-inline:6px solid #323e35;
  background:
    linear-gradient(90deg,#000a,transparent 20% 78%,#000a),
    repeating-linear-gradient(180deg,#536158 0 2px,#2e3a33 3px 12px,#1b251f 14px 18px);
  box-shadow:inset 1px 0 #7b8c7d,inset -1px 0 #7b8c7d,3px 0 #1117;
}
.service {
  position:relative; isolation:auto; border-bottom:4px solid var(--ink);
  min-height:clamp(246px,25vw,460px); align-items:center;
  padding:clamp(32px,4.4vw,94px) var(--gutter) clamp(33px,4.4vw,94px) 0;
  gap:clamp(16px,3vw,78px);
  grid-template-columns:var(--belt-width) minmax(0,1fr) minmax(142px,.52fr);
}
.service::after {
  content:""; position:absolute; inset:0 0 auto var(--belt-width); height:4px;
  background:linear-gradient(#fff8,transparent); pointer-events:none;
}
.service-respray {
  background:repeating-linear-gradient(0deg,#273c2b0b 0 1px,transparent 1px 3px),linear-gradient(102deg,#c8d0c6,var(--paper) 45%,#a9b8ac);
}
.service-repair {
  color:var(--paper);
  background:linear-gradient(120deg,#26362d,#121914 70%);
  padding-block:clamp(40px,6vw,130px);
}
.service-reset {
  background:linear-gradient(114deg,#d5f68b,var(--accent) 52%,#9fb739);
  padding-block:clamp(40px,6vw,130px);
}
.service-number {
  position:relative; z-index:2; justify-self:center; text-align:center;
  width:calc(100% - 23px); padding:.16em 0 .2em; color:var(--paper);
  border:1px solid #93a495; border-block-width:3px;
  background:
    radial-gradient(circle at 6px 6px,#d3ded3 0 1px,#17241b 2px 3px,transparent 4px),
    radial-gradient(circle at calc(100% - 6px) calc(100% - 6px),#d3ded3 0 1px,#17241b 2px 3px,transparent 4px),
    linear-gradient(#414f45,#26332a 64%,#202a23);
  box-shadow:0 7px 10px #000a,inset 0 1px #fff3,inset 0 -1px #fff3;
  font:800 clamp(38px,8vw,155px)/.82 var(--display); letter-spacing:-.06em;
  text-shadow:0 -1px 0 #000;
}
.service-repair .service-number { transform:translateY(-18%); }
.service-reset .service-number { color:var(--accent); transform:translateY(18%); }
.service-body { min-width:0; container-type:inline-size; }
.service-meta {
  margin:0 0 16px; font:700 clamp(11px,1.2vw,17px)/1.2 var(--display); letter-spacing:.12em;
}
.service-meta::before {
  content:""; display:inline-block; width:19px; height:8px; margin-right:8px;
  background:repeating-linear-gradient(115deg,currentColor 0 2px,transparent 2px 5px); vertical-align:.09em;
}
.service h3 {
  font:800 clamp(39px,6.3vw,126px)/.83 var(--display);
  text-transform:uppercase; letter-spacing:-.025em; overflow-wrap:break-word;
}
.service-respray h3 br { display:none; }
.service-repair h3 { color:var(--accent); font-size:clamp(34px,min(5.7vw,15cqi),112px); }
.service-reset h3 { font-size:clamp(45px,7.1vw,144px); }
.service-body>p { font-size:clamp(13px,1.2vw,18px); line-height:1.45; margin-top:17px; }
.service details { margin-top:17px; max-width:390px; }
.service summary {
  border-top:1px solid currentColor; padding:7px 2px; gap:12px; min-height:44px;
  font-weight:700; text-transform:uppercase; letter-spacing:.05em;
}
.service summary:hover,.service details[open] summary { text-decoration:underline; text-underline-offset:4px; }
.service summary>span { font-weight:400; font-size:23px; }
.service details>p { padding:4px 0 0; font-size:13px; }
.service-price {
  --plate-fg:var(--paper); --plate-bg:#202c24;
  display:grid; grid-template-columns:minmax(0,1fr); align-items:start; justify-self:stretch; gap:0;
  position:relative; isolation:isolate; min-width:0; padding:18px clamp(12px,1.9vw,35px) 10px;
  border:1px solid #172119; border-block-width:4px;
  color:var(--plate-fg); background:
    radial-gradient(circle at 5px 5px,#d9e1da 0 1px,#1118 2px 3px,transparent 4px),
    radial-gradient(circle at calc(100% - 5px) 5px,#d9e1da 0 1px,#1118 2px 3px,transparent 4px),
    radial-gradient(circle at 5px calc(100% - 5px),#d9e1da 0 1px,#1118 2px 3px,transparent 4px),
    radial-gradient(circle at calc(100% - 5px) calc(100% - 5px),#d9e1da 0 1px,#1118 2px 3px,transparent 4px),
    repeating-linear-gradient(0deg,#fff0 0 2px,#fff1 3px,#0000 4px),var(--plate-bg);
  box-shadow:var(--panel-shadow),0 6px 0 #1118;
}
.service-repair .service-price {
  --plate-bg:#cbd5cb; --plate-fg:var(--ink);
  align-self:end; box-shadow:var(--panel-shadow),0 6px 0 #0009;
}
.service-reset .service-price { --plate-fg:var(--accent); align-self:start; }
.service-price>span { font:700 12px/1 var(--display); letter-spacing:.18em; }
.service-price>strong {
  font:800 clamp(36px,5vw,98px)/1.05 var(--display); letter-spacing:-.04em; white-space:nowrap;
}
.service-price>a {
  margin:10px 0 0; min-height:44px; padding:6px 0; gap:5px; border:0;
  border-top:1px solid currentColor; justify-content:space-between;
  text-transform:uppercase; font:700 14px/1 var(--display); letter-spacing:.08em;
}
.service-price>a>span { font-size:19px; }
.service-price>a:hover { text-decoration:underline; text-underline-offset:4px; }
.service-footnote {
  margin:0; padding:16px var(--gutter) 18px;
  background:#26342b; color:var(--paper);
  font-family:ui-monospace,Consolas,monospace; font-size:11px; line-height:1.4; text-transform:uppercase;
}

.garage-section {
  grid-template-columns:minmax(0,1.18fr) minmax(0,1fr); border-block:6px solid #101713;
  background:#101713;
}
.garage-image {
  min-height:clamp(560px,58vw,940px); overflow:hidden;
  background:
    linear-gradient(0deg,#0b130cd9,transparent 31%),
    url("https://gta-garden.subtledifference.com.au/assets/theme/assets/gta/anywhere-bay-v1.jpg") 56% center/cover no-repeat #202d25;
}
.photo-frame {
  position:absolute; inset:clamp(16px,2.6vw,45px);
  background:
    linear-gradient(var(--accent),var(--accent)) 0 0/28px 2px,
    linear-gradient(var(--accent),var(--accent)) 0 0/2px 28px,
    linear-gradient(var(--accent),var(--accent)) 100% 0/28px 2px,
    linear-gradient(var(--accent),var(--accent)) 100% 0/2px 28px,
    linear-gradient(var(--accent),var(--accent)) 0 100%/28px 2px,
    linear-gradient(var(--accent),var(--accent)) 0 100%/2px 28px,
    linear-gradient(var(--accent),var(--accent)) 100% 100%/28px 2px,
    linear-gradient(var(--accent),var(--accent)) 100% 100%/2px 28px;
  background-repeat:no-repeat; pointer-events:none;
}
.photo-caption {
  inset:auto auto clamp(31px,4vw,72px) clamp(31px,4vw,72px); padding:8px 11px;
  color:var(--accent); background:#101713;
  font:700 12px/1.1 var(--display); letter-spacing:.12em;
}
.garage-copy {
  position:relative; display:flex; align-items:flex-start; flex-direction:column; justify-content:center; container-type:inline-size;
  padding:clamp(45px,5.4vw,120px) var(--gutter) clamp(52px,6vw,110px);
  border-left:6px solid #1c291f; color:var(--ink);
  background:
    radial-gradient(circle at 9px 9px,#0e160f 0 2px,#526034 2px 4px,#d7ec8a 4px 5px,transparent 6px) 0 0/100% 100%,
    linear-gradient(118deg,#d4f371,transparent 74%),var(--accent);
}
.garage-copy::before {
  content:""; position:absolute; inset:0 0 auto; height:10px;
  background:repeating-linear-gradient(120deg,#101713 0 7px,var(--accent) 7px 14px);
}
.garage-copy::after {
  content:""; position:absolute; inset:auto var(--gutter) 17px; height:8px;
  background:repeating-linear-gradient(90deg,#263421 0 1px,transparent 1px 11px); opacity:.65; pointer-events:none;
}
.garage-copy .section-index {
  border-top:2px solid; border-bottom:1px solid; width:100%; margin:0 0 24px; padding:6px 0;
  font:700 14px/1.2 var(--display); letter-spacing:.15em;
}
.garage-copy h2 { font-size:clamp(53px,min(7.4vw,22cqi),144px); }
.garage-copy>p { font-size:clamp(14px,1.25vw,18px); max-width:33ch; line-height:1.45; }
.garage-copy>p+p { font-weight:700; }
.garage-copy .text-link { margin-top:19px; font:700 17px/1.1 var(--display); min-height:44px; }
.garage-copy .text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.garage-note { margin-top:29px; font:11px/1.4 ui-monospace,Consolas,monospace; }

.quote-section {
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start;
  gap:clamp(12px,3vw,58px); position:relative; isolation:isolate;
  padding:clamp(52px,8vw,145px) clamp(24px,9vw,190px);
  color:var(--ink); background:#19251d; border-bottom:5px solid #0e1610;
}
.quote-section::before {
  content:""; position:absolute; z-index:-1;
  inset:clamp(21px,3.8vw,76px) clamp(8px,5vw,105px);
  border-block:9px dotted #19251d;
  background:
    radial-gradient(#293e2b35 .65px,transparent .8px) 0 0/4px 4px,
    repeating-linear-gradient(0deg,#c7d7c4 0 28px,#dfe8dc 28px 56px);
  box-shadow:0 13px 32px #0006;
}
.quote-mark { color:#354a3a; font:800 clamp(64px,12vw,225px)/.74 var(--display); }
.quote-section blockquote>p {
  font:700 clamp(31px,5.4vw,105px)/.98 var(--display);
  text-transform:uppercase; letter-spacing:-.015em;
}
.quote-section em { font-style:normal; text-decoration:underline; text-underline-offset:.14em; text-decoration-thickness:2px; }
.quote-section blockquote footer {
  display:flex; gap:11px; font:700 clamp(10px,1.15vw,14px)/1.3 ui-monospace,Consolas,monospace; letter-spacing:0;
}
.quote-line { flex:none; }
.quote-stars {
  display:block; align-self:center; margin:0; padding:9px 7px 9px 10px;
  border:3px double currentColor; color:#3b5742; font-size:clamp(10px,1.5vw,22px);
  letter-spacing:2px; transform:rotate(-8deg);
}

.dispatch-section {
  --sign-border:#657669;
  position:relative; isolation:isolate; align-items:end; display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(195px,.8fr);
  gap:clamp(22px,4vw,84px); padding:clamp(54px,7.6vw,164px) var(--gutter);
  color:var(--accent);
  background:
    linear-gradient(95deg,#121914 5%,#121914ee 45%,#131a146e),
    repeating-linear-gradient(0deg,#080e0b 0 2px,#3b493e 4px,#28352c 17px,#1d2a21 20px);
  border-top:8px solid var(--sign-border); border-bottom:8px solid var(--sign-border);
}
.dispatch-section::before {
  content:""; position:absolute; z-index:-1; inset:0 var(--gutter); pointer-events:none;
  border-inline:1px solid #788e792e;
  background:repeating-linear-gradient(120deg,var(--accent) 0 7px,#17241b 7px 14px) left top/100% 8px no-repeat;
}
.dispatch-heading { min-width:0; }
.open-sign { margin:0 0 18px; font:700 15px/1.2 var(--display); letter-spacing:.16em; }
.dispatch-section .status-dot { width:8px; height:8px; box-shadow:0 0 10px #c2ee4390; }
.dispatch-heading h2 { font-size:clamp(59px,10.7vw,216px); }
.dispatch-heading h2 em { color:var(--paper); }
.dispatch-heading>p { margin-top:20px; color:var(--paper); font-size:clamp(13px,1.2vw,19px); }
.dispatch-card {
  display:grid; min-width:0; padding:clamp(15px,2.3vw,45px);
  align-content:end; color:var(--paper); background:#162219;
  border:1px solid #627566; border-bottom:6px solid #536258;
  box-shadow:inset 0 1px 0 #e4efe234,0 9px 0 #0a110c;
}
.dispatch-card-label { font:700 13px/1.2 var(--display); letter-spacing:.14em; }
.dispatch-number {
  margin:11px 0 7px; color:var(--accent); white-space:nowrap;
  font:800 clamp(27px,3.8vw,77px)/1 var(--display); letter-spacing:-.02em;
}
.dispatch-card-note { font-size:10px; }
.dispatch-divider {
  margin:19px 0; height:5px; opacity:1; background:repeating-linear-gradient(120deg,var(--accent) 0 3px,transparent 3px 7px);
}
.dispatch-card>p:not(.dispatch-number) { font-size:13px; }
.dispatch-card .text-link {
  margin-top:11px; min-height:44px; padding:6px 0 0; border:0; color:var(--accent);
  font:700 15px/1.1 var(--display); letter-spacing:.08em; text-transform:uppercase;
}
.dispatch-card .text-link:hover { text-decoration:underline; text-underline-offset:4px; }

.site-footer { color:var(--paper); background:#19251d; border:0; padding-block:32px; }
.footer-brand { font:800 32px/.8 var(--display); }
.footer-brand>span { font-size:10px; }
.site-footer>p { font-size:11px; }
.footer-stamp {
  border:1px solid currentColor; padding:8px 12px; width:auto; color:var(--accent);
  font-weight:700; letter-spacing:.06em; text-align:left;
}
.garden-colophon { color:var(--paper); background:#101813; border-top:1px solid #43554a; }
.garden-wordmark { color:var(--accent); }
.garden-about>span,.source-links,.fan-disclaimer { font-size:11px; }

@media(max-width:940px) {
  .services-section h2 { font-size:clamp(59px,10vw,100px); }
  .garage-section { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .garage-copy h2 { font-size:clamp(48px,min(7.6vw,22cqi),83px); }
  .quote-section { grid-template-columns:auto minmax(0,1fr); }
  .quote-stars { justify-self:start; grid-column:2; margin-top:4px; }
}

@media(max-width:700px) {
  .ticker-track { padding-block:9px; }
  .ticker-track>i { width:9px; height:9px; }
  .services-section { --belt-width:clamp(51px,13vw,90px); }
  .services-section .section-heading { align-items:start; gap:19px; padding-block:38px 45px; }
  .services-section h2 { font-size:clamp(53px,12vw,83px); }
  .services-section .section-heading>p { padding-block:4px; margin:0; }
  .service {
    grid-template-columns:var(--belt-width) minmax(0,1fr);
    gap:17px 13px; padding:29px max(16px,calc(var(--gutter) - 6px)) 31px 0;
  }
  .service-list::before { border-inline-width:4px; }
  .service-number { width:calc(100% - 12px); align-self:start; font-size:clamp(29px,7.2vw,56px); }
  .service-repair .service-number,.service-reset .service-number { transform:none; }
  .service-meta { font-size:11px; margin-bottom:12px; }
  .service-meta::before { width:11px; }
  .service h3,.service-repair h3,.service-reset h3 { font-size:clamp(36px,9vw,60px); }
  .service details,.service-body>p { margin-top:12px; }
  .service-price {
    grid-column:2; grid-template-columns:auto auto minmax(74px,1fr); align-items:center; gap:7px;
    padding:6px 8px; border-block-width:2px;
  }
  .service-price>span { font-size:10px; letter-spacing:.09em; }
  .service-price>strong { font-size:clamp(27px,7.3vw,46px); }
  .service-price>a {
    justify-self:end; margin:0; padding:2px 0 2px 7px;
    border:0; border-left:1px solid currentColor;
    font-size:12px; letter-spacing:.02em;
  }
  .service-price>a>span { font-size:14px; }
  .service-footnote { gap:6px; font-size:10px; }
  .garage-section { grid-template-columns:minmax(0,1fr); }
  .garage-image { min-height:clamp(260px,72vw,460px); }
  .garage-copy { border-left:0; border-top:5px solid #1c291f; }
  .garage-copy h2 { font-size:clamp(53px,min(12vw,22cqi),86px); }
  .garage-copy h2 br:nth-child(2) { display:initial; }
  .quote-section { padding:45px var(--gutter); }
  .quote-mark { font-size:clamp(41px,13vw,73px); }
  .quote-section blockquote footer { margin-top:15px; }
  .quote-line { display:none; }
  .quote-stars { margin:0; padding-block:4px; }
  .dispatch-section { grid-template-columns:minmax(0,1fr); gap:29px; padding-block:49px; }
  .dispatch-heading h2 { font-size:clamp(62px,14vw,106px); }
  .dispatch-card { max-width:450px; }
  .dispatch-number { font-size:clamp(33px,10vw,51px); }
}


/* Final clearances and progressive mechanical enhancements. */
@media(min-width:1101px){
 .garage-seal{width:clamp(145px,11vw,175px);bottom:62px}
 .heat-control{font-size:clamp(22px,1.9vw,34px);padding-inline:16px}
 .heat-meter{bottom:190px}
}
@media(max-width:700px){.hero::after{display:none}}
@media(max-width:479px){.hero-title{display:block;font-size:clamp(43px,12.7vw,55px)}.hero-description{top:153px}}
.services-section .section-heading>p br{display:none}
.service summary{padding-right:10px}
@media(min-width:480px) and (max-width:700px){.hero-title{display:block;right:auto;top:42px;width:48%;font-size:clamp(40px,8.6vw,60px)}.hero-title>span{max-width:none;white-space:nowrap}.hero-description{top:69px}.garage-seal{width:128px}}
/* Scroll moves the factory belt. The unenhanced version is a static tread. */
@supports(animation-timeline:view()){
 .service-list{view-timeline-name:--factory-line;view-timeline-axis:block}
 .service-list::before{animation:any-throughput linear both;animation-timeline:--factory-line;animation-range:entry 0% exit 100%}
 @keyframes any-throughput{from{background-position:0 0,0 0}to{background-position:0 0,0 540px}}
}
@supports(interpolate-size:allow-keywords){
 .service details{interpolate-size:allow-keywords}
 .service details::details-content{height:0;overflow:clip;transition:height .3s,content-visibility .3s allow-discrete}
 .service details[open]::details-content{height:auto}
}
body:has(.heat-toggle:checked) .hero-status>.heat-before{animation:any-bay-state var(--cycle) step-end both}
@keyframes any-bay-state{0%,10%{visibility:visible;opacity:1}27%,100%{visibility:hidden;opacity:0}}