:root{font:16px/1.7 Georgia,serif;color:#31452d;background:#fffdf7;--forest:#31452d;--sand:#eee8d9;--clay:#a35e45}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}input,select{width:100%;min-width:0;background:#fffdf7;border:1px solid #b0b49d;padding:11px;color:var(--forest);border-radius:0}button{border:1px solid var(--forest);color:inherit;background:transparent;padding:10px 15px}input[type=checkbox],input[type=radio]{width:18px;height:18px;flex:none}label{display:grid;gap:7px}form{display:grid;gap:18px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5.5vw,84px);line-height:1.05;letter-spacing:-.04em;font-weight:400;margin-bottom:30px}h2{font-size:40px;font-weight:400;line-height:1.2}h3{font-size:24px;font-weight:400;line-height:1.2}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--clay);outline-offset:4px}.skip{position:absolute;top:-70px;left:10px;background:white;padding:10px;z-index:30}.skip:focus{top:8px}.garden-topline{background:var(--forest);color:#fffdf7;text-align:center;padding:7px;font:11px/1.5 Arial,sans-serif;letter-spacing:.12em}.garden-header{display:flex;justify-content:space-between;align-items:center;padding:27px 4vw;gap:30px;border-bottom:1px solid #d6dac8}.garden-wordmark{font-size:36px;line-height:.85;letter-spacing:-.06em;text-decoration:none}.garden-wordmark span{display:block;font-size:25px;letter-spacing:.01em}.garden-header nav{display:flex;gap:40px;font:14px Arial,sans-serif}.plan-link{font:13px Arial,sans-serif;text-decoration:none;border-bottom:1px solid;padding-bottom:5px}.garden-label{font:11px/1.6 Arial,sans-serif;letter-spacing:.16em}.garden-hero{position:relative;height:670px}.garden-hero>img{width:100%;height:100%;object-fit:cover}.garden-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#172c23a6,transparent 80%)}.garden-hero>div{position:absolute;z-index:1;color:#fffaf0;left:6vw;top:90px;max-width:600px}.garden-hero h1{font-size:82px}.garden-button{display:inline-block;padding:14px 25px;border:1px solid var(--forest);border-radius:2px;background:var(--forest);color:white;text-decoration:none;font:14px/1.5 Arial,sans-serif;text-align:center}.garden-button.light{background:#fffdf0;color:var(--forest);border-color:#fffdf0}.garden-button:hover,button:hover{background:#66764e;color:white}.afternoon-note{padding:90px 6vw;display:grid;grid-template-columns:1fr 2fr 2fr;gap:60px;background:var(--sand)}.afternoon-note>p{font:10px Arial,sans-serif;letter-spacing:.15em}.afternoon-note h2{font-size:45px}.afternoon-note>div{font-size:18px;max-width:440px}.afternoon-note a{font:13px Arial,sans-serif}.canopy-section{padding:75px 6vw}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:40px 0}.section-heading>a,.section-heading>p{font:14px Arial,sans-serif}.canopy-pair{display:grid;grid-template-columns:1fr 1fr;gap:50px}.canopy-card figure{position:relative;margin:0}.canopy-card img{width:100%;height:auto;aspect-ratio:1.2;object-fit:cover}.canopy-card a{text-decoration:none}.canopy-card figcaption{position:absolute;bottom:16px;left:16px;padding:7px 12px;background:#fffdf7;font:12px Arial,sans-serif}.canopy-card a>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:20px}.canopy-card h3{margin:0}.canopy-card span{font:16px Arial,sans-serif;white-space:nowrap}.spare-pair{max-width:800px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.cloth-story{display:grid;grid-template-columns:1fr 1fr 1fr 3fr;gap:20px;padding:60px 6vw;background:#e6ebdf}.cloth-swatch{min-height:240px}.linen{background:#cfb992}.olive{background:#707750}.stripe{background:repeating-linear-gradient(90deg,#f2ead2 0 14px,#778163 14px 29px)}.cloth-story>div:last-child{padding:15px 40px}.cloth-story h2{font-size:44px}.cloth-story p:last-child{font-size:16px}.collection-intro{max-width:760px;margin:0 auto 55px;text-align:center}.collection-intro p:last-child{max-width:570px;margin:auto;font-size:18px}.awning-details{display:grid;grid-template-columns:58% 42%;padding:45px 4vw;gap:0}.awning-gallery{padding-right:45px}.awning-gallery>img{width:100%;height:auto;display:block}.canopy-dimensions{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bdc5af;margin-top:25px;padding-top:20px}.canopy-dimensions dt{font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}.canopy-dimensions dd{margin:10px 0 0;font-size:22px}.awning-buy{padding:20px 30px}.awning-buy h1{font-size:48px}.awning-price{display:block;font:24px Arial,sans-serif;font-weight:400;margin:25px 0}.cloth-options{border:0;padding:0;display:flex;gap:20px}.cloth-options legend{margin-bottom:12px}.cloth-options label{display:flex;align-items:center;gap:7px;font:12px Arial,sans-serif}.cloth-dot{height:24px;width:24px;border-radius:50%;border:1px solid #abb59a;display:inline-block}.awning-specs{border-top:1px solid #c5ccb8;border-bottom:1px solid #c5ccb8;padding:20px 0;margin:30px 0}.awning-specs summary{cursor:pointer;font-size:18px}.awning-specs ul{font:14px/1.8 Arial,sans-serif;padding-left:20px}.awning-specs p,.part-fit{font-size:14px}.terrace-survey{padding:80px 7vw;display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.survey-copy>p:last-of-type{max-width:580px}.survey-sketch{height:170px;margin:50px 30px 25px;border-top:5px solid var(--forest);border-left:2px dashed var(--forest);border-right:2px dashed var(--forest);background:linear-gradient(#d1d8bf,transparent);position:relative;text-align:center}.survey-sketch span{font:12px Arial,sans-serif;display:block;margin-top:20px}.survey-sketch i{position:absolute;right:10px;bottom:20px;font:12px Arial,sans-serif;writing-mode:vertical-rl}.terrace-survey>form{align-content:start;background:var(--sand);padding:35px}.survey-notes{grid-column:1/-1;padding-top:40px;border-top:1px solid #b8c3a8}.shade-error{padding:17px 20px;background:#f3e2d6;border-left:3px solid #975332;margin:20px 0}.garden-header+main>.shade-error{margin:25px 6vw}.plan-page,.site-delivery{padding:70px 6vw}.plan-spread,.delivery-plan,.final-terrace{display:grid;grid-template-columns:1.6fr 1fr;gap:60px}.plan-spread aside{background:var(--sand);padding:30px;height:max-content}.plan-spread aside>a{display:block;margin:20px 0}.canopy-selection{display:grid;grid-template-columns:130px 1fr auto;gap:25px;padding:22px 0;border-bottom:1px solid #bdc7ae;align-items:start}.canopy-selection>img{width:130px;height:130px;object-fit:cover}.canopy-selection h3{font-size:23px;margin:8px 0}.canopy-selection p{font:12px Arial,sans-serif}.canopy-selection>b{font:16px Arial,sans-serif;margin-top:30px}.zone-name{font:10px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}.canopy-selection form{display:flex;gap:12px;align-items:end}.canopy-selection label{max-width:80px;font:11px Arial,sans-serif}.canopy-selection input{padding:7px}.canopy-selection button{font:12px Arial,sans-serif;padding:8px}.terrace-bill{margin:0 0 25px;font:14px/1.5 Arial,sans-serif}.terrace-bill div{display:flex;justify-content:space-between;gap:20px;padding:12px 0}.terrace-bill dd{margin:0}.terrace-bill div:last-child{border-top:1px solid #aab69a;margin-top:15px;font-size:23px}.canopy-final,.site-address{align-content:start}.canopy-final{padding:28px;background:var(--sand)}.canopy-final fieldset{padding:22px;border:1px solid #a7b092;display:grid;gap:15px}.payment-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.garden-tick{display:flex;align-items:start;gap:12px;font:13px/1.6 Arial,sans-serif}.garden-tick input{margin-top:3px}.final-terrace h2{margin-top:45px;font-size:28px}address{font-style:normal;padding-left:20px;border-left:2px solid #b4c0a0}.delivery-start{max-width:870px;background:var(--sand);padding:40px}.delivery-start li{margin-bottom:16px}.terrace-empty{max-width:1000px}.terrace-empty>.canopy-pair{margin-top:40px}.garden-reading{max-width:850px;margin:auto;padding:75px 35px;min-height:55vh}.garden-reading>p:not(.garden-label){font-size:18px;line-height:1.9}.terrace-code{font-family:Arial,sans-serif!important;font-size:28px!important;color:var(--clay)}.garden-footer{background:var(--forest);color:#fffdf0;padding:65px 6vw;display:flex;justify-content:space-between;gap:70px}.garden-footer p{margin-top:25px;font-size:14px}.garden-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:15px 45px;font:13px Arial,sans-serif}.garden-footer button{padding:0;text-align:left;color:inherit;border:0;text-decoration:underline}.garden-cookie{position:fixed;left:20px;bottom:20px;z-index:5;max-width:640px;display:flex;flex-wrap:wrap;gap:12px;padding:25px;background:#fffdf7;border:1px solid #738364;box-shadow:0 5px 50px #20381e35}.garden-cookie>div{width:100%}.garden-cookie h2{font-size:26px;margin-bottom:12px}.garden-cookie p{font:13px/1.6 Arial,sans-serif;margin:0}.garden-cookie button{font:12px Arial,sans-serif}dialog{max-width:calc(100% - 30px);border:0;background:#fffdf7;color:var(--forest);padding:45px;width:510px;box-shadow:0 20px 80px #12250970}dialog::backdrop{background:#182b23a6}dialog h2{font-size:36px}dialog>button[class$=close]{position:absolute;right:12px;top:8px;border:0;font-size:28px}#shade-settings .garden-button{margin-top:24px;width:100%}#shade-reset{padding:10px 0;border:0;text-decoration:underline;font-size:13px;margin-top:15px}#shade-letter{width:800px;padding:0;overflow:visible}#shade-letter[open]{display:grid;grid-template-columns:32% 68%}.letter-illustration{background:repeating-linear-gradient(90deg,#75845d 0 25px,#b6c09a 25px 50px);padding:60px 25px;color:#fffdf0;font-size:38px;line-height:1.05;letter-spacing:-.04em;display:flex;align-items:center}.letter-body{padding:40px}.letter-body h2{font-size:37px}.letter-body>p{font-size:15px}.letter-close{z-index:2}.awning-buy>a{font:13px Arial,sans-serif}@media(max-width:800px){.garden-header{padding:24px 20px;flex-wrap:wrap;gap:22px}.garden-wordmark{font-size:30px}.garden-wordmark span{font-size:21px}.garden-header nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:12px}.plan-link{font-size:11px}.garden-hero{height:560px}.garden-hero>div{left:24px;right:20px;top:75px}.garden-hero h1{font-size:61px}.garden-hero .garden-label{font-size:9px;max-width:260px}.afternoon-note{grid-template-columns:1fr;padding:45px 24px;gap:15px}.afternoon-note h2{font-size:38px}.afternoon-note>div{font-size:16px}.canopy-section{padding:45px 20px}.canopy-pair,.spare-pair{gap:30px 16px}.canopy-card a>div{display:block;padding-top:15px}.canopy-card h3{font-size:22px;margin-bottom:8px}.canopy-card span{font-size:14px}.canopy-card figcaption{left:8px;bottom:8px;padding:5px;font-size:10px}.section-heading{display:block;margin:25px 0}.section-heading h2{font-size:31px}.cloth-story{grid-template-columns:1fr 1fr 1fr;padding:30px 20px;gap:12px}.cloth-swatch{min-height:140px}.cloth-story>div:last-child{grid-column:1/-1;padding:18px 0}.awning-details{display:block;padding:20px}.awning-gallery{padding:0}.awning-buy{padding:30px 0}.awning-buy h1{font-size:41px}.canopy-dimensions{gap:12px}.canopy-dimensions dd{font-size:18px}.cloth-options{gap:14px}.cloth-options label{flex-wrap:wrap;font-size:11px}.terrace-survey{display:block;padding:45px 22px}.terrace-survey>form{margin:30px 0;padding:25px}.survey-notes{padding-top:25px}.plan-page,.site-delivery{padding:45px 20px}.plan-spread,.delivery-plan,.final-terrace{grid-template-columns:1fr;gap:35px}.canopy-selection{grid-template-columns:85px 1fr;gap:15px}.canopy-selection>img{width:85px;height:105px}.canopy-selection>b{grid-column:2;margin:0}.canopy-selection h3{font-size:21px}.canopy-selection p{font-size:11px}.canopy-final{padding:23px}.garden-reading{padding:45px 23px}.garden-reading>p:not(.garden-label){font-size:16px}.garden-footer{display:block;padding:45px 24px}.garden-footer nav{margin-top:30px;gap:24px}.garden-cookie{left:12px;bottom:12px;right:12px;padding:20px}.garden-cookie h2{font-size:23px}.delivery-start{padding:25px}#shade-letter[open]{grid-template-columns:1fr}.letter-illustration{padding:22px 25px;min-height:70px}.letter-illustration span{font:16px Arial,sans-serif;letter-spacing:.18em}.letter-illustration br{display:none}.letter-body{padding:28px}.letter-body h2{font-size:32px}#shade-letter{overflow-y:auto;max-height:calc(100dvh - 30px)}dialog{padding:38px 25px}dialog h2{font-size:30px}}