@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap');
:root{--paper:#ece7d7;--ink:#334331;--accent:#c9d194;--body:'DM Sans',sans-serif;--serif:'Cormorant Garamond',Georgia,serif;--focus:#a64a28}
.garden-brand{font:500 34px/.85 var(--serif);letter-spacing:-1.6px;white-space:nowrap}.garden-brand span{display:block;font:8px/1 var(--body);letter-spacing:2px;margin-top:10px}.study-header{border-bottom:1px solid #33433128}.garden-nav-cta{border-bottom:1px solid;padding-bottom:7px}.garden-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:5vw;padding:55px 5vw 25px;align-items:center}.garden-eyebrow{font-size:9px;letter-spacing:1.5px}.garden-hero-copy{position:relative;padding:10px 0 30px}.garden-hero h1{font:400 clamp(80px,8.8vw,155px)/.82 var(--serif);letter-spacing:-.055em;margin:32px 0}.garden-hero h1 em{font-weight:400;color:#8a5037}.garden-hero-copy>p:not(.garden-eyebrow){font-size:13px;line-height:1.8}.garden-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid;gap:35px;font-size:11px;padding:10px 0;max-width:275px;margin-top:26px}.garden-link span{font-size:21px}.garden-flower{position:absolute;width:85px;height:85px;right:6%;bottom:30px;color:#8a5037}.garden-arch{height:clamp(420px,44vw,760px);border-radius:50% 50% 0 0 / 40% 40% 0 0;background:#6f7951}.garden-arch img{object-position:58% 50%}.garden-hero-figure figcaption{display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.9px;margin-top:15px;opacity:.7}.garden-scroll-note{display:flex;justify-content:space-between;margin:10px 5vw 0;padding:26px 0;border-bottom:1px solid #33433145;font-size:8px;letter-spacing:1.1px}.garden-philosophy-grid{display:grid;grid-template-columns:1fr 2.15fr;gap:7vw;margin-top:65px}.garden-number{font:400 165px/.8 var(--serif);color:#adb193}.garden h2{font:400 clamp(50px,6vw,100px)/.98 var(--serif);letter-spacing:-.04em}.garden h2 em{color:#8a5037;font-weight:400}.garden-philosophy-grid p{max-width:490px;margin-top:35px;font-size:14px;line-height:1.9}.garden-maker{background:#d9ddbc}.garden-maker>h2{margin:45px 0}.garden-choices{display:flex;border-top:1px solid #33433160;border-bottom:1px solid #33433160;margin-bottom:45px}.garden-choices button{flex:1;background:none;border:0;border-right:1px solid #33433160;padding:20px 24px;font-size:10px;display:flex;align-items:center;gap:20px;color:var(--ink)}.garden-choices button:last-child{border-right:0}.garden-choices button span{font:500 35px/1 var(--serif);margin-right:auto}.garden-choices button[aria-pressed=true]{background:#334331;color:#ece7d7}.garden-maker-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;align-items:center}.garden-plan{height:460px;position:relative;background:#eeeddd;border:1px solid #33433140;overflow:hidden}.plan-grid{position:absolute;inset:0;background-image:linear-gradient(#33433109 1px,transparent 1px),linear-gradient(90deg,#33433109 1px,transparent 1px);background-size:25px 25px}.plan-north{position:absolute;right:20px;top:18px;font-size:10px}.plan-planting{position:absolute;background:#9ca886;border:1px solid #657552;border-radius:45%;opacity:.7;transition:transform .6s}.plan-planting.one{width:40%;height:75%;left:-10%;top:7%;transform:rotate(18deg)}.plan-planting.two{width:40%;height:45%;right:-8%;top:-5%;transform:rotate(-25deg)}.plan-path{position:absolute;left:22%;top:-8%;width:22%;height:120%;border-left:27px solid #d6c8a7;border-radius:50%;transform:rotate(23deg)}.plan-lawn{position:absolute;right:12%;top:20%;height:45%;width:41%;background:#b6be8d;border-radius:47% 35% 42% 40%;opacity:.7}.plan-terrace{position:absolute;bottom:15%;right:7%;width:48%;height:29%;border:1px solid #8e7e5c;background:#ded2b2;transition:transform .5s,box-shadow .5s}.plan-terrace>span,.plan-grow>span,.plan-seat>span{position:absolute;white-space:nowrap;font-size:8px;letter-spacing:.7px;left:8%;bottom:-22px}.plan-terrace:before{content:'';position:absolute;inset:25% 25%;background:#9d7151;border-radius:50%;border:1px solid #624c35}.plan-terrace i{position:absolute;background:#d3b08a;border:1px solid #624c35;width:15%;height:20%;top:9%;left:26%;border-radius:40%}.plan-terrace i:nth-of-type(2){left:57%}.plan-terrace i:nth-of-type(3){top:70%}.plan-terrace i:nth-of-type(4){left:57%;top:70%}.plan-grow{position:absolute;top:12%;left:32%;width:24%;height:24%;display:flex;gap:6px;transition:transform .5s,box-shadow .5s}.plan-grow i{height:100%;width:30%;background:repeating-linear-gradient(#64754a 0 10px,#93a16f 10px 15px);border:3px solid #a57b50}.plan-seat{position:absolute;left:14%;bottom:23%;width:22%;height:17%;background:#d4c7a7;border-radius:50%;transition:transform .5s,box-shadow .5s}.plan-seat i{position:absolute;inset:25% 15%;border:7px solid #986f4c;border-top:0}.plan-caption{position:absolute;bottom:15px;left:20px;font-size:7px;letter-spacing:.6px}.garden-plan[data-mode=gather] .plan-terrace,.garden-plan[data-mode=grow] .plan-grow,.garden-plan[data-mode=unwind] .plan-seat{transform:scale(1.12);box-shadow:0 0 0 6px #33433122}.garden-plan[data-mode=grow] .plan-planting{transform:scale(1.13) rotate(10deg)}.garden-idea h3{font:500 48px/1.05 var(--serif);letter-spacing:-1.4px;margin:24px 0}.garden-idea>p:not(.garden-eyebrow){font-size:13px;line-height:1.9}.garden-idea-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:25px 0}.garden-idea-tags li{border:1px solid #33433145;border-radius:30px;padding:7px 12px;font-size:9px}.garden-detail{display:grid;grid-template-columns:1fr 1fr;background:#334331;color:var(--paper)}.garden-detail-image{height:650px}.garden-detail-image img{object-position:22% 50%}.garden-detail-copy{padding:80px 6vw}.garden-detail-copy h2{margin:40px 0}.garden-detail-copy h2 em{color:#c9d194}.garden-detail-copy ol{list-style:none;padding:0}.garden-detail-copy li{font-size:11px;border-top:1px solid #ece7d740;padding:20px 0}.garden-detail-copy li span{display:block;font:400 28px/1.3 var(--serif);margin-bottom:7px}.garden-enquire{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw}.garden-enquire h2{margin:30px 0 35px}.garden-submit{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 22px;border:0;background:#334331;color:var(--paper);font-size:12px}.garden-submit span{font-size:23px}.garden-submit:hover{background:#8a5037}.study-footer{border-top:1px solid #33433135}.study-footer .garden-brand{font-size:28px}
@media(max-width:1000px){.garden-flower{width:60px;height:60px;right:0;bottom:125px}.garden-idea h3{font-size:40px}.garden-maker-grid{gap:5vw}.garden-plan{height:400px}.garden-detail-copy{padding:60px 5vw}}
@media(max-width:760px){.garden-brand{font-size:30px}.garden-hero{grid-template-columns:1fr;padding:35px 20px 20px;gap:35px}.garden-hero h1{font-size:24vw;line-height:.86;margin:28px 0}.garden-hero-copy{padding:0}.garden-hero-copy>p:not(.garden-eyebrow){font-size:12px}.garden-eyebrow{font-size:8px}.garden-flower{width:80px;height:80px;right:0;bottom:8px}.garden-link{max-width:230px;font-size:10px}.garden-hero-figure{max-width:500px;width:100%;margin:auto}.garden-arch{height:440px}.garden-hero-figure figcaption{font-size:6px;letter-spacing:.5px}.garden-scroll-note{margin:0 20px;padding:20px 0;font-size:6px;gap:25px}.garden-scroll-note span:last-child{text-align:right;max-width:130px}.garden-philosophy-grid{grid-template-columns:1fr;gap:28px;margin-top:40px}.garden-number{font-size:75px}.garden h2{font-size:15vw;line-height:1}.garden-philosophy-grid p{font-size:13px;margin-top:25px}.garden-maker>h2{margin:35px 0}.garden-choices{margin-bottom:30px}.garden-choices button{padding:16px 10px;gap:7px;font-size:7px}.garden-choices button span{font-size:25px}.garden-maker-grid{grid-template-columns:1fr;gap:40px}.garden-plan{height:360px}.garden-idea h3{font-size:43px}.garden-detail{grid-template-columns:1fr}.garden-detail-image{height:370px}.garden-detail-copy{padding:50px 20px}.garden-detail-copy h2{margin:30px 0}.garden-detail-copy li{font-size:12px}.garden-enquire{grid-template-columns:1fr;gap:40px}.garden-enquire h2{margin:25px 0 30px}.plan-terrace>span,.plan-grow>span,.plan-seat>span{font-size:6px}.plan-caption{font-size:6px}.garden-footer .garden-brand{width:100%}}