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

/* Leonida v2: a roadside attraction with a resident alligator and its own weather. */
:root { --paper:#fff2d4;--ink:#123e3c;--accent:#f17a60;--line:#8cdbcc;--sans:'DM Sans',Arial,sans-serif;--condensed:'Anton',Impact,sans-serif;--display:var(--condensed);--leo-paint:#f17a60; }
body { background:#123e3c; }
body:has(.heat-toggle:checked) { --leo-paint:#8cdbcc; }
::selection { background:#123e3c;color:#fff2d4; }
.site-header { min-height:100px;padding:20px var(--gutter);gap:25px;background:#fff2d4;color:#123e3c;border-bottom:5px solid #123e3c; }
.brand-type { font:400 30px/1 Anton,Impact,sans-serif;letter-spacing:.015em; }
.brand-type > span { font:700 8px/1 'DM Sans',sans-serif;letter-spacing:.12em; }
.brand-mark { font:400 43px/.9 Anton,Impact,sans-serif;letter-spacing:-7px;width:46px; }
.primary-nav { display:flex;gap:27px;font-size:12px; }
.primary-nav a { display:flex;align-items:center;gap:5px;min-height:44px; }
.era-switch { border:2px solid #123e3c;transform:rotate(2deg); }
.era-switch a { min-height:42px;padding:8px 12px;font-size:9px;gap:10px; }
.era-switch a:hover { background:#8cdbcc; }
.hero { --truck:min(60vw,calc((100svh - 330px) * 1.5),1150px);--truck-bottom:144px;--gator-width:min(31vw,520px);height:calc(100svh - 100px);min-height:690px;max-height:1100px;padding:0;display:block;background:#c6d6c3;color:#123e3c; }
.hero-content { position:static;z-index:auto;width:auto; }
.hero-scene { z-index:-2;background:linear-gradient(0deg,#fff2d4 0%,#fff2d4ed 10%,#fff2d400 20%),url("https://gta-garden.subtledifference.com.au/assets/theme/assets/gta/leo-roadside-v2.jpg") center bottom/cover; }
.hero-scene::before { content:'';position:absolute;inset:-20%;z-index:6;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 25% 25%,#173a4ee6 0%,#234857b3 35%,#1d465766 60%,transparent 77%),linear-gradient(180deg,#2e4b5e99,transparent 90%); }
.hero-scene::after { content:'';position:absolute;z-index:2;top:285px;bottom:195px;left:clamp(160px,20vw,350px);width:clamp(28px,3.8vw,62px);background:linear-gradient(90deg,#425b51,#a4b3a0 30%,#fff2d4 45%,#a1ad9a 70%,#425b51);border-inline:3px solid #123e3c;transform:rotate(-5deg);transform-origin:center top; }
.hero-scene .scene-shade { inset:auto 2.5% var(--truck-bottom) auto;z-index:3;width:var(--truck);height:calc(var(--truck) / 1.5);transform-origin:60% 94%;filter:drop-shadow(0 7px 4px #173c3850); }
.scene-shade::before,.scene-shade::after { content:'';position:absolute;inset:0;background:url("https://gta-garden.subtledifference.com.au/assets/theme/assets/gta/leo-truck-v1.webp") center bottom/contain no-repeat; }
.scene-shade::after { background-image:url("https://gta-garden.subtledifference.com.au/assets/theme/assets/gta/leo-truck-respray-v1.webp");clip-path:inset(0 0 100%); }
.hero-scene .scene-light { inset:-25%;z-index:8;opacity:0;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 39px,#d1fff0a6 40px 41px,transparent 42px 78px);mask-image:linear-gradient(180deg,transparent 10%,#000 30% 68%,transparent 87%); }
.scene-light::before { content:'';position:absolute;inset:20% 5% 12% 27%;background:radial-gradient(ellipse at 70% 65%,#e3fff7e6,transparent 60%),radial-gradient(ellipse at 30% 75%,#ecfff4cc,transparent 58%);filter:blur(18px); }
.scene-light::after { content:'';position:absolute;inset:65% 5% 15%;background:repeating-radial-gradient(ellipse at center,transparent 0 7px,#e2fff6a1 8px 9px,transparent 10px 17px) center/110px 25px;mask-image:linear-gradient(90deg,transparent,#000 15% 90%,transparent); }
.hero-scene .scene-grain { inset:auto 13% 36% auto;z-index:1;width:33%;height:84%;background:url("https://gta-garden.subtledifference.com.au/assets/theme/assets/gta/leo-palm-v2.webp") center bottom/contain no-repeat;transform-origin:55% 100%; }
.scene-grain::before { content:'';position:absolute;inset:22% -65% 0 70%;background:url("https://gta-garden.subtledifference.com.au/assets/theme/assets/gta/leo-palm-v2.webp") center bottom/contain no-repeat;transform:rotate(-13deg);transform-origin:55% bottom; }
.hero-content::after { content:'';position:absolute;z-index:3;bottom:153px;left:5%;width:var(--gator-width);aspect-ratio:3;background:url("https://gta-garden.subtledifference.com.au/assets/theme/assets/gta/leo-alligator-v2.webp") center/contain no-repeat;filter:drop-shadow(1px 7px 3px #173c3870);transform-origin:55% 80%;pointer-events:none; }
.hero-title { position:absolute;z-index:4;top:55px;left:5.2%;width:43%;max-width:650px;padding:28px 30px 30px;border:13px solid #fff2d4;background:#f17a60;box-shadow:0 0 0 4px #123e3c,10px 12px 0 #123e3c;transform:rotate(-5deg);transform-origin:50% 100%;font:400 clamp(59px,6.5vw,106px)/1.04 Anton,Impact,sans-serif;letter-spacing:-.01em;text-transform:uppercase; }
.hero-title > span { white-space:nowrap; }
.hero-title > span:first-child { color:#fff2d4;text-shadow:3px 4px 0 #123e3c;-webkit-text-stroke:1px #123e3c; }
.hero-title > span:last-child { color:#123e3c; }
.hero-title::before { content:'';position:absolute;inset:-12px;pointer-events:none;background:radial-gradient(circle,#fffce0 0 3px,#c68743 3.5px 4.5px,transparent 5px) left top/27px 12px repeat-x,radial-gradient(circle,#fffce0 0 3px,#c68743 3.5px 4.5px,transparent 5px) left bottom/27px 12px repeat-x,radial-gradient(circle,#fffce0 0 3px,#c68743 3.5px 4.5px,transparent 5px) left top/12px 27px repeat-y,radial-gradient(circle,#fffce0 0 3px,#c68743 3.5px 4.5px,transparent 5px) right top/12px 27px repeat-y; }
.hero-title::after { content:none; }
.hero-description { position:absolute;z-index:4;left:7%;top:clamp(348px,27vw,445px);margin:0;padding:12px 22px;max-width:290px;background:#fff2d4;color:#123e3c;border:2px solid #123e3c;font-size:15px;font-weight:600;transform:rotate(-3deg);box-shadow:4px 4px 0 #123e3c50; }
.garage-seal { z-index:4;top:auto;bottom:34%;left:23%;right:auto;width:185px;height:118px;padding-right:35px;background:#8cdbcc;color:#123e3c;clip-path:polygon(0 0,72% 0,100% 50%,72% 100%,0 100%);border:0;transform:rotate(8deg); }
.garage-seal strong { font:400 32px/.9 Anton,Impact,sans-serif; }
.garage-seal strong br { display:none; }
.garage-seal > span { font:700 9px/1.2 'DM Sans',sans-serif; }
.garage-seal > span:last-child { font-size:6px;letter-spacing:0; }
.hero-actions { position:absolute;z-index:10;left:var(--gutter);right:var(--gutter);bottom:68px;display:flex;align-items:center;justify-content:space-between;margin:0;gap:20px; }
.button-primary { min-height:60px;padding:14px 22px;background:#123e3c;color:#fff2d4;border:3px solid #fff2d4;outline:2px solid #123e3c;font-size:12px;box-shadow:5px 5px 0 #123e3c35; }
.heat-control { display:grid;grid-template-columns:1fr 30px;gap:28px;min-width:230px;min-height:62px;padding:12px 20px;background:var(--leo-paint);border:3px solid #123e3c;box-shadow:5px 5px 0 #123e3c45;font:400 25px/1.2 Anton,Impact,sans-serif;text-transform:uppercase;transform:rotate(2deg);transition:background-color .3s,transform .2s; }
.heat-control:hover { transform:rotate(0deg) translateY(-2px); }
.heat-control .heat-before,.heat-control .heat-after { grid-area:1/1; }
.heat-control-icon { grid-area:1/2;font:500 29px/1 'DM Sans',sans-serif; }
.button-primary:focus-visible,body:has(.heat-toggle:focus-visible) .heat-control { outline:3px solid #123e3c;outline-offset:7px; }
.hero .heat-toggle { top:0;left:0; }
.hero-status { bottom:34px;display:grid;grid-template-columns:6px auto;gap:10px;font:700 10px/1.5 'DM Sans',sans-serif;letter-spacing:.01em; }
.hero-status .status-dot { grid-area:1/1;align-self:center; }
.hero-status .heat-before,.hero-status .heat-after { grid-area:1/2; }
.heat-meter { bottom:31px;display:grid;grid-template-columns:auto auto;gap:15px;font-size:9px;letter-spacing:.03em; }
.heat-meter > .heat-before,.heat-meter > .heat-after { grid-area:1/1; }
.heat-stars { grid-area:1/2;font-size:16px;letter-spacing:4px; }
.hero-caption { min-height:23px;font-size:7px;letter-spacing:.08em;border-color:#123e3c60; }
.heat-after,body:has(.heat-toggle:checked) .heat-before { display:initial; }
.heat-after { visibility:hidden; }
body:has(.heat-toggle:checked) .heat-after { visibility:visible;transition:visibility 0s 6.4s; }
body:has(.heat-toggle:checked) .heat-before { visibility:hidden;transition:visibility 0s 6.4s; }
body:has(.heat-toggle:checked) .heat-stars { transition-delay:5.8s; }
body:has(.heat-toggle:checked) .heat-control { transition-delay:5.6s,0s; }
body:has(.heat-toggle:checked) .hero-scene::before { animation:leo-v2-squall 6.4s both; }
body:has(.heat-toggle:checked) .scene-light { animation:leo-v2-rain 6.4s both; }
body:has(.heat-toggle:checked) .scene-light::before { animation:leo-v2-spray 6.4s both; }
body:has(.heat-toggle:checked) .scene-light::after { animation:leo-v2-ripples 6.4s both; }
body:has(.heat-toggle:checked) .scene-grain { animation:leo-v2-palm 6.4s both; }
body:has(.heat-toggle:checked) .hero-title { animation:leo-v2-sign 6.4s both; }
body:has(.heat-toggle:checked) .hero-title::before { animation:leo-v2-bulbs 6.4s both; }
body:has(.heat-toggle:checked) .scene-shade { animation:leo-v2-truck 6.4s both; }
body:has(.heat-toggle:checked) .scene-shade::after { clip-path:inset(0);animation:leo-v2-wash 6.4s both; }
body:has(.heat-toggle:checked) .hero-content::after { animation:leo-v2-gator 6.4s both; }
@keyframes leo-v2-squall { 0%,100% { opacity:0;transform:translateX(-5%); } 22%,62% { opacity:.9;transform:translateX(0); } 85% { opacity:.15;transform:translateX(8%); } }
@keyframes leo-v2-rain { 0%,9%,100% { opacity:0;background-position:0 0; } 28%,62% { opacity:.8; } 85% { opacity:.1; } 99% { background-position:-400px 1100px; } }
@keyframes leo-v2-spray { 0%,15%,100% { opacity:0;transform:translateX(15%); } 35%,56% { opacity:.9;transform:translateX(0); } 80% { opacity:.15;transform:translateX(-20%); } }
@keyframes leo-v2-ripples { 0%,100% { opacity:0;transform:scale(.85);background-position:0 0; } 30%,65% { opacity:.7; } 95% { background-position:30px 20px;transform:scale(1.05); } }
@keyframes leo-v2-palm { 0%,100% { transform:rotate(0) skewX(0); } 20% { transform:rotate(-9deg) skewX(2deg); } 33% { transform:rotate(-4deg) skewX(-1deg); } 46% { transform:rotate(-12deg) skewX(3deg); } 61% { transform:rotate(-5deg) skewX(1deg); } 78% { transform:rotate(2deg) skewX(-1deg); } 90% { transform:rotate(-1deg); } }
@keyframes leo-v2-sign { 0%,100% { transform:rotate(-5deg);filter:brightness(1); } 24% { transform:rotate(-8deg);filter:brightness(.83); } 39% { transform:rotate(-2deg);filter:brightness(.83); } 52% { transform:rotate(-7deg);filter:brightness(.83); } 69% { transform:rotate(-3deg);filter:brightness(.9); } 83% { transform:rotate(-5.8deg); } }
@keyframes leo-v2-bulbs { 0%,100% { filter:brightness(1); } 27%,70% { filter:brightness(1.7) drop-shadow(0 0 5px #ffeb9d); } }
@keyframes leo-v2-truck { 0%,100% { transform:rotate(0); } 27% { transform:rotate(1deg); } 43% { transform:rotate(-.7deg); } 57% { transform:rotate(.6deg); } 76% { transform:rotate(-.2deg); } }
@keyframes leo-v2-wash { 0%,31% { clip-path:inset(0 0 100%); } 64%,100% { clip-path:inset(0); } }
@keyframes leo-v2-gator { 0%,100% { transform:scaleY(1);filter:drop-shadow(1px 7px 3px #173c3870); } 42% { transform:scaleY(1.012);filter:drop-shadow(1px 7px 3px #173c3870) brightness(.86); } }
@media(min-width:1800px) { .hero { --truck:min(56vw,calc((100svh - 310px) * 1.5),1150px); }.hero-title { top:65px; }.hero-description { top:425px; } }
@media(max-width:1100px) {
 .brand-mark { display:none; }.brand-type { font-size:25px; }.primary-nav { gap:18px;font-size:11px; }.era-switch a { padding:8px;gap:8px;font-size:8px; }
 .hero { --truck:min(66vw,850px);--gator-width:34vw;min-height:760px; }.hero-title { width:49%;font-size:6.9vw;left:5%;padding:25px 20px; }.hero-description { left:7%;top:clamp(305px,32vw,355px);font-size:13px; }.garage-seal { left:20%;bottom:35%;width:160px;height:100px; }.garage-seal strong { font-size:27px; }
}
@media(min-width:701px) and (max-height:850px) {
 .hero { --truck:min(58vw,calc((100svh - 285px) * 1.5));min-height:650px; }.hero-title { top:36px;font-size:clamp(55px,5.9vw,90px);padding:20px 25px; }.hero-description { top:clamp(279px,23vw,345px); }.hero-title::after { height:170px; }.garage-seal { display:none; }
}
@media(max-width:700px) {
 :root { --gutter:20px; }
 .site-header { min-height:116px;display:grid;grid-template-columns:1fr auto;padding:14px 20px 8px;gap:7px 10px; }.brand { grid-column:1;grid-row:1; }.brand-type { font-size:23px; }.brand-type > span { font-size:6px;letter-spacing:.04em; }.era-switch { grid-column:2;grid-row:1;margin:0;transform:none;border-width:1px; }.era-switch a { min-height:36px;padding:6px;font-size:7px;gap:0; }.era-switch small { display:none; }.primary-nav { grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;font-size:10px;border-top:1px solid #123e3c40; }.primary-nav a { min-height:32px;padding:5px 0; }
 .hero { --truck:min(90vw,590px);--truck-bottom:156px;--gator-width:min(47vw,270px);height:calc(100svh - 116px);min-height:700px;max-height:920px; }
 .hero-title { top:33px;left:8%;width:84%;max-width:440px;padding:15px 18px 18px;border-width:10px;font-size:clamp(49px,12vw,72px);line-height:1.04;box-shadow:0 0 0 3px #123e3c,7px 8px 0 #123e3c; }.hero-title::before { inset:-9px; }.hero-title::after { height:150px;top:calc(100% + 13px);left:25%; }
 .hero-description { top:clamp(229px,50vw,291px);left:8%;font-size:12px;padding:9px 13px;border-width:1px; }
 .hero-scene { background-position:62% bottom; }.hero-scene::after { top:190px;bottom:175px;left:calc(8% + min(21vw,110px));width:7%; }.hero-scene .scene-shade { right:0; }.hero-scene .scene-grain { width:64%;height:71%;right:-9%;bottom:39%; }
 .hero-content::after { left:3%;bottom:131px;width:var(--gator-width);z-index:4; }
 .garage-seal { display:none; }
 .hero-actions { bottom:66px;gap:13px; }.button-primary { flex:1;min-width:0;min-height:54px;font-size:9px;padding:11px 12px;gap:10px; }.button-primary > span { font-size:21px; }.heat-control { min-width:0;min-height:56px;width:45%;font-size:18px;padding:11px 10px;gap:7px;grid-template-columns:1fr 23px; }.heat-control-icon { font-size:25px; }
 .hero-status { bottom:38px;font-size:8px;gap:6px; }.heat-meter { right:20px;bottom:33px;grid-template-columns:1fr;gap:0;justify-items:end;font-size:6px; }.heat-stars { grid-area:2/1;font-size:11px;letter-spacing:2px; }.hero-caption { min-height:23px;font-size:6px;letter-spacing:.03em; }
}
@media(max-width:360px) {
 .brand-type { font-size:20px; }.brand-type > span { font-size:5px; }.era-switch a { font-size:6.5px;padding:5px; }
 .hero { min-height:650px;--truck-bottom:154px; }.hero-title { font-size:46px;padding-inline:15px; }.hero-description { top:212px; }.heat-control { font-size:16px;padding-inline:8px;gap:4px; }.button-primary { font-size:8px;padding-inline:9px; }
}
@media(prefers-reduced-motion:reduce) {
 body:has(.heat-toggle:checked) .scene-shade::after { clip-path:inset(0); }
 body:has(.heat-toggle:checked) .hero-scene::before,body:has(.heat-toggle:checked) .scene-light { opacity:0; }
 body:has(.heat-toggle:checked) .heat-before { visibility:hidden; }
 body:has(.heat-toggle:checked) .heat-after { visibility:visible; }
}

/* Leonida v2: competing hand-painted roadside signs and a canal-side yard. */
.ticker { padding:14px 0; border:0; border-block:4px solid #fff2d4; background:#123e3c; color:#fff2d4; }
.ticker-track { gap:35px; }
.ticker-track > span { font:400 21px/1 Anton,Impact,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.ticker-track > i { color:#8cdbcc; font-size:17px; }
.services-section { overflow:hidden; padding:clamp(65px,8vw,120px) var(--gutter); color:#123e3c; background:repeating-linear-gradient(95deg,#eacb9d 0 3px,#fff2d4 3px 115px); }
.services-section .section-heading { align-items:end; padding-bottom:25px; margin-bottom:40px; border-bottom:5px solid #123e3c; }
.services-section .section-heading h2 { font:400 clamp(60px,7vw,108px)/.9 Anton,Impact,sans-serif; letter-spacing:0; text-transform:uppercase; }
.services-section .section-heading h2 em { color:#9c3c2f; font-style:normal; }
.services-section .section-heading > p { max-width:300px; font-size:15px; padding:0; }
.service-list { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:22px; align-items:start; border:0; }
.service { container-type:inline-size; display:flex; flex-direction:column; gap:0; min-width:0; padding:clamp(25px,3vw,45px); border:5px solid #123e3c; color:#123e3c; box-shadow:8px 9px 0 rgba(18,62,60,.3); }
.service:first-child { grid-row:span 2; min-height:480px; background:#f17a60; transform:rotate(-1deg); }
.service:nth-child(2) { margin:15px 0 0 15px; background:repeating-linear-gradient(90deg,#fff2d4 0 14px,#eadbbb 15px 16px); transform:rotate(1deg); }
.service:nth-child(3) { margin-right:30px; border-radius:80px 80px 22px 22px; background:#8cdbcc; transform:rotate(-1deg); }
.service-number { font:400 clamp(45px,5vw,75px)/1 Anton,Impact,sans-serif; color:#9c3c2f; }
.service-body { flex:1; padding:20px 0; }
.service-meta { margin-bottom:12px; font:700 11px/1.4 'DM Sans',sans-serif; letter-spacing:.07em; }
.service h3 { font:400 clamp(27px,9cqi,50px)/1 Anton,Impact,sans-serif; letter-spacing:0; text-transform:uppercase; overflow-wrap:anywhere; }
.service h3 br { display:none; }
.service:first-child h3 { font-size:clamp(38px,10cqi,68px); }
.service-body > p { margin-top:16px; font-size:15px; }
.service details { max-width:none; margin-top:18px; font-size:14px; }
.service summary { min-height:46px; border-block:1px solid #123e3c; }
.service-price { display:flex; flex-direction:row; align-items:baseline; flex-wrap:wrap; gap:8px; padding-top:18px; border-top:3px solid #123e3c; }
.service-price > span { font-size:11px; font-weight:700; letter-spacing:.08em; }
.service-price > strong { font:400 clamp(36px,4vw,58px)/1 Anton,Impact,sans-serif; }
.service-price > a { margin:0 0 0 auto; font-size:14px; gap:12px; }
.service-footnote { display:flex; flex-wrap:wrap; gap:8px 30px; margin-top:30px; font-size:12px; font-weight:700; }
.garage-section { display:grid; grid-template-columns:1fr; position:relative; isolation:isolate; min-height:730px; background:#799c7b; color:#123e3c; }
.garage-image { position:absolute; inset:0; z-index:-1; min-height:0; background:url("https://gta-garden.subtledifference.com.au/assets/theme/assets/gta/leo-backyard-v2.jpg") center/cover; }
.photo-frame { position:absolute; inset:20px; border:1px solid rgba(255,242,212,.6); }
.photo-caption { left:auto; right:30px; bottom:30px; background:#123e3c; color:#fff2d4; font-size:11px; font-weight:700; letter-spacing:.08em; }
.garage-copy { width:min(46%,580px); align-self:center; margin:70px var(--gutter) 90px; padding:clamp(35px,4vw,65px); background:#f17a60; border:5px solid #123e3c; box-shadow:9px 10px 0 rgba(18,62,60,.35); transform:rotate(-1deg); }
.section-index { margin-bottom:24px; font-size:12px; font-weight:700; letter-spacing:.1em; }
.garage-copy h2 { font:400 clamp(55px,5.8vw,86px)/.92 Anton,Impact,sans-serif; letter-spacing:0; text-transform:uppercase; }
.garage-copy h2 em { color:#fff2d4; font-style:normal; }
.garage-copy > p { max-width:430px; margin-top:23px; font-size:15px; }
.garage-copy .text-link { margin-top:25px; font-size:14px; }
.garage-note { margin-top:28px; font-size:12px; }
.quote-section { display:flex; align-items:start; justify-content:center; gap:clamp(15px,3vw,40px); padding:clamp(70px,8vw,125px) var(--gutter); background:#fff2d4; color:#123e3c; border-block:12px solid #f17a60; }
.quote-mark { color:#9c3c2f; font:400 clamp(75px,9vw,130px)/.8 Anton,Impact,sans-serif; }
.quote-section blockquote > p { font:400 clamp(43px,5.6vw,85px)/.95 Anton,Impact,sans-serif; letter-spacing:0; text-transform:uppercase; }
.quote-section blockquote > p em { color:#9c3c2f; font-style:normal; }
.quote-section blockquote footer { margin-top:25px; font-size:12px; font-weight:700; letter-spacing:.07em; }
.quote-stars { align-self:end; margin-left:4%; color:#9c3c2f; font-size:15px; }
.dispatch-section { position:relative; display:block; overflow:hidden; padding:clamp(75px,9vw,140px) var(--gutter); background:#123e3c; color:#123e3c; text-align:center; }
.dispatch-heading,.dispatch-card { position:relative; z-index:1; background:#8cdbcc; }
.dispatch-heading { padding:clamp(45px,6vw,85px) 40px 35px; border:8px solid #fff2d4; border-bottom:0; }
.dispatch-heading::before { content:''; position:absolute; inset:9px; border:2px dashed #9c3c2f; pointer-events:none; }
.open-sign { position:relative; display:flex; justify-content:center; color:#9c3c2f; font-size:12px; font-weight:700; letter-spacing:.1em; }
.dispatch-heading h2 { position:relative; font:400 clamp(70px,9vw,135px)/.88 Anton,Impact,sans-serif; letter-spacing:0; text-transform:uppercase; }
.dispatch-heading h2 em { color:#9c3c2f; font-style:normal; }
.dispatch-heading > p { position:relative; margin-top:25px; font-size:16px; }
.dispatch-card { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px 28px; min-width:0; padding:24px 35px; border:8px solid #fff2d4; border-top:4px solid #123e3c; text-align:left; box-shadow:10px 12px 0 #9c3c2f; }
.dispatch-card-label { font-size:11px; font-weight:700; letter-spacing:.1em; }
.dispatch-number { margin:0; font:400 clamp(30px,3.5vw,50px)/1 Anton,Impact,sans-serif; overflow-wrap:anywhere; }
.dispatch-card-note { max-width:220px; font-size:12px; }
.dispatch-divider { display:none; }
.dispatch-card > p:not(.dispatch-number) { font-size:14px; }
.dispatch-card .text-link { margin:0; font-size:14px; }
.site-footer { background:#123e3c; color:#fff2d4; border-color:#8cdbcc; }
.footer-brand { font:400 28px/.95 Anton,Impact,sans-serif; }
.footer-brand > span { font:700 11px/1 'DM Sans',sans-serif; letter-spacing:.05em; }
.site-footer > p { font-size:14px; }
.footer-stamp { font:700 12px/1.4 'DM Sans',sans-serif; color:#8cdbcc; }
.garden-colophon { background:#0b302e; color:#fff2d4; }
.garden-wordmark { font-family:Anton,Impact,sans-serif; font-weight:400; }
.garden-about > p,.garden-about > span,.source-links { font-size:14px; }
.garden-about > span,.fan-disclaimer { color:#d7e3d8; }
.fan-disclaimer { border-color:#52746c; font-size:12px; }
@media(max-width:1100px) {
 .garage-copy { width:55%; }
 .service-price > a { width:100%; justify-content:space-between; margin:8px 0 0; }
}
@media(max-width:700px) {
 .services-section { padding:55px 24px; }
 .services-section .section-heading { display:block; }
 .services-section .section-heading h2 { font-size:clamp(53px,13vw,75px); }
 .services-section .section-heading > p { margin-top:20px; }
 .service-list { grid-template-columns:1fr; gap:18px; }
 .service,.service:first-child,.service:nth-child(2),.service:nth-child(3) { grid-row:auto; min-height:0; margin:0; padding:25px; transform:none; }
 .service:nth-child(3) { border-radius:55px 55px 18px 18px; }
 .service h3,.service:first-child h3 { font-size:clamp(28px,9cqi,42px); }
 .service-price > a { width:auto; margin:0 0 0 auto; }
 .garage-section { min-height:0; padding:200px 24px 85px; }
 .garage-image { background-position:60% center; }
 .garage-copy { width:100%; margin:0; padding:30px 24px; transform:none; }
 .garage-copy h2 { font-size:clamp(51px,12vw,70px); }
 .garage-copy h2 br:nth-child(2) { display:none; }
 .photo-caption { right:24px; bottom:24px; }
 .quote-section { padding:60px 24px; gap:12px; }
 .quote-mark { font-size:65px; }
 .quote-section blockquote > p { font-size:clamp(38px,9vw,55px); }
 .quote-stars { display:none; }
 .dispatch-section { padding:65px 24px; }
 .dispatch-heading { padding:40px 20px 30px; }
 .dispatch-heading h2 { font-size:clamp(57px,13vw,85px); }
 .dispatch-card { padding:24px 20px; justify-content:flex-start; }
 .dispatch-number { width:100%; }
 .dispatch-card-note { max-width:none; width:100%; }
 .garden-colophon { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) { .ticker-track { animation:none; } }

/* Hand-painted advertisements, corrugated metal, and an oversized illuminated exit. */
.service:first-child { height:100%;min-height:0; }
.service:first-child .service-number { display:inline-flex;align-self:start;width:100px;height:100px;justify-content:center;align-items:center;border:4px solid #fff2d4;border-radius:50%;background:#123e3c;color:#fff2d4;transform:rotate(-12deg); }
.service:first-child h3 { font-size:clamp(38px,18cqi,126px); }
.service:first-child .service-price { align-items:center;gap:0 20px; }
.service:first-child .service-price > span { width:100%; }
.service:first-child .service-price > strong { font-size:clamp(90px,28cqi,190px); }
.service:first-child .service-price > a { align-self:end;margin-bottom:18px; }
.service:first-child h3 br { display:block; }
.service h3 { overflow-wrap:normal;font-size:clamp(23px,10cqi,50px); }
.service:nth-child(3) { text-align:center;padding-inline:40px; }
.service:nth-child(3) .service-price { text-align:left; }
.service:nth-child(2)::before,.service:nth-child(3)::before { content:'';position:absolute;top:14px;left:16px;width:7px;height:7px;border-radius:50%;background:#506359;box-shadow:calc(100cqi - 7px) 0 #506359; }
.service:nth-child(3)::before { left:50%;box-shadow:none; }
.service-price > a:hover,.text-link:hover { color:#9c3c2f; }
.service:first-child .service-body { padding-block:30px; }
.garage-copy { background:repeating-linear-gradient(90deg,#f17a60 0 21px,#dd6d551c 22px,#d9654e 23px,#f17a60 25px); }
.garage-copy h2 em { color:#74372b; }
.garage-copy::before,.garage-copy::after { content:'';position:absolute;top:12px;width:10px;height:10px;background:#123e3c;border-radius:50%;box-shadow:1px 1px 0 #fff2d4; }
.garage-copy::before { left:12px; }.garage-copy::after { right:12px; }
.quote-section { border:0;background:linear-gradient(#fff2d4,#fff2d4) center/calc(100% - 30px) calc(100% - 30px) no-repeat,repeating-linear-gradient(135deg,#f17a60 0 18px,#fff2d4 18px 36px); }
.dispatch-section { display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:30px;isolation:isolate;padding:clamp(120px,11vw,170px) 24% clamp(120px,11vw,170px) 8%;min-height:740px;text-align:left;overflow:clip; }
.dispatch-section::before { content:'';position:absolute;z-index:-1;inset:35px 3%;background:url("https://gta-garden.subtledifference.com.au/assets/theme/assets/gta/leo-exit-arrow-v2.svg") center/100% 100% no-repeat;filter:drop-shadow(8px 12px 0 #0005); }
.dispatch-heading,.dispatch-card { padding:0;border:0;background:none;box-shadow:none;text-align:left; }
.dispatch-heading::before { display:none; }
.dispatch-heading h2 { font-size:clamp(65px,7.3vw,110px); }
.dispatch-heading > p { font-size:15px;margin-top:28px; }
.open-sign { justify-content:flex-start;font-size:11px;color:#123e3c; }
.dispatch-card { display:block;padding-left:28px;border-left:2px solid #123e3c; }
.dispatch-number { margin-block:20px 10px;font-size:clamp(28px,3vw,45px); }
.dispatch-card-note { font-size:11px; }
.dispatch-card > p:not(.dispatch-number) { margin-top:26px;font-size:15px; }
.dispatch-card .text-link { display:inline-flex;margin-top:20px;gap:30px; }
@supports (interpolate-size:allow-keywords) {
 :root { interpolate-size:allow-keywords; }
 details::details-content { block-size:0;overflow:clip;transition:block-size .35s,content-visibility .35s;transition-behavior:allow-discrete; }
 details[open]::details-content { block-size:auto; }
}
@supports (animation-timeline:view()) {
 @media(prefers-reduced-motion:no-preference) {
  .ticker-track { animation:leo-v2-ticker linear both;animation-timeline:view();animation-range:entry 0% exit 100%; }
  .service:nth-child(2) { animation:leo-v2-advert linear both;animation-timeline:view();animation-range:entry 0% entry 100%; }
  .garage-copy { animation:leo-v2-notice linear both;animation-timeline:view();animation-range:entry 0% entry 100%; }
  .dispatch-section::before { animation:leo-v2-exit linear both;animation-timeline:view();animation-range:entry 0% entry 100%; }
 }
}
@keyframes leo-v2-ticker { from { transform:translateX(0); } to { transform:translateX(-25%); } }
@keyframes leo-v2-advert { from { transform:rotate(4deg) translateY(25px); } to { transform:rotate(1deg); } }
@keyframes leo-v2-notice { from { transform:rotate(-2.5deg) translateY(28px); } to { transform:rotate(-1deg); } }
@keyframes leo-v2-exit { from { filter:brightness(.92) drop-shadow(8px 12px 0 #0005); } to { filter:brightness(1) drop-shadow(8px 12px 0 #0005); } }
@media(max-width:1100px) {
 .dispatch-section { grid-template-columns:1.2fr 1fr;padding-right:23%;gap:24px;min-height:680px; }.dispatch-heading h2 { font-size:clamp(50px,7.2vw,80px); }.dispatch-number { font-size:28px; }.dispatch-card { padding-left:20px; }
}
@media(max-width:700px) {
 .service:first-child { height:auto; }.service:first-child .service-number { width:80px;height:80px;font-size:45px; }
 .service h3,.service:first-child h3 { font-size:clamp(23px,10cqi,42px); }
 .service:first-child h3 { font-size:clamp(36px,16cqi,62px); }
 .service:first-child .service-price > strong { font-size:clamp(70px,28cqi,110px); }
 .service:first-child .service-price > a { margin-bottom:8px; }
 .service:nth-child(3) { padding-inline:25px; }
 .garage-section { padding-bottom:110px; }.garage-copy { position:relative; }.garage-copy h2 { font-size:clamp(45px,11.7vw,70px); }
 .dispatch-section { display:block;min-height:0;padding:100px 48px 145px; }
 .dispatch-section::before { inset:30px 18px;background:#8cdbcc;border:6px solid #fff2d4;clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%); }
 .dispatch-heading h2 { font-size:clamp(55px,15vw,90px); }
 .dispatch-card { margin-top:35px;padding:28px 0 0;border:0;border-top:2px solid #123e3c; }
 .dispatch-number { font-size:clamp(27px,7vw,40px); }
 .open-sign { font-size:10px; }
}
@media(max-width:360px) { .dispatch-heading h2 { font-size:50px; } }

/* A decorative warning, using the existing host and a stable pseudo-element hit area. */
.hero-content { --gator-alert:0;pointer-events:none; }
.hero-title,.hero-description,.hero-actions { pointer-events:auto; }
.hero-content::before { content:'';position:absolute;z-index:3;bottom:153px;left:5%;width:var(--gator-width);aspect-ratio:3;background:url("https://gta-garden.subtledifference.com.au/assets/theme/assets/gta/leo-alligator-alert-v2.webp") center/contain no-repeat;filter:drop-shadow(1px 7px 3px #173c3870);transform-origin:55% 80%;pointer-events:none;opacity:var(--gator-alert);transition:opacity .24s ease-out; }
.hero-content::after { pointer-events:auto;cursor:help;opacity:calc(1 - var(--gator-alert));transition:opacity .24s ease-out; }
/* The transparent resting layer remains the target even when the alert layer is visible. */
@media(hover:hover) and (pointer:fine) {
 .hero-content:hover:not(:has(> :hover)) { --gator-alert:1; }
 .hero-content:hover:not(:has(> :hover))::before,.hero-content:hover:not(:has(> :hover))::after { transition-duration:.42s;transition-delay:.12s; }
}
/* The first hero link also lets keyboard visitors discover the decorative response. */
.hero-content:has(.button-primary:focus-visible) { --gator-alert:1; }
/* Touch browsers retain hover after a tap; touching elsewhere returns to rest. */
@media(hover:none) {
 .hero-content:hover:not(:has(> :hover)) { --gator-alert:1; }
}
body:has(.heat-toggle:checked) .hero-content::before { animation:leo-v2-gator 6.4s both; }
@media(max-width:700px) { .hero-content::before { left:3%;bottom:131px;z-index:4; } }