/* Approved garden design: shared shell, motion and home-page presentation. */
.living-garden{--coral:#eaaa8c;--sage:#7b8364;--gutter:max(56px,calc((100vw - 1320px)/2));--section-space:110px;--faq-gap:90px}
html:has(.living-garden){scroll-padding-top:calc(var(--live-header-height,105px) + 20px)}
.living-garden .site-header{position:sticky;top:0;z-index:50;transition:box-shadow .25s ease}
.living-garden .site-header:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--coral);opacity:0;pointer-events:none;transition:opacity .25s ease}
.living-garden .site-header.is-scrolled{box-shadow:0 7px 20px #14261e26}
.living-garden .site-header.is-scrolled:after{opacity:1}
.living-garden .site-header,.living-garden .atelier-hero,.living-garden .atelier-personal{background-color:var(--ink);background-image:linear-gradient(#263b35f5,#263b35f5),url(../images/backgrounds/contours.svg);background-size:auto,max(2880px,100vw,163.64vh) auto;background-repeat:no-repeat;background-position:0 0,left top;background-attachment:scroll,fixed}
/* A shared, quiet oval drift keeps the header and hero contours aligned. */
.living-garden .site-header,.living-garden .atelier-hero{background-size:auto,calc(max(2880px,100vw,163.64vh) + 80px) auto;background-position:0 0,-8px -18px;animation:contour-orbit 37.333333s linear infinite}
@keyframes contour-orbit{
 0.00%{background-position:0 0,-8.00px -18.00px}
 6.25%{background-position:0 0,-10.13px -13.41px}
 12.50%{background-position:0 0,-16.20px -9.51px}
 18.75%{background-position:0 0,-25.28px -6.91px}
 25.00%{background-position:0 0,-36.00px -6.00px}
 31.25%{background-position:0 0,-46.72px -6.91px}
 37.50%{background-position:0 0,-55.80px -9.51px}
 43.75%{background-position:0 0,-61.87px -13.41px}
 50.00%{background-position:0 0,-64.00px -18.00px}
 56.25%{background-position:0 0,-61.87px -22.59px}
 62.50%{background-position:0 0,-55.80px -26.49px}
 68.75%{background-position:0 0,-46.72px -29.09px}
 75.00%{background-position:0 0,-36.00px -30.00px}
 81.25%{background-position:0 0,-25.28px -29.09px}
 87.50%{background-position:0 0,-16.20px -26.49px}
 93.75%{background-position:0 0,-10.13px -22.59px}
 100.00%{background-position:0 0,-8.00px -18.00px}
}
.living-garden .brand-symbol{overflow:visible}
.living-garden .drawing-desk{justify-content:flex-end;align-items:flex-start;padding-top:8px}
.living-garden .drawing-sheet{z-index:2;width:67%;height:465px;transform:rotate(7deg);margin-right:9px;padding:20px 16px 30px;transform-origin:60% 45%}
.living-garden .drawing-sheet:hover{transform:rotate(4deg) translateY(-3px)}
.living-garden .drawing-sheet .hero-concept-plan{object-fit:cover;object-position:center top}
.living-garden .sheet-meta{font-size:7px;left:16px;right:16px}
.photo-print{padding:8px 8px 0;background:#f4f0e5;box-shadow:0 12px 30px #172d2424;transform:rotate(-5deg)}
.photo-print img{width:100%;object-fit:cover}
.photo-print figcaption{color:var(--ink);font-size:8px;letter-spacing:.025em;padding:9px 0 10px;text-align:center;line-height:1.4}
.desk-render{position:absolute;z-index:0;width:82%;left:-16%;top:-12px;transform:rotate(-13deg);padding:9px 9px 0;transition:transform .65s ease}
.desk-render img{height:360px;object-position:40% center}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .desk-render:hover{transform:rotate(-10deg) translateY(-5px)}}
.living-garden .desk-photo{z-index:1}
@media(max-width:1100px){.desk-render{left:-8%;top:8px;width:78%}.desk-render img{height:300px}}
@media(max-width:800px){.desk-render{left:-4%;top:3px;width:76%;padding:6px 6px 0}.desk-render img{height:250px}.desk-render figcaption{font-size:6px}}
@media(max-width:400px){.desk-render img{height:210px}}
.desk-photo{position:absolute;width:56%;left:-5%;bottom:0;padding:9px 9px 0;transform:rotate(-8deg);transition:transform .65s}
.desk-photo img{height:260px;object-position:45% 56%}
.desk-photo:hover{transform:rotate(-5deg) translateY(-5px)}
.living-garden .desk-stamp{z-index:3;left:auto;right:-1%;bottom:15px;width:123px;height:123px;background:var(--coral);transform:rotate(9deg);pointer-events:none}
.living-garden .desk-stamp span{text-align:center;line-height:1.35;white-space:nowrap;text-transform:uppercase}
.living-garden .desk-label{right:-12px;top:35px;color:#d0d8cc}
.living-garden .atelier-services + .atelier-intro{position:relative}
.living-garden .atelier-services + .atelier-intro:before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line)}
.living-garden .folio-heading{border-bottom:0;padding-top:clamp(60px,6.7vw,96px)}
.living-garden .editorial-intro{grid-template-columns:150px 1fr;gap:50px}
.intro-text{position:relative;padding-right:290px}
.living-garden .editorial-intro h2{font-size:clamp(28px,2.7vw,42px)}
.intro-copy{margin-top:24px}
.living-garden .intro-copy .copy{margin-top:0}
.living-garden .intro-copy .copy+.copy{margin-top:18px}
.intro-photo{position:absolute;right:0;top:30px;width:245px;transform:rotate(5deg);transition:transform .55s cubic-bezier(.2,.65,.3,1)}
.intro-photo .photo-crop{overflow:hidden}
.intro-photo img{aspect-ratio:1.75;object-position:center 64%;transform:scale(1.25);transform-origin:55% 50%}
@media(hover:hover) and (pointer:fine){.intro-photo:hover{transform:rotate(2deg) translateY(-4px)}}
@media(min-width:1101px){
 .living-garden .editorial-intro{grid-template-columns:max-content max-content clamp(220px,calc(30vw - 70px),390px);column-gap:30px;row-gap:30px;justify-content:space-between;align-items:center}
 .living-garden .editorial-intro>.eyebrow{grid-column:1;grid-row:1 / 3;align-self:stretch}
 .intro-text,.intro-body{display:contents}
 .living-garden .editorial-intro h2{grid-column:2;grid-row:1}
 .intro-copy{grid-column:2;grid-row:2;margin-top:0;max-width:510px}
 .intro-photo{grid-column:3;grid-row:1 / 3;position:static;width:100%;margin:0}
}
.living-garden .folio-pair figure:first-child .picture-link{aspect-ratio:1/1.2;padding:22px}
.living-garden .folio-main .picture-link{aspect-ratio:1.5}
.link-leaf{width:24px;height:28px;flex:none;color:currentColor;transition:transform .4s cubic-bezier(.2,.7,.3,1)}
.text-link:hover .link-leaf,.text-link:focus-visible .link-leaf{transform:rotate(-19deg) translateY(-2px)}
.living-garden .text-link{gap:12px}
.garden-atmosphere{position:relative;background:#ece5dd;isolation:isolate;margin-top:5px;overflow:hidden}
.atmosphere-photo{position:absolute;inset:0 48% 0 0}
.atmosphere-photo>img{width:100%;height:100%;object-fit:cover;object-position:48% center}
.atmosphere-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#183a27b3);pointer-events:none}
.atmosphere-photo>figcaption{position:absolute;z-index:1;left:var(--gutter);bottom:48px;right:25%;color:#fff}
.atmosphere-photo>figcaption span{display:block;font:italic 500 clamp(34px,3.6vw,56px)/1.05 Cormorant,Georgia,serif;letter-spacing:-.035em}
.atmosphere-photo>figcaption small{display:block;font-size:9px;letter-spacing:.1em;margin-top:17px;text-transform:uppercase}
.atmosphere-grid{display:grid;grid-template-columns:1fr 1fr;position:relative}
.atmosphere-content{grid-column:2;padding:65px 0 42px 75px}
.living-garden .atmosphere-content h2{font-size:clamp(36px,3.45vw,52px);margin:23px 0}
.atmosphere-content h2 em{color:var(--sage)}
.atmosphere-content .copy{font-size:14px;line-height:1.85;max-width:430px}
.botanical-link{margin-top:18px}
.botanical-link .link-leaf{color:var(--sage)}
.planting-sheet{position:relative;z-index:2;width:calc(100% + 78px);margin:45px 0 0 -78px;padding:17px 17px 12px;background:#f7f3e9;transform:rotate(3deg);box-shadow:0 15px 45px #182d271f;transition:transform .65s}
.planting-sheet:hover{transform:rotate(1deg)}
.planting-sheet img{mix-blend-mode:multiply;width:100%;aspect-ratio:1.574;object-fit:contain}
.planting-sheet figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:10px;font-size:8px;color:var(--ink)}
.living-garden .thinking-section{position:relative;overflow:hidden}
.living-garden .thinking-section:before{content:"";position:absolute;inset:0 45% 0 -120px;background:url(../images/backgrounds/contours-dark.svg) left center/950px auto;opacity:.08;pointer-events:none;mask-image:linear-gradient(90deg,#000,transparent)}
.living-garden .thinking-grid{position:relative}
.living-garden .thinking-note{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.living-garden .thinking-note>span{flex:1 1 240px}
.living-garden .thinking-note>.text-link{flex:none;margin-left:auto}
.living-garden .atelier-services .service-row:nth-of-type(2):hover{background:#f0d7c8}
.living-garden .atelier-personal{background-attachment:scroll,scroll}
.living-garden .atelier-personal .portrait img{filter:none}
.living-garden .atelier-personal .portrait:after{border-color:var(--coral);inset:17px -17px -17px 17px}
.method-photo{transform:rotate(-4deg)}
.method-photo img{object-position:center bottom}
.method-photo figcaption{font-size:7px;padding:6px 0 7px}
.living-garden .method-intro-note .copy{margin-top:0}
/* Keep the photo between the heading and the explanatory copy on wide screens. */
@media(min-width:801px){
 .living-garden .method-section .section-intro{display:grid;grid-template-columns:max-content minmax(140px,1fr) clamp(190px,calc(30vw - 85px),345px);gap:clamp(24px,2.8vw,50px);align-items:center}
 .living-garden .method-intro-note{display:contents}
 .living-garden .method-photo{width:100%;max-width:330px;margin:0;justify-self:center}
 .living-garden .method-photo img{height:clamp(90px,10.6vw,160px)}
}
.living-garden #kerdesek{overflow:clip}
.faq-intro{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding:30px 0;color:var(--paper);--focus:var(--accent)}
.faq-intro .eyebrow{max-width:90%}
.faq-intro .text-link{align-self:flex-start}
.faq-scenery{position:absolute;inset:calc(-1 * var(--section-space)) calc(-.5 * var(--faq-gap)) calc(-1 * var(--section-space)) calc(-1 * var(--gutter));z-index:-1;background:#263b35}
.faq-scenery img{width:100%;height:100%;object-fit:cover;object-position:55% 50%;filter:saturate(.8)}
.faq-scenery:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#18221d80,#18221d4d)}
.living-garden .details-list details[data-animating]{overflow:hidden}
.living-garden .atelier-contact{padding-block:50px}
.living-garden .atelier-contact h2{margin:25px 0 30px}
.living-garden .atelier-contact .contact-top>.brand-symbol{width:60px;height:60px}
.living-garden .footer-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}
.living-garden .footer-bottom>a[href^="mailto:"]{text-align:center}
.design-credit{text-align:right;text-underline-offset:4px}
.design-credit:hover{text-decoration:underline}
.back-to-top{position:fixed;z-index:45;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #263b3526;border-radius:50%;background:var(--coral);color:var(--ink);box-shadow:0 3px 8px #14261e14,0 8px 22px #14261e24;line-height:1;transition:transform .2s ease,background-color .2s ease}
.back-to-top svg{display:block;width:22px;height:22px}
@media(hover:hover) and (pointer:fine){.back-to-top:hover{transform:translateY(-3px);background:#f0b89c}}
.back-to-top:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(min-width:1600px){.living-garden{--gutter:max(80px,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){
 .living-garden{--gutter:32px;--section-space:85px;--faq-gap:45px}
 .living-garden .drawing-desk{min-height:495px;padding-top:18px}.living-garden .drawing-sheet{height:405px;width:70%;margin-right:0}
 .desk-photo{left:-1%;width:61%;bottom:0}.desk-photo img{height:210px}.living-garden .desk-stamp{width:104px;height:104px;right:-2%;bottom:6px}.living-garden .desk-stamp .brand-symbol{width:45px;height:45px}.living-garden .desk-stamp span{font-size:7px}
 .living-garden .editorial-intro{grid-template-columns:105px 1fr;gap:30px}.intro-text{padding-right:215px}.intro-photo{width:185px;top:35px}
 .atmosphere-content{padding:50px 0 35px 45px}.planting-sheet{width:calc(100% + 45px);margin-left:-45px}
 .living-garden .method-section{padding-block:74px}
 .living-garden .footer-bottom{gap:20px;font-size:9px}
}
@media(max-width:800px){
 .living-garden{--gutter:20px;--section-space:64px;--faq-gap:30px}
 html:has(.living-garden){scroll-padding-top:calc(var(--live-header-height,88px) + 16px)}
 .living-garden .main-nav{max-height:calc(100dvh - var(--live-header-height,88px));overflow:auto}
 .living-garden .atelier-hero-grid{padding-top:38px;padding-bottom:28px;gap:24px}
 .living-garden .drawing-desk{width:92%;max-width:480px;min-height:425px;margin-block:0;padding-top:15px}
 .living-garden .drawing-sheet{height:350px;width:70%;padding:14px 10px 26px;margin-right:4px;transform:rotate(6deg)}
 .living-garden .sheet-meta{font-size:6px;left:10px;right:10px}
 .desk-photo{left:-1%;width:59%;bottom:6px;padding:6px 6px 0;transform:rotate(-7deg)}.desk-photo img{height:185px}.desk-photo figcaption{font-size:6px;padding:8px 0 9px;letter-spacing:0}
 .living-garden .desk-stamp{right:-2%;bottom:2px;width:88px;height:88px}.living-garden .desk-stamp .brand-symbol{width:39px;height:39px}.living-garden .desk-stamp span{font-size:6px}.living-garden .desk-label{font-size:7px;right:-13px;top:60px}
 .living-garden .editorial-intro{grid-template-columns:1fr;gap:23px}.intro-text{padding-right:205px}.intro-photo{width:175px;top:35px}
 .living-garden .folio-pair figure:first-child .picture-link{aspect-ratio:1;max-height:570px;padding:20px}
 .garden-atmosphere{display:flex;flex-direction:column;margin-top:0;overflow:hidden}.atmosphere-photo{position:relative;inset:auto;height:330px;flex:none}.atmosphere-photo>img{object-position:center 56%}
 .atmosphere-photo>figcaption{left:25px;bottom:30px;right:20px}.atmosphere-photo>figcaption span{font-size:46px}.atmosphere-photo>figcaption small{font-size:8px;margin-top:10px;text-transform:uppercase}
 .atmosphere-grid{display:block}.atmosphere-content{padding:42px 0 35px;display:flex;flex-direction:column;align-items:flex-start}.living-garden .atmosphere-content h2{font-size:43px;margin-block:22px}.atmosphere-content .copy{max-width:510px}
 .planting-sheet{width:calc(100% - 14px);margin:37px 7px 5px;padding:12px 12px 9px;transform:rotate(3deg)}.planting-sheet figcaption{font-size:7px;gap:10px}
 .living-garden .thinking-section:before{right:0;background-size:800px auto}
 .living-garden .method-section{padding-block:32px}.living-garden .method-section .section-intro{margin-bottom:35px}
 .method-intro-note{max-width:100%;display:flex;align-items:center;gap:22px;margin-top:22px}.method-photo{width:140px;flex:none;margin-bottom:0}.method-photo img{height:94px}.method-photo figcaption{font-size:6px}
 .living-garden .faq-grid{gap:64px}.faq-intro{min-height:245px;padding:0 0 32px}.faq-scenery{inset:-64px -20px 0}.living-garden .faq-grid h2{font-size:39px}
 .living-garden .atelier-contact{padding-block:35px}.living-garden .atelier-contact h2{margin:22px 0 25px}.living-garden .atelier-contact .contact-top>.brand-symbol{width:46px;height:46px}
 .living-garden .footer-bottom{grid-template-columns:1fr 1fr;gap:18px 25px}.design-credit{text-align:left}
 .living-garden .footer-bottom>a[href^="mailto:"]{text-align:left}
 .back-to-top{right:max(16px,env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom))}
 html:not(.js) .living-garden .site-header{position:relative}
}
@media(max-width:600px){
 .living-garden .atelier-intro{padding-top:50px;padding-bottom:58px}.intro-text{padding-right:0}.intro-body{display:flow-root}
 .intro-photo{position:static;float:right;width:132px;margin:27px 4px 10px 18px;transform:rotate(4deg);padding:6px 6px 0}.intro-photo img{height:90px;aspect-ratio:auto}.intro-photo figcaption{font-size:6px;padding:6px 0 7px}
 .living-garden .intro-body .copy{max-width:none}
 .method-intro-note{gap:18px}.method-photo{width:125px}.method-photo img{height:95px}
}
@media(max-width:400px){.living-garden .drawing-desk{min-height:355px}.living-garden .drawing-sheet{height:300px}.desk-photo{bottom:0}.desk-photo img{height:153px}.living-garden .desk-stamp{width:77px;height:77px;right:-1%;bottom:-5px}.living-garden .desk-stamp .brand-symbol{width:33px;height:33px}.living-garden .desk-stamp span{font-size:5.5px}.living-garden .atmosphere-content h2{font-size:39px}.atmosphere-photo{height:285px}.living-garden .footer-bottom{grid-template-columns:1fr;gap:12px}.living-garden .atelier-intro{padding-bottom:42px}}