:root{--bg:#0f0e0c;--surface:#1d1b17;--surface-2:#2b2823;--ink:#fff;--muted:#b3ada3;--accent:#f5b301;--accent-strong:#ffc933;--accent-ink:#14120f;--paper-ground:#e2e2de;--paper:#f3f3f1;--paper-step:#e8e8e4;--paper-hover:#dededa;--paper-ink:#14120f;--paper-muted:#57544e;--teal:#0b6e6b;--teal-step:#085755;--teal-ink:#fff;--orange:#f06a28;--orange-ink:#14120f;--font:"Jost", "Futura", "Century Gothic", system-ui, sans-serif;--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(2rem, 1.3rem + 3.2vw, 4rem);--m:12px;--g:8px;--pad:clamp(18px, 1.6vw, 24px);--strip:28px;--top-h:72px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-soft:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--step-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}img{max-width:100%;display:block}[hidden]{display:none!important}a{color:inherit}button,input,select{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.visually-hidden,.skip:not(:focus){clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip:focus{left:var(--m);top:var(--m);z-index:10;background:var(--accent);color:var(--accent-ink);padding:12px 16px;position:absolute}.small{font-size:var(--step-small)}.soft{color:var(--muted)}.head{font-size:var(--step-head);letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance;font-weight:700;line-height:.95}.link{text-underline-offset:.22em;text-decoration:underline .07em;text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);transition:text-decoration-color .2s}.button{background:var(--accent);min-height:52px;color:var(--accent-ink);transition:transform .12s var(--ease-out), background-color .2s ease;justify-content:center;align-items:center;padding:0 20px;font-weight:500;text-decoration:none;display:inline-flex}.button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.link:hover{text-decoration-color:currentColor}.button:hover{background:var(--accent-strong)}}.topbar{z-index:5;gap:var(--g);padding:var(--m) var(--m) var(--g);display:flex;position:relative}.topbar .tile{background:var(--surface);min-height:52px;color:var(--ink);font-size:var(--step-small);white-space:nowrap;align-items:center;padding:0 16px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.topbar .mark{font-size:var(--step-body);letter-spacing:-.01em;text-transform:uppercase;flex:auto;font-weight:700}.topnav ul{gap:var(--g);display:flex}.topbar [aria-current=page]{background:var(--paper);color:var(--paper-ink)}.topbar .call{background:var(--accent);color:var(--accent-ink)}@media (hover:hover) and (pointer:fine){.topbar a.tile:not(.call):not([aria-current]):hover,.menu summary:hover{background:var(--surface-2)}.topbar .call:hover{background:var(--accent-strong)}}.menu{display:none}.menu summary{cursor:pointer;height:100%;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu nav{left:var(--m);right:var(--m);top:calc(100% - var(--g) + var(--g));background:var(--bg);padding-bottom:var(--g);position:absolute}.menu ul{gap:var(--g);display:grid}.menu[open] summary{background:var(--paper);color:var(--paper-ink)}.menu[open] nav{animation:drop .26s var(--ease-out)}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}}@media (width<=1199px){.topnav{display:none}.menu{display:block}}@media (width<=520px){.topbar .call-number{display:none}.topbar .tile{padding:0 14px}.topbar .mark{font-size:var(--step-small)}}.frame{background:var(--surface);flex-direction:column;flex-shrink:0;min-width:0;display:flex}.frame-pic{aspect-ratio:var(--ratio,auto);display:block;overflow:hidden}.frame-pic img{object-fit:cover;width:100%;height:100%}.strip{min-height:var(--strip);background:var(--paper);color:var(--paper-ink);font-size:var(--step-small);flex:none;align-items:center;padding:6px 10px;line-height:1.15;display:flex}[data-paint=yellow]>.strip{background:var(--accent);color:var(--accent-ink)}[data-paint=orange]>.strip{background:var(--orange);color:var(--orange-ink)}[data-paint=teal]>.strip{background:var(--teal);color:var(--teal-ink)}.board-light .frame{background:var(--paper-step)}.frame.fill{contain:size;height:100%;min-height:0}.frame.fill .frame-pic{aspect-ratio:auto;flex:auto;min-height:0}.sheet{--row1:clamp(110px, calc((100svh - var(--top-h)) * .28 - var(--g)), 300px);grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:var(--row1) auto minmax(0, 1fr);gap:var(--g);height:max(calc(100svh - var(--top-h)), 680px);padding:0 var(--m);display:grid;position:relative;overflow:hidden}.sheet .col{contain:size;gap:var(--g);min-height:0;transform:translateY(calc(var(--off,0px) + var(--drift,0px)));flex-direction:column;display:flex}.c1{grid-area:1/1/-1}.c2{grid-area:1/2/-1}.c5{grid-area:1/5/-1}.c6{grid-area:1/6/-1}.c3a{grid-area:1/3}.c4a{grid-area:1/4}.c3b{grid-area:3/3}.c4b{grid-area:3/4}.sheet .c3a,.sheet .c4a{justify-content:flex-end;transform:none}.c3a .frame,.c4a .frame{height:calc(100% - var(--off))}.c3a .frame-pic,.c4a .frame-pic{aspect-ratio:auto;flex:auto;min-height:0}.c3b .strip,.c4b .strip{display:none}.panel{z-index:1;padding:var(--pad);background:var(--paper);color:var(--paper-ink);flex-direction:column;grid-area:2/3/auto/5;display:flex;container-type:inline-size}.name{letter-spacing:-.03em;text-transform:uppercase;margin-left:-.04em;font-size:15.6cqw;font-weight:700;line-height:.88}.name span{display:block}.what{font-size:var(--step-lead);text-wrap:balance;margin-top:14px;font-weight:500;line-height:1.2}.intro{max-width:40ch;margin-top:12px}.panel-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px;display:flex}.panel-links{font-size:var(--step-small);color:var(--paper-muted);gap:20px;margin-top:24px;padding-top:0;display:flex}@media (width<=1099px){.sheet{columns:3;column-gap:var(--g);height:auto;display:block;overflow:visible}.sheet .col{display:contents}.sheet .frame{break-inside:avoid;margin-bottom:var(--g)}.c3a .frame,.c4a .frame{height:auto}.c3a .frame-pic,.c4a .frame-pic{aspect-ratio:var(--ratio)}.c3b .strip,.c4b .strip{display:flex}.panel{column-span:all;margin-bottom:var(--g)}.name{font-size:12.4cqw}.sheet .c5,.sheet .c6{display:none}}@media (width<=699px){.sheet{columns:2}.name{font-size:15.4cqw}.what{font-size:1.1875rem}.panel-actions .button{width:100%}.sheet .c4b{display:none}}.board-light{gap:var(--g);padding:var(--g) var(--m);background:var(--paper-ground);color:var(--paper-ink);display:grid}.board-light .tile{background:var(--paper);padding:var(--pad)}.board-light>section{gap:var(--g);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.hire{grid-template-rows:minmax(0,3fr) minmax(0,2fr)}.hire-list{grid-area:1/1/3/7;container-type:inline-size}.hire-a{grid-area:1/7/auto/13}.hire-b{grid-area:2/7/auto/10}.hire-c{grid-area:2/10/auto/13}.giant{letter-spacing:-.04em;text-transform:uppercase;margin:0 0 24px -.05em;font-size:46.5cqw;font-weight:700;line-height:.8}.bars{gap:6px;display:grid}.bar{background:var(--paper-step)}.bar summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:16px;min-height:56px;padding:0 18px;font-weight:500;list-style:none;transition:background-color .2s;display:grid}.bar summary::-webkit-details-marker{display:none}.bar-range{color:var(--paper-muted);font-variant-numeric:tabular-nums;font-weight:400}.plus{width:20px;height:20px;position:relative}.plus:before,.plus:after{content:"";height:2px;transition:transform .3s var(--ease-out);background:currentColor;position:absolute;top:9px;left:2px;right:2px}.plus:after{transform:rotate(90deg)}.bar[open] .plus:after{transform:rotate(0)}.bar-panel{padding:2px 18px 20px}.bar-panel ul{gap:14px;display:grid}.bar-panel li{justify-content:space-between;gap:16px;display:flex}.bar-panel .note{color:var(--paper-muted);text-align:right;font-variant-numeric:tabular-nums}.bar-panel .link{margin-top:18px;display:inline-block}.bar[open] .bar-panel{animation:open .38s var(--ease-out)}@keyframes open{0%{opacity:0;transform:translateY(-6px)}}@media (hover:hover) and (pointer:fine){.bar summary:hover{background:var(--paper-hover)}}.about{grid-template-rows:minmax(300px,auto) auto}.about-head{flex-direction:column;grid-column:1/9;justify-content:space-between;gap:28px;display:flex}.about-head .lead{max-width:36ch;font-size:clamp(1.25rem,.9rem + 1.1vw,2rem);line-height:1.25}.about-lorry{grid-column:9/13}.about-photo{aspect-ratio:16/10;grid-column:1/9;position:relative}.about-photo .shutter,.about-photo .frame{height:100%}.paper-note{top:var(--strip);background:var(--paper);width:320px;color:var(--paper-ink);padding:20px;position:absolute;right:0}.about-side{gap:var(--g);flex-direction:column;grid-column:9/13;display:flex}.map-tile{background:var(--orange);flex-direction:column;display:flex}.map{aspect-ratio:1340/1040;position:relative;overflow:hidden}.map img{object-fit:cover;mix-blend-mode:multiply;filter:grayscale()contrast(1.3)brightness(1.06);width:100%;height:100%}.map-dot{background:var(--paper-ink);outline:3px solid var(--paper);border-radius:50%;width:14px;height:14px;position:absolute;top:77.6%;left:55.6%;transform:translate(-50%,-50%)}.map-label{background:var(--paper-ink);color:var(--paper);font-size:var(--step-small);padding:3px 7px;line-height:1.2;position:absolute;top:calc(77.6% - 40px);left:calc(55.6% - 6px)}.facts{flex:auto;grid-template-columns:1fr 1fr;align-content:start;gap:18px 16px;display:grid}.facts dt{font-size:var(--step-small);color:var(--paper-muted)}.facts dd{font-weight:500}.works{grid-template-rows:minmax(520px,auto) auto}.works-text{flex-direction:column;grid-column:1/7;gap:18px;display:flex}.works-text p{max-width:42ch}.works-text .lead{font-size:var(--step-lead);max-width:30ch;line-height:1.3}.works-text .link{align-self:flex-start;margin-top:auto}.works-a{grid-column:7/10}.works-b{grid-column:10/13}.works-diagram{grid-column:1/13}.dia{width:100%;height:auto;display:block}.dia rect.clay-1{fill:#d6c9b2}.dia rect.clay-2{fill:#b9a88b}.dia rect.run{fill:var(--paper-ink)}.dia rect.laid{fill:var(--accent)}.dia-tall{display:none}.steps{gap:var(--g);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;display:grid}.steps h3{font-size:var(--step-lead);font-weight:700;line-height:1.1}.steps p{max-width:30ch;margin-top:8px}.enquiry{min-height:80svh;padding:48px calc(var(--m) + var(--pad)) 72px;background:var(--teal);color:var(--teal-ink);flex-direction:column;display:flex}.photo-strip{margin:0 calc((var(--m) + var(--pad)) * -1);overflow:hidden}.photo-run{gap:var(--g);width:max-content;display:flex}.strip-pic{height:150px;aspect-ratio:var(--ratio);flex:none;overflow:hidden}.strip-pic picture,.strip-pic img{object-fit:cover;width:100%;height:100%}.enquiry h2{margin-top:72px}.composer{margin-top:40px}.cells{gap:var(--g);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cell{background:var(--teal-step);height:96px;color:var(--teal-ink);font-size:var(--step-lead);transition:background-color .2s ease, color .2s ease, transform .12s var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative}.cell select,.cell input{text-align:center;text-align-last:center;appearance:none;cursor:pointer;background:0 0;border:0;border-radius:0;outline:none;width:100%;height:100%;padding:0 20px}.cell input{cursor:text}.cell input::placeholder{color:#ffffffd1;opacity:1}.cell option{color:var(--paper-ink);background:#fff}.cell:focus-within{background:var(--paper);color:var(--paper-ink)}.cell input:focus::placeholder{color:var(--paper-muted)}.cell:has(:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.send{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;font-weight:500}.send:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.cell:not(.send):hover{background:#0a4d4b}.send:hover{background:var(--accent-strong)}}.cell-notes{gap:var(--g);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;display:grid}.cell-notes .small{grid-column:3}.driver{border:0;gap:6px;margin:0;padding:0;display:flex}.driver label{cursor:pointer;position:relative}.driver input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.driver span{background:var(--teal-step);font-size:var(--step-small);padding:8px 12px;transition:background-color .2s,color .2s;display:inline-block}.driver input:checked+span{background:var(--paper);color:var(--paper-ink)}.driver input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.preview{padding:var(--pad);background:var(--teal-step);font-size:var(--step-lead);margin-top:24px;line-height:1.35}.preview .soft{color:#ffffffc7}.footer{gap:var(--g);padding:var(--g) var(--m) var(--m);grid-template-rows:220px 320px;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.footer .tile{padding:var(--pad);background:var(--surface);color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.f-statement{grid-column:1/5;justify-content:space-between;gap:16px}.f-line{font-size:var(--step-lead);max-width:24ch;line-height:1.25}.f-statement .soft a{color:inherit}.f-nav{grid-column:5/8}.f-nav ul{gap:4px;display:grid}.f-place{grid-column:8/10;justify-content:space-between}.f-clock{font-size:var(--step-lead);font-variant-numeric:tabular-nums}.f-email{grid-column:10/13;justify-content:space-between}.f-social{flex-wrap:wrap;gap:6px 18px;display:flex}.f-address{overflow-wrap:anywhere}.footer .f-wordmark{background:var(--ink);color:var(--bg);letter-spacing:-.03em;text-transform:uppercase;text-align:center;grid-column:1/9;justify-content:center;align-items:center;font-weight:700;line-height:.86;container-type:inline-size}.f-wordmark span{font-size:15.4cqw;display:block}.footer .f-call{background:var(--accent);color:var(--accent-ink);font-size:var(--step-lead);grid-column:9/13;justify-content:space-between;font-weight:500;line-height:1.2;transition:background-color .2s}.f-arrow{width:64px;height:64px;transition:transform .3s var(--ease-out);align-self:flex-end}@media (hover:hover) and (pointer:fine){.footer .f-call:hover{background:var(--accent-strong)}.footer .f-call:hover .f-arrow{transform:translate(6px,-6px)}}@media (width<=899px){.hire{grid-template-rows:auto}.hire-list{grid-area:auto/1/auto/-1}.hire-a{aspect-ratio:4/3;grid-area:auto/1/auto/-1}.hire-b{aspect-ratio:1;grid-area:auto/1/auto/7}.hire-c{aspect-ratio:1;grid-area:auto/7/auto/13}.about{grid-template-rows:auto}.about-head{grid-column:1/-1}.about-lorry{aspect-ratio:4/3;grid-column:1/-1}.about-photo{aspect-ratio:auto;gap:var(--g);flex-direction:column;grid-column:1/-1;display:flex}.about-photo .shutter{aspect-ratio:4/3}.paper-note{width:auto;position:static}.about-side{grid-column:1/-1}.facts{order:-1}.works{grid-template-rows:auto}.works-text{grid-column:1/-1}.works-a{aspect-ratio:4/3;grid-column:1/-1}.works-b{aspect-ratio:3/4;grid-column:1/-1}.works-diagram{grid-template-columns:minmax(0,1fr) 38vw;gap:20px;display:grid}.dia-wide{display:none}.dia-tall{display:block}.steps{grid-template-rows:30fr 34fr 36fr;grid-template-columns:1fr;gap:0;margin-top:0}.steps p{font-size:var(--step-small)}.bar-panel li{flex-direction:column;gap:2px}.bar-panel .note{text-align:left;font-size:var(--step-small)}.cells,.cell-notes{grid-template-columns:1fr}.cell{height:60px}.cell-notes .small{grid-column:auto}.footer{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:6px}.footer .tile{grid-column:auto;gap:20px;min-height:0}.footer .f-statement,.footer .f-place{grid-column:1/-1}.footer .f-wordmark{grid-area:1/1/auto/-1;min-height:160px;padding-block:28px}.footer .f-call{grid-area:2/1/auto/-1}.f-nav,.f-email{grid-row:3}}@media (width<=599px){.footer .f-email,.footer .f-nav{grid-area:auto/1/auto/-1}.f-nav ul{grid-template-columns:1fr 1fr;gap:8px 16px}}@media (width>=600px) and (width<=899px){.works-a{aspect-ratio:auto;grid-column:1/8}.works-b{grid-column:8/13}.about-side{grid-template-columns:1fr 1fr;display:grid}}@media (prefers-reduced-motion:no-preference){.js .sheet .frame{opacity:0;transform:translateY(28px)}.js .sheet.is-loaded .frame{opacity:1;transition:opacity .7s ease, transform .9s var(--ease-out);transition-delay:calc(var(--c,0) * 70ms + var(--i,0) * 90ms);transform:none}.js .panel>*{opacity:0;transform:translateY(18px)}.js .sheet.is-loaded .panel>*{opacity:1;transition:opacity .6s ease, transform .8s var(--ease-out);transform:none}.js .sheet.is-loaded .panel>:nth-child(2){transition-delay:90ms}.js .sheet.is-loaded .panel>:nth-child(3){transition-delay:.18s}.js .sheet.is-loaded .panel>:nth-child(4){transition-delay:.27s}.js .sheet.is-loaded .panel>:nth-child(5){transition-delay:.36s}.js [data-reveal]{opacity:0;transform:translateY(24px)}.js [data-reveal].is-in{opacity:1;transition:opacity .65s ease, transform .9s var(--ease-out);transition-delay:calc(var(--i,0) * 80ms);transform:none}.js .frame.fill:not(.shutter .frame){clip-path:inset(0 0 100%)}.js .frame.fill.is-in:not(.shutter .frame){clip-path:inset(0);transition:clip-path .7s var(--ease-in-out)}.js .shutter{clip-path:inset(0 0 100%);transition:clip-path 1s var(--ease-in-out)}.js .shutter img{transition:transform 1.5s var(--ease-soft);transform:scale(1.12)}.js .shutter.is-in{clip-path:inset(0)}.js .shutter.is-in img{transform:none}.js .dia rect{opacity:0;translate:0 12px}.js .dia.is-in rect{opacity:1;transition:opacity .5s ease var(--d), translate .7s var(--ease-out) var(--d);translate:0}.photo-run{animation:90s linear infinite run}.photo-strip:hover .photo-run{animation-play-state:paused}@keyframes run{to{transform:translateX(calc(-50% - var(--g) / 2))}}}@media (width<=699px){.strip-pic{height:110px}}.sboard{gap:var(--g);height:max(calc(100svh - var(--top-h)), 700px);max-height:960px;padding:0 var(--m);grid-template-rows:minmax(auto,1.3fr) minmax(0,1fr);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.sboard .tile{padding:var(--pad)}.s-title{background:var(--paper);color:var(--paper-ink);flex-direction:column;grid-area:1/1/auto/8;justify-content:space-between;gap:28px;display:flex;container-type:inline-size}.page-name{font-size:var(--fit);letter-spacing:-.035em;text-transform:uppercase;margin-left:-.05em;font-weight:700;line-height:.86}.page-name span{display:block}.s-say{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.statement{text-wrap:pretty;max-width:30ch;font-size:clamp(1.25rem,.8rem + 1.25vw,2.125rem);line-height:1.22}.s-main{grid-area:1/8/3/13;min-height:0}.s-main .frame{height:100%}.sboard .s-call{background:var(--accent);color:var(--accent-ink);font-size:var(--step-lead);flex-direction:column;grid-area:2/1/auto/4;justify-content:space-between;font-weight:500;line-height:1.15;text-decoration:none;transition:background-color .2s;display:flex}.s-number{font-variant-numeric:tabular-nums;font-weight:700}.s-second{grid-area:2/4/auto/6}.sboard .s-facts{background:var(--surface);grid-area:2/6/auto/8;align-content:start;gap:12px;display:grid}.s-facts dt,.facts-dark dt{font-size:var(--step-small);color:var(--muted)}.s-facts dd,.facts-dark dd{font-weight:500}@media (hover:hover) and (pointer:fine){.sboard .s-call:hover{background:var(--accent-strong)}.sboard .s-call:hover .f-arrow{transform:translate(6px,-6px)}}.sboard.mirror .s-title{grid-column:6/13}.sboard.mirror .s-main{grid-column:1/6}.sboard.mirror .s-call{grid-column:10/13}.sboard.mirror .s-second{grid-column:8/10}.sboard.mirror .s-facts{grid-column:6/8}@media (width>=1100px){.sboard.low{grid-template-rows:minmax(0,1fr) minmax(auto,1.3fr)}.sboard.low .s-title{grid-row:2}.sboard.low .s-call,.sboard.low .s-second,.sboard.low .s-facts{grid-row:1}}@media (width<=1099px){.sboard{grid-template-rows:auto;height:auto;max-height:none}.s-title,.sboard.mirror .s-title{grid-area:1/1/auto/-1;min-height:340px}.sboard .s-call,.sboard.mirror .s-call{grid-area:2/1/auto/6;min-height:180px}.sboard .s-facts,.sboard.mirror .s-facts{grid-area:2/6/auto/13;grid-template-columns:1fr 1fr;gap:16px}.s-main,.sboard.mirror .s-main{aspect-ratio:4/3;grid-area:3/1/auto/9}.s-second,.sboard.mirror .s-second{grid-area:3/9/auto/13}.sboard.mirror .s-main{grid-column:5/13}.sboard.mirror .s-second{grid-column:1/5}}@media (width<=699px){.s-title,.sboard.mirror .s-title{gap:22px;min-height:0}.statement{font-size:1.1875rem}.sboard .s-call,.sboard.mirror .s-call{flex-direction:row;grid-area:2/1/auto/-1;justify-content:space-between;align-items:center;gap:12px;min-height:0;padding-block:18px}.sboard .s-call .f-arrow{flex:none;align-self:center;width:40px;height:40px}.s-call span:first-child{display:none}.sboard .s-facts,.sboard.mirror .s-facts{grid-area:3/1/auto/-1}.s-main,.sboard.mirror .s-main{aspect-ratio:3/4;grid-area:4/1/auto/8}.s-second,.sboard.mirror .s-second{grid-area:4/8/auto/13}.sboard.mirror .s-main{grid-column:6/13}.sboard.mirror .s-second{grid-column:1/6}}.sizes{grid-template-rows:auto clamp(320px,30vw,500px) auto}.sizes-head{gap:20px var(--g);grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.sizes-head h2{grid-column:1/7}.sizes-head .lead{font-size:var(--step-lead);grid-column:7/13;max-width:32ch;line-height:1.3}.size{grid-row:2/4;grid-template-rows:subgrid;gap:var(--g);display:grid}.size-0{grid-column:1/4}.size-1{grid-column:4/8}.size-2{grid-column:8/13}.size-name{font-size:var(--step-head);letter-spacing:-.03em;text-transform:uppercase;font-weight:700;line-height:.95}.size-text p{max-width:34ch;margin-top:12px}@media (width<=899px){.sizes{grid-template-rows:auto}.sizes-head h2,.sizes-head .lead{grid-column:1/-1}.size,.size-0,.size-1,.size-2{grid-area:auto/1/auto/-1;grid-template-rows:auto}.size .frame{aspect-ratio:4/3}}@media (width>=600px) and (width<=899px){.size-0{grid-column:1/7}.size-1{grid-column:7/13}.size-0 .frame,.size-1 .frame{aspect-ratio:3/4}}.chooser{align-items:stretch}.ch-list{flex-direction:column;grid-column:1/6;gap:18px;display:flex}.ch-lead{font-size:var(--step-lead);max-width:28ch;line-height:1.3}.choices{border:0;gap:6px;margin:14px 0 0;padding:0;display:grid}.choice{background:var(--paper-step);cursor:pointer;align-items:center;gap:16px;min-height:56px;padding:0 18px;font-weight:500;transition:background-color .2s,color .2s;display:flex;position:relative}.choice:after{content:"";opacity:.22;width:12px;height:12px;transition:opacity .2s ease, transform .3s var(--ease-out);background:currentColor;flex:none;margin-left:auto}.choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.choice:has(:checked){background:var(--paper-ink);color:var(--paper)}.choice:has(:checked):after{opacity:1;transform:scale(1.25)}.choice:has(:focus-visible){outline:3px solid var(--accent);outline-offset:2px}@media (hover:hover) and (pointer:fine){.choice:not(:has(:checked)):hover{background:var(--paper-hover)}}.ch-panels{gap:var(--g);grid-column:6/13;display:grid}.ch-panel{gap:var(--g);grid-template-rows:minmax(440px,1fr);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.ch-result{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}.ch-result h3{font-size:var(--step-lead);margin-bottom:auto;font-weight:700;line-height:1.15}.ch-result p{max-width:30ch}.ch-result .button{margin-top:14px}.chooser.flip .ch-list{grid-area:1/8/auto/13}.chooser.flip .ch-panels{grid-area:1/1/auto/8}.chooser.drawn .ch-panel{grid-template-rows:auto minmax(300px,1fr)}.chooser.drawn .ch-drawing{background:var(--paper);grid-column:1/-1;padding:0}.ch-drawing svg{width:100%;height:auto;display:block}.chooser.drawn .choice{min-height:76px}.chooser.drawn .choices{margin-top:auto}.ch-drawing .strip{background:var(--paper-step)}@supports selector(:has(*)){.ch-panels{grid-template-areas:"one"}.ch-panel{grid-area:one;display:none}.chooser:has(.choice:first-of-type :checked) .ch-panel:first-of-type,.chooser:has(.choice:nth-of-type(2) :checked) .ch-panel:nth-of-type(2),.chooser:has(.choice:nth-of-type(3) :checked) .ch-panel:nth-of-type(3),.chooser:has(.choice:nth-of-type(4) :checked) .ch-panel:nth-of-type(4),.chooser:has(.choice:nth-of-type(5) :checked) .ch-panel:nth-of-type(5),.chooser:has(.choice:nth-of-type(6) :checked) .ch-panel:nth-of-type(6),.chooser:has(.choice:nth-of-type(7) :checked) .ch-panel:nth-of-type(7),.chooser:has(.choice:nth-of-type(8) :checked) .ch-panel:nth-of-type(8){display:grid}}@media (width<=899px){.ch-list,.chooser.flip .ch-list,.ch-panels,.chooser.flip .ch-panels{grid-area:auto/1/auto/-1}.ch-panel,.chooser.drawn .ch-panel{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.ch-pic{aspect-ratio:4/3}.ch-result{order:1}.ch-pic{order:2}.ch-result .button{margin-top:8px}}@media (width<=599px){.choices{grid-template-columns:1fr 1fr}.choice{min-height:64px;padding:10px 14px;line-height:1.25}.choice:after{display:none}}.plan .run{fill:var(--paper-step)}.plan .trench{fill:#a8987c}.plan .bin{fill:var(--orange)}.plan .bin-in{fill:#c9571f}.plan .wheel,.plan .ink{fill:var(--paper-ink)}.plan .paint{fill:var(--accent)}.plan .skip-paint{fill:#dc9f00}.plan .skip-lip{fill:#a87900}.plan .clay-1{fill:#d6c9b2}.plan .clay-2{fill:#9c8a6c}.plan .skip{transform-box:view-box}.plan .skip-straight{transform-origin:400px 160px;transform:scaleX(.55)}.plan .skip-swivel{transform-origin:352px 160px;transform:rotate(90deg)}.plan .skip-high{transform-origin:352px 160px;transform:translate(60px)scale(1.08)}.plan .skip-load{opacity:0}.pair{grid-template-rows:auto minmax(280px,auto)}.pair-text{flex-direction:column;grid-area:1/1/auto/6;gap:22px;display:flex}.pair-text .lead{font-size:var(--step-lead);max-width:30ch;line-height:1.3}.pair-text .lead+p{max-width:40ch}.pair-facts{grid-template-columns:1fr 1fr;gap:16px;margin-top:auto;display:grid}.pair-facts dt{font-size:var(--step-small);color:var(--paper-muted)}.pair-facts dd{font-weight:500}.pair-a{grid-area:1/6/3/13}.pair-b{grid-area:2/1/auto/4}.pair-c{grid-area:2/4/auto/6}@media (width<=899px){.pair{grid-template-rows:auto}.pair-text{grid-area:auto/1/auto/-1}.pair-a{aspect-ratio:4/3;grid-area:auto/1/auto/-1}.pair-b{aspect-ratio:4/3;grid-area:auto/1/auto/8}.pair-c{grid-area:auto/8/auto/13}}.compact{grid-template-rows:auto minmax(220px,1fr)}.compact-head{flex-direction:column;grid-area:1/1/auto/6;gap:20px;display:flex}.compact-head .lead{font-size:var(--step-lead);max-width:28ch;line-height:1.3}.compact-figure{grid-area:2/1/auto/6;align-items:flex-end;display:flex}.compact-pic{grid-area:1/6/3/9}.compact-item{flex-direction:column;gap:10px;display:flex}.compact-item h3{font-size:var(--step-lead);font-weight:700;line-height:1.15}.compact-item p{max-width:34ch}.compact-item .link{align-self:flex-start;margin-top:auto;padding-top:12px}.compact-0{grid-area:1/9/auto/13}.compact-1{grid-area:2/9/auto/13}.layers{width:100%;height:auto;display:block}.layers .ground{fill:var(--paper-step)}@media (width<=899px){.compact{grid-template-rows:auto}.compact-head,.compact-figure,.compact-0,.compact-1{grid-area:auto/1/auto/-1}.compact-pic{display:none}.compact-figure{order:1}}@media (width>=600px) and (width<=899px){.compact-0{grid-column:1/7}.compact-1{grid-column:7/13}}.board-light .inside-drawing{flex-direction:column;grid-area:1/5/auto/13;justify-content:space-between;padding:0;display:flex;overflow:hidden}.inside-drawing .strip{background:var(--paper-step)}.inside-text{flex-direction:column;grid-area:1/1/auto/5;gap:18px;display:flex}.inside-text .lead{font-size:var(--step-lead);line-height:1.3}.stages{gap:18px;margin-top:auto;display:grid}.stages h3{font-size:var(--step-lead);font-weight:700;line-height:1.1}.stages p{max-width:34ch;margin-top:4px}.plant{width:100%;height:auto;display:block}.plant .soil{fill:#cbbb9c}.plant .topsoil{fill:#8d7b5a}.plant .clay-1{fill:#ddd1ba}.plant .clay-2{fill:#a8967a}.plant .pipe{fill:var(--orange)}.plant .tank,.plant .neck{fill:#f1ebdb}.plant .lid,.plant .diffuser{fill:var(--paper-ink)}.plant .water-1{fill:#94b5ad}.plant .water-2{fill:#a9cdc8}.plant .water-3{fill:#cfe5e2}.plant .wall{fill:#e3dac4}.plant .solid{fill:#6b5a3f}.plant .bubble{fill:#fff}.sizing-text{flex-direction:column;grid-column:1/8;gap:18px;display:flex}.sizing-text .lead{font-size:var(--step-lead);max-width:32ch;line-height:1.3}.beds{border:0;margin:10px 0 0;padding:0}.beds legend{margin-bottom:10px;padding:0;font-weight:500}.bed-cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.bed{background:var(--paper-step);height:64px;font-size:var(--step-lead);font-variant-numeric:tabular-nums;cursor:pointer;justify-content:center;align-items:center;font-weight:500;transition:background-color .2s,color .2s;display:flex;position:relative}.bed input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.bed:has(:checked){background:var(--paper-ink);color:var(--paper)}.bed:has(:focus-visible){outline:3px solid var(--accent);outline-offset:2px}@media (hover:hover) and (pointer:fine){.bed:not(:has(:checked)):hover{background:var(--paper-hover)}}.rule{max-width:56ch;color:var(--paper-muted);margin-top:auto}.board-light .sizing-people{background:var(--teal);color:var(--teal-ink);flex-direction:column;grid-column:8/13;gap:28px;display:flex}.people{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:380px;display:grid}.person{aspect-ratio:1;background:var(--teal-step);transition:background-color .3s}.person:nth-child(-n+5){background:var(--paper)}.size-out{display:none}.size-out:first-child{display:block}.size-n{font-size:var(--step-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700;line-height:.95;display:block}.size-outs{margin-top:auto}.size-say{margin-top:10px}@supports selector(:has(*)){.size-out:first-child,.person:nth-child(-n+5){display:revert}.size-out:first-child{display:none}.person:nth-child(-n+5){background:var(--teal-step)}.sizing:has(.bed:first-of-type :checked) .size-out:first-child,.sizing:has(.bed:nth-of-type(2) :checked) .size-out:nth-child(2),.sizing:has(.bed:nth-of-type(3) :checked) .size-out:nth-child(3),.sizing:has(.bed:nth-of-type(4) :checked) .size-out:nth-child(4),.sizing:has(.bed:nth-of-type(5) :checked) .size-out:nth-child(5),.sizing:has(.bed:nth-of-type(6) :checked) .size-out:nth-child(6){display:block}.sizing:has(.bed:first-of-type :checked) .person:nth-child(-n+5),.sizing:has(.bed:nth-of-type(2) :checked) .person:nth-child(-n+6),.sizing:has(.bed:nth-of-type(3) :checked) .person:nth-child(-n+7),.sizing:has(.bed:nth-of-type(4) :checked) .person:nth-child(-n+8),.sizing:has(.bed:nth-of-type(5) :checked) .person:nth-child(-n+9),.sizing:has(.bed:nth-of-type(6) :checked) .person:nth-child(-n+10){background:var(--paper)}}.install{grid-template-rows:auto 1fr}.install-head{grid-area:1/1/auto/4}.install-steps{display:contents}.step{gap:var(--g);flex-direction:column;display:flex}.step-0{grid-area:2/1/auto/4}.step-1{grid-area:1/4/3/7}.step-2{grid-area:1/7/3/10}.step-3{grid-area:1/10/3/13}.step-text{flex:auto}.step-text h3{font-size:var(--step-lead);font-weight:700;line-height:1.1}.step-text p{max-width:30ch;margin-top:8px}.board-light .step-0 .step-text{background:var(--orange);color:var(--orange-ink);flex-direction:column;justify-content:flex-end;display:flex}.when-head{flex-direction:column;grid-column:1/6;gap:18px;display:flex}.when-head .lead{font-size:var(--step-lead);max-width:28ch;line-height:1.3}.when-head .button{align-self:flex-start;margin-top:auto}.when-bars{grid-column:6/13}.when .bar summary{grid-template-columns:minmax(0,1fr) 20px;padding-block:14px;line-height:1.3}.when .bar-panel p{max-width:60ch}@media (width<=899px){.board-light .inside-drawing,.inside-text,.sizing-text,.board-light .sizing-people,.when-head,.when-bars{grid-column:1/-1}.board-light .inside-drawing,.inside-text{grid-row:auto}.install-head{grid-column:1/-1}.step-0,.step-2{grid-area:auto/1/auto/7}.step-1,.step-3{grid-area:auto/7/auto/13}.bed-cells{grid-template-columns:repeat(3,minmax(0,1fr))}.when-head .button{margin-top:8px}}@media (width<=599px){.step-0,.step-1,.step-2,.step-3{grid-column:1/-1}.step .frame-pic{aspect-ratio:4/3}}@media (width>=1100px){.cboard{grid-template-rows:minmax(auto,1fr) minmax(0,1fr)}}.cboard .s-title{grid-area:1/1/auto/8}.cboard .c-phone{grid-area:1/8/auto/13}.c-number{font-size:var(--step-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.cboard .c-email{background:var(--surface);flex-direction:column;grid-area:2/1/auto/5;justify-content:space-between;gap:16px;display:flex}.c-address{font-size:var(--step-lead);overflow-wrap:anywhere;line-height:1.2}.c-email p{max-width:30ch}.c-map{grid-area:2/5/auto/9;justify-content:flex-start;min-height:0;overflow:hidden}.cboard .c-social{background:var(--surface);flex-direction:column;grid-area:2/9/auto/13;justify-content:space-between;gap:16px;display:flex}.c-social ul{gap:6px;display:grid}.c-social a{background:var(--surface-2);min-height:52px;font-size:var(--step-lead);justify-content:space-between;align-items:center;gap:12px;padding:0 14px;text-decoration:none;transition:background-color .2s;display:flex}.c-social svg{width:22px;height:22px;transition:transform .3s var(--ease-out);flex:none}@media (hover:hover) and (pointer:fine){.c-social a:hover{background:#3a362f}.c-social a:hover svg{transform:translate(3px,-3px)}}.ask-pic{grid-column:1/4}.ask-text{flex-direction:column;grid-column:4/10;gap:18px;display:flex}.ask-text .lead{font-size:var(--step-lead);max-width:30ch;line-height:1.3}.ask-list{grid-template-columns:1fr 1fr;gap:24px 20px;margin-top:16px;display:grid}.ask-list dt{font-size:var(--step-lead);text-transform:uppercase;letter-spacing:-.01em;font-weight:700;line-height:1.1}.ask-list dd{max-width:30ch;margin-top:6px}.ask-lorry{grid-column:10/13}@media (width<=1099px){.cboard .s-title{grid-area:1/1/auto/-1}.cboard .c-phone{grid-area:2/1/auto/-1;min-height:200px}.cboard .c-email{grid-area:3/1/auto/7}.cboard .c-social{grid-area:3/7/auto/13}.c-map{grid-area:4/1/auto/-1}}@media (width<=899px){.ask-pic{aspect-ratio:3/4;grid-column:1/7}.ask-lorry{grid-column:7/13}.ask-text{grid-area:1/1/auto/-1}}@media (width<=699px){.cboard .c-phone{flex-direction:column;align-items:flex-start;gap:10px;min-height:0;padding-block:20px}.cboard .c-phone .f-arrow{display:none}.cboard .c-phone span:first-child{display:block}.c-number{font-size:2.25rem}.cboard .c-email,.cboard .c-social{grid-area:auto/1/auto/-1}.c-map{grid-row:auto}.ask-list{grid-template-columns:1fr}}.composer.full .cell-name{grid-column:span 2}@media (width<=899px){.composer.full .cell-name{grid-column:auto}}@media (prefers-reduced-motion:no-preference){.js .sboard>:not(.s-main){opacity:0;transform:translateY(24px)}.js .sboard.is-loaded>:not(.s-main){opacity:1;transition:opacity .65s ease, transform .9s var(--ease-out);transform:none}.js .sboard.is-loaded>.s-call{transition-delay:.16s}.js .sboard.is-loaded>.s-second{transition-delay:.24s}.js .sboard.is-loaded>.s-facts{transition-delay:.32s}.js .page-name span,.js .page-name:not(:has(span)){opacity:0;display:block;transform:translateY(.25em)}.js .sboard.is-loaded .page-name span,.js .sboard.is-loaded .page-name:not(:has(span)){opacity:1;transition:opacity .6s ease .12s, transform .9s var(--ease-out) .12s;transform:none}.js .sboard.is-loaded .page-name span+span{transition-delay:.2s}.plan .skip{animation:plan-skip .9s var(--ease-in-out) .25s backwards}.plan .skip-load{animation:.3s .95s backwards plan-empty}.plan .heap rect{animation:plan-drop .52s var(--ease-out) calc(1s + var(--d)) backwards}.plan-swivel .heap rect{animation-name:plan-drop-side}@keyframes plan-skip{0%{transform:none}}@keyframes plan-empty{0%{opacity:1}}@keyframes plan-drop{0%{opacity:0;translate:-22px}}@keyframes plan-drop-side{0%{opacity:0;translate:0 -22px}}.plant .bubble{animation:2.4s ease-in-out infinite air;animation-delay:var(--d)}@keyframes air{0%{opacity:0;translate:0 40px}25%{opacity:1}80%{opacity:1}to{opacity:0;translate:0 -40px}}.person{transition:background-color .3s ease, transform .4s var(--ease-out)}.ch-panel .frame-pic img{animation:settle .9s var(--ease-soft)}.ch-panel .ch-result{animation:rise .6s var(--ease-out)}@keyframes settle{0%{opacity:.4;transform:scale(1.08)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}}