:root{--ink:#183d37;--navy:#142f30;--cream:#f8f2e7;--paper:#f1e8d8;--raspberry:#81364d;--gold:#c5a567;--sage:#9ea994;--line:#cfcabb;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h2 em,h1 em{font-weight:400;color:inherit}p{line-height:1.65}::selection{background:#d5b278;color:#142f30}.skip-link{position:fixed;left:18px;top:-100px;z-index:99;padding:12px 20px;background:var(--cream);color:var(--ink)}.skip-link:focus{top:12px}.preview-bar{display:flex;justify-content:center;align-items:center;gap:18px;padding:9px 18px;background:#e8dfcf;color:#35564c;letter-spacing:1.4px;font-size:9px;line-height:1.3}.preview-bar span{letter-spacing:.35px;text-transform:none;color:#59685e}.site-header{height:106px;background:var(--navy);color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;position:relative;z-index:5;border-bottom:1px solid #f8f2e719}.wordmark{display:inline-flex;align-items:center;gap:12px}.wordmark-initials{font-family:var(--serif);font-size:42px;line-height:1;letter-spacing:-4px}.wordmark-name{font-size:10px;letter-spacing:2.4px;border-left:1px solid #c5a56770;padding:10px 0 10px 15px}.site-header nav{display:flex;align-items:center;gap:35px;font-size:12px}.site-header nav a{position:relative;padding:10px 0}.site-header nav a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background:var(--gold);transition:width .25s}.site-header nav a:hover:after{width:100%}.nav-contact{margin-left:20px}.nav-contact .nav-arrow{margin-left:16px;color:var(--gold);font-size:19px}.menu-toggle{display:none}.hero{min-height:755px;position:relative;background:var(--navy);color:var(--cream);overflow:hidden;display:flex;align-items:flex-start;justify-content:center;text-align:center}.hero-content{position:relative;z-index:2;padding:105px 24px 135px;max-width:1000px;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;line-height:1.5}.eyebrow.light{color:#d1ba8d}.hero .hero-title{font-size:clamp(60px,6.9vw,100px);line-height:1.04;letter-spacing:-3.2px;margin:27px 0 29px}.hero .hero-title em{color:#d4ae7c}.mobile-break{display:none}.hero-copy{font-size:15px;line-height:1.7;color:#e0e5d9;letter-spacing:.2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:42px;border:1px solid transparent;padding:18px 25px;font-size:12px;line-height:1.2;letter-spacing:.2px;transition:background .2s,color .2s,transform .2s}.button span{font-size:20px;line-height:.7}.button:hover{transform:translateY(-2px)}.button-cream{background:var(--cream);color:var(--ink);margin-top:34px}.button-cream:hover{background:#e2cba5}.button-dark{background:var(--ink);color:var(--cream)}.button-dark:hover{background:#2b5149}.botanical-scene{position:absolute;inset:0;pointer-events:none;overflow:hidden;transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform 1s ease-out}.botanical-scene>svg{width:100%;height:100%;min-width:1000px;position:absolute;left:50%;transform:translateX(-50%);top:0}.plant-layer{transform-box:fill-box;transform-origin:50% 100%;animation:sway 15s ease-in-out infinite alternate}.plant-layer.two{animation-duration:19s;animation-delay:-6s}.plant-layer.three{animation-duration:21s;animation-delay:-10s}.plant-layer.four{animation-duration:18s;animation-delay:-4s}@keyframes sway{from{transform:rotate(-.65deg) translateY(1px)}to{transform:rotate(.7deg) translateY(-2px)}}.motion-off .plant-layer{animation-play-state:paused}.motion-off .botanical-scene{transform:none}.hero-bottom{position:absolute;left:6.5%;right:6.5%;bottom:30px;display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:10px;color:#e0e5d9}.scroll-link{display:flex;align-items:center;gap:16px;letter-spacing:.4px}.scroll-link span{font-size:21px;color:#d1ba8d}.motion-toggle{border:1px solid #f8f2e738;background:#142f30bf;display:flex;align-items:center;gap:8px;padding:9px 12px;color:#e0e5d9;font-size:10px}.section-pad{padding:105px 9%}.intro{padding-bottom:83px}.intro-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:42px}.intro-kicker{font-family:var(--serif);font-style:italic;text-align:right;font-size:17px;line-height:1.4;color:#697263}.intro-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:58px}h2{font-size:clamp(37px,4.1vw,57px);line-height:1.12;letter-spacing:-1.55px}.intro-heading p{max-width:360px;font-size:14px;color:#536058;padding-bottom:5px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:50px 1fr 1.1fr 25px;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:30px 0}.service-number{font-family:var(--serif);font-size:15px;color:#8e6652;align-self:start;padding-top:8px}.service-row h3{font-size:27px;line-height:1.15;letter-spacing:-.4px}.service-row p{font-size:13px;color:#59655d;max-width:390px}.service-arrow{color:#997743;font-size:27px;text-align:right}.services-note{font-size:11px;color:#697263;margin-top:24px}.about{background:var(--paper);display:grid;grid-template-columns:.95fr 1fr;gap:12%;align-items:center}.about-art{height:520px;position:relative;background:#78364c;overflow:hidden;color:var(--cream)}.art-label{position:absolute;top:44px;left:37px;font-family:var(--serif);font-size:32px;line-height:1.1;letter-spacing:-.7px;z-index:2}.about-bloom{position:absolute;inset:0}.about-bloom svg{height:100%;width:100%}.art-footnote{position:absolute;bottom:24px;left:37px;font-size:9px;letter-spacing:2.7px}.about-copy .eyebrow{margin-bottom:25px}.about-copy h2{font-size:43px;margin-bottom:30px}.about-copy p:not(.eyebrow){font-size:14px;color:#536058;margin-top:18px}.text-link{display:inline-flex;align-items:center;gap:40px;font-size:12px;border-bottom:1px solid #829184;padding-bottom:9px;margin-top:27px}.text-link span{font-size:21px;color:#927047}.gatherings{background:var(--ink);color:var(--cream);position:relative;overflow:hidden;padding-top:77px;padding-bottom:85px}.gatherings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.gatherings .eyebrow{color:#d7ba86}.small-status{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.7px;color:#c6cebe}.small-status span{height:5px;width:5px;border-radius:50%;background:#c5a567}.gatherings-body{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;position:relative;z-index:2}.gatherings h2{font-size:48px;line-height:1.17}.gatherings h2 em{color:#d4ba8c}.gatherings p:not(.eyebrow){font-size:14px;color:#d7ded1;margin-bottom:15px;max-width:380px}.gatherings .text-link{border-color:#9da68b;margin-top:10px}.gatherings .text-link span{color:#d4ba8c}.gatherings-decoration{font-family:var(--serif);position:absolute;left:9%;bottom:-175px;font-size:400px;line-height:1;color:#53725c;opacity:.22;transform:rotate(18deg)}.contact{text-align:center;padding-top:103px;padding-bottom:95px;position:relative}.contact h2{font-size:73px;margin:24px 0;letter-spacing:-2px;line-height:1}.contact h2 em{color:var(--raspberry)}.contact>p:not(.eyebrow):not(.demo-note){font-size:14px;color:#687263}.contact .button{margin-top:30px}.demo-note{font-size:9px;color:#737b6b;margin-top:15px;letter-spacing:.1px}.site-footer{padding:31px 6.5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:25px}.site-footer .wordmark-initials{font-size:33px}.site-footer .wordmark-name{font-size:8px}.site-footer p,.site-footer>a:last-child{font-size:10px;color:#687263}dialog{border:0;background:var(--cream);color:var(--ink);width:min(520px,calc(100% - 32px));padding:54px 45px;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#102321c9;backdrop-filter:blur(3px)}dialog h2{font-size:43px;margin:22px 0}dialog p:not(.eyebrow){font-size:14px;color:#5b685b}dialog .dialog-note{font-size:12px!important;margin:18px 0 26px}.dialog-close{position:absolute;top:14px;right:18px;width:32px;height:32px;font-size:28px;border:0;background:none;font-weight:300}.dialog-done{width:100%}
@media(min-width:1600px){.hero{min-height:810px}.hero-content{padding-top:126px}.section-pad{padding-left:max(9%,calc((100vw - 1340px)/2));padding-right:max(9%,calc((100vw - 1340px)/2))}}
@media(max-width:1000px){.site-header{padding:0 6%;height:92px}.site-header nav{gap:22px}.nav-contact{margin-left:0}.hero{min-height:700px}.hero-content{padding-top:100px}.hero .hero-title{font-size:71px}.section-pad{padding:80px 7%}.intro-heading,.gatherings-body{gap:7%}.service-row{gap:22px;grid-template-columns:35px 1fr 1.15fr 20px}.about{gap:7%;grid-template-columns:.9fr 1fr}.about-art{height:500px}.about-copy h2{font-size:35px}.art-label{font-size:27px;left:26px}.gatherings h2{font-size:40px}.site-footer p{display:none}}
@media(max-width:700px){html{scroll-padding-top:15px}.preview-bar{font-size:8px;gap:10px;padding:8px}.preview-bar span{font-size:8px}.site-header{height:83px;padding:0 24px}.wordmark-initials{font-size:37px}.wordmark-name{font-size:8px;letter-spacing:2px;padding-left:12px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;border:0;color:var(--cream);font-size:11px;padding:12px 0 12px 12px}.menu-toggle span{font-size:17px}.site-header nav{display:none;position:absolute;left:0;right:0;top:82px;background:var(--navy);padding:24px;flex-direction:column;align-items:stretch;gap:7px;box-shadow:0 14px 18px #0002;border-bottom:1px solid #c5a56770}.site-header nav.open{display:flex}.site-header nav a{padding:13px 0;font-size:14px}.site-header nav a:after{display:none}.hero{min-height:695px}.hero-content{padding:88px 20px 180px;max-width:500px}.hero .eyebrow{font-size:8px;letter-spacing:1.75px}.hero .hero-title{font-size:53px;letter-spacing:-2px;line-height:1.06;margin:24px 0}.mobile-break{display:block}.desktop-break{display:none}.hero-copy{font-size:12px;line-height:1.8;max-width:275px;margin:0 auto}.button{padding:17px 20px;font-size:11px;gap:31px}.hero .button{margin-top:26px}.botanical-scene>svg{min-width:1010px;width:1010px;height:695px;top:38px;opacity:.9}.hero-bottom{left:24px;right:24px;bottom:22px}.scroll-link{font-size:9px;gap:9px}.motion-toggle{font-size:9px;padding:8px}.section-pad{padding:62px 25px}.intro-top{margin-bottom:27px}.intro-kicker{font-size:14px}.eyebrow{font-size:9px;letter-spacing:2px}.intro-heading{display:block;margin-bottom:33px}h2{font-size:38px;letter-spacing:-1.2px}.intro-heading p{font-size:13px;max-width:330px;margin-top:23px}.service-row{position:relative;grid-template-columns:27px 1fr;gap:8px 14px;padding:26px 20px 26px 0;align-items:start}.service-number{font-size:13px;padding-top:5px}.service-row h3{font-size:25px;line-height:1.2}.service-row h3 br{display:none}.service-row p{grid-column:2;font-size:12px;line-height:1.7;padding-top:3px}.service-arrow{position:absolute;right:0;top:27px;font-size:22px}.services-note{font-size:10px;line-height:1.7}.about{display:flex;flex-direction:column;gap:40px;align-items:stretch}.about-art{height:375px;max-width:480px;width:100%;margin:auto}.art-label{font-size:32px;top:30px;left:30px}.art-footnote{left:30px;bottom:20px}.about-copy h2{font-size:37px;margin-bottom:23px}.about-copy p:not(.eyebrow){font-size:13px}.about-copy .eyebrow{margin-bottom:20px}.gatherings-header{margin-bottom:29px}.small-status{font-size:7px;letter-spacing:1px}.gatherings-body{display:block}.gatherings h2{font-size:38px;margin-bottom:27px}.gatherings p:not(.eyebrow){font-size:13px;max-width:none}.gatherings-decoration{left:0;bottom:-230px}.contact{padding-top:67px;padding-bottom:64px}.contact h2{font-size:62px;margin:24px 0}.contact>p:not(.eyebrow):not(.demo-note){font-size:13px}.site-footer{padding:28px 24px;gap:12px}.site-footer .wordmark-name{font-size:7px;letter-spacing:1.4px;padding-left:10px}.site-footer .wordmark{gap:10px}.site-footer>a:last-child{font-size:9px}dialog{padding:44px 29px}dialog h2{font-size:38px}}
@media(max-width:360px){.hero .hero-title{font-size:47px}.wordmark-name{font-size:7px}.hero-content{padding-left:15px;padding-right:15px}.hero .eyebrow{font-size:7px}.preview-bar span{display:none}.hero-bottom{left:20px;right:20px}.motion-toggle{gap:5px}.service-row h3{font-size:23px}.gatherings h2{font-size:34px}.contact h2{font-size:57px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.botanical-scene{transform:none!important}.button:hover{transform:none}}
.hero .hero-title{font-size:clamp(58px,5.8vw,84px);letter-spacing:-2.6px;line-height:1.12}.hero-copy{max-width:435px;margin:0 auto}.service-row h3{font-size:25px}
@media(max-width:1000px){.hero .hero-title{font-size:60px}.hero-copy{max-width:370px}}
@media(max-width:700px){.hero .hero-title{font-size:49px;line-height:1.1;letter-spacing:-1.8px;max-width:340px;margin-left:auto;margin-right:auto}.hero-copy{max-width:268px}.service-row h3{font-size:25px}.hero-content{padding-top:75px}}
@media(max-width:360px){.hero .hero-title{font-size:43px}}

/* Same artwork, geometry, and copy; only the headline typeface varies. */
@font-face{font-family:'Fraunces';src:url('assets/fonts/fraunces-regular.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Fraunces';src:url('assets/fonts/fraunces-italic.ttf') format('truetype');font-style:italic;font-weight:100 900;font-display:swap}
@font-face{font-family:'Berkshire Swash';src:url('assets/fonts/berkshire-swash-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url('assets/fonts/dmserifdisplay-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
.hero .hero-title{font-synthesis:none}
.font-fraunces .hero-title{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 80,'WONK' 1;}
.font-berkshire .hero-title,.font-berkshire .hero-title em{font-family:'Berkshire Swash',Georgia,serif;font-style:normal}
.font-dm-serif .hero-title,.font-dm-serif .hero-title em{font-family:'DM Serif Display',Georgia,serif;font-style:italic}
.font-comparison-label{background:var(--cream);color:var(--ink);display:flex;justify-content:center;align-items:center;gap:22px;padding:25px 20px;text-align:center;border-bottom:1px solid var(--line)}
.font-comparison-label span{font:9px var(--sans);letter-spacing:1.8px}
.font-comparison-label strong{font:400 23px var(--serif)}
@media(max-width:700px){.font-comparison-label{flex-direction:column;gap:8px;padding:21px 20px}.font-comparison-label strong{font-size:22px}}

.type-gallery-link{background:#e8dfcf;text-align:center;padding:13px 20px;color:#35564c;font:11px Arial,Helvetica,sans-serif;letter-spacing:.25px}.type-gallery-link a:hover{text-decoration:underline}

/* Selected peony logo: original transparent PNG, kept on ivory for contrast. */
.peony-brand{width:190px;height:90px;background:var(--cream);display:flex;align-items:center;justify-content:center;overflow:hidden;gap:0}
.peony-brand img{display:block;width:217px;height:auto;max-width:none;transform:translateY(-2px)}
.site-footer .peony-brand{width:145px;height:73px}.site-footer .peony-brand img{width:166px}
@media(max-width:700px){.site-header .peony-brand{width:145px;height:73px}.site-header .peony-brand img{width:166px}.site-footer .peony-brand{width:128px;height:64px}.site-footer .peony-brand img{width:146px}}

/* Ben’s selected headline pairing. */
@font-face{font-family:'DM Serif Display';src:url('assets/fonts/dmserifdisplay-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.font-selected-dm .hero-title{font-family:'DM Serif Display',Georgia,serif;font-style:normal;font-weight:400;font-synthesis:none}
.font-selected-dm .hero-title em{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-weight:400}

/* Selected refined pairing 12: exact family, styles, and weights from the gallery. */
@font-face{font-family:'Playfair Display';src:url('assets/fonts/playfairdisplay-regular.ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('assets/fonts/playfairdisplay-italic.ttf') format('truetype');font-style:italic;font-weight:400 900;font-display:swap}
.font-selected-playfair .hero-title{font-family:'Playfair Display',Georgia,serif;font-style:normal;font-weight:400;font-synthesis:none}
.font-selected-playfair .hero-title em{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500}

/* October 13 review: continuous ivory header and readable serif supporting copy. */
.site-header{background:var(--cream);color:var(--ink);border-bottom:1px solid var(--line)}
.hero-copy{font-family:'Playfair Display',Georgia,serif;font-style:normal;font-weight:400;font-size:19px;line-height:1.65;letter-spacing:0;font-synthesis:none}
@media(max-width:700px){.site-header .menu-toggle{color:var(--ink)}.site-header nav{background:var(--cream);color:var(--ink);border-bottom-color:var(--line)}.hero-copy{font-size:18px;line-height:1.6;max-width:300px}}

/* Services review: simplified heading and rows without numbers or arrows. */
.intro-heading{display:block}.intro-heading h2{max-width:860px}
.service-row{grid-template-columns:1fr 1.1fr;gap:30px}
@media(max-width:700px){.service-row{grid-template-columns:1fr;gap:8px;padding:26px 0}.service-row p{grid-column:auto}}

/* Supplied botanical wallpaper fills the entire About transition, beneath a quiet overlay. */
.about-wallpaper{position:relative;background:linear-gradient(rgba(18,47,45,.80),rgba(18,47,45,.80)),url('assets/wh-botanical-reference.jpg') center center/cover no-repeat;color:var(--cream);grid-template-columns:1fr 1.1fr;gap:12%;min-height:490px}
.about-intro-heading h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(42px,4.5vw,65px);font-style:normal;font-weight:400;line-height:1.14;letter-spacing:-1.5px;margin:0}.about-intro-heading h2 em{font-style:italic;font-weight:500}
.about-wallpaper .about-copy p:not(.eyebrow){color:var(--cream);font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:18px;line-height:1.65;margin:0 0 21px}
.about-wallpaper .text-link{color:var(--cream);border-color:#e0d5b4a6;margin-top:8px}.about-wallpaper .text-link span{color:var(--gold)}
@media(max-width:700px){.about-wallpaper{display:flex;flex-direction:column;align-items:stretch;gap:27px;min-height:0;padding-top:62px;padding-bottom:62px}.about-intro-heading h2{font-size:43px;line-height:1.13;letter-spacing:-1px}.about-wallpaper .about-copy p:not(.eyebrow){font-size:17px;line-height:1.65}}

/* Approved About headline and introduction. */
.about-wallpaper .about-copy h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(26px,2.7vw,38px);font-weight:400;font-style:normal;line-height:1.2;letter-spacing:-.5px;margin-bottom:25px;font-synthesis:none}
@media(max-width:700px){.about-wallpaper .about-copy h3{font-size:28px;line-height:1.24;margin-bottom:22px}}

/* Readable Playfair navigation, with all four labels sharing one line box. */
.site-header nav{font-family:'Playfair Display',Georgia,serif;font-size:18px;font-style:normal;font-weight:400;font-synthesis:none;align-items:center;gap:30px}
.site-header nav a{display:block;line-height:24px;padding:10px 0;white-space:nowrap}
.site-header nav .nav-contact{padding-right:30px}
.site-header nav .nav-contact .nav-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0;font-size:19px;line-height:1}
@media(min-width:701px) and (max-width:1000px){.site-header nav{font-size:17px;gap:18px}.site-header nav .nav-contact{margin-left:0}}
@media(max-width:700px){.site-header nav{align-items:stretch;gap:7px}.site-header nav a{font-size:20px;line-height:28px;padding:13px 0}.site-header nav .nav-contact{padding-right:30px}}
@media(min-width:701px) and (max-width:800px){.site-header .menu-toggle{display:flex;align-items:center;gap:12px;background:none;border:0;color:var(--ink);font-size:13px;padding:12px 0 12px 12px}.menu-toggle span{font-size:17px}.site-header nav{display:none;position:absolute;left:0;right:0;top:91px;background:var(--cream);color:var(--ink);padding:24px;flex-direction:column;align-items:stretch;gap:7px;box-shadow:0 14px 18px #0002;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{font-size:20px;line-height:28px;padding:13px 0}.site-header nav a:after{display:none}.site-header nav .nav-contact{padding-right:30px}}

/* Use identical text boxes and baseline alignment for every navigation label. */
@media(min-width:801px){.site-header nav{align-items:baseline}.site-header nav a{display:inline-flex;align-items:baseline;vertical-align:baseline}.site-header nav .nav-label{display:block;font:inherit;line-height:24px;margin:0;padding:0}}
@media(max-width:800px){.site-header nav .nav-label{display:block;font:inherit;line-height:28px;margin:0;padding:0}}

/* Services readability: larger descriptions and tighter section rhythm. */
.intro{padding-top:76px;padding-bottom:68px}.intro .intro-heading{margin-bottom:34px}
.service-row{padding-top:28px;padding-bottom:28px}.service-row p{font-size:19px;line-height:1.55;max-width:none}
@media(max-width:700px){.intro{padding-top:52px;padding-bottom:52px}.intro .intro-heading{margin-bottom:26px}.service-row{padding-top:25px;padding-bottom:25px}.service-row p{font-size:17px;line-height:1.6}}

/* A subtle optical correction for Playfair's shorter cap-height in this label. */
@media(min-width:801px){.site-header nav .nav-contact .nav-label{transform:translateY(-1px)}}

/* Portrait-led introduction: photo left, approved introduction right. */
.about-wallpaper{min-height:588px;grid-template-columns:.9fr 1.1fr;gap:9%;padding-top:84px;padding-bottom:84px}
.about-portrait{width:100%;max-width:380px;justify-self:center}.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #e0d5b450}
.about-wallpaper .about-copy h2{font-family:'Playfair Display',Georgia,serif;font-size:48px;font-weight:400;font-style:normal;line-height:1.12;letter-spacing:-1px;margin:0 0 25px}
.about-wallpaper .about-copy h3{font-size:31px;line-height:1.24;margin-bottom:21px}
@media(max-width:1000px) and (min-width:701px){.about-wallpaper{gap:6%;padding-top:72px;padding-bottom:72px}.about-wallpaper .about-copy h2{font-size:43px}.about-wallpaper .about-copy h3{font-size:28px}}
@media(max-width:700px){.about-wallpaper{min-height:0;gap:32px;padding-top:52px;padding-bottom:52px}.about-portrait{max-width:320px;margin:0 auto}.about-wallpaper .about-copy h2{font-size:40px;margin-bottom:22px}.about-wallpaper .about-copy h3{font-size:27px}}

/* Monochrome peony and leaf silhouettes echo the newly supplied wallpaper. */
.gatherings-botanical{position:absolute;inset:0;pointer-events:none;color:#87a18b;overflow:hidden;z-index:0}.gatherings-botanical svg{display:block;width:100%;height:100%;min-height:400px;opacity:.14}.gatherings-leaves{opacity:.8}
@media(max-width:700px){.gatherings-botanical svg{width:140%;margin-left:-30%;min-height:100%;opacity:.12}}

/* Reserved portrait area stays quiet until the photograph is approved. */
.portrait-pending{aspect-ratio:1;border:1px solid #c5a56755;background:#183d3733}
@media(max-width:700px){.portrait-pending{display:none}}

/* Anchor the bloom independently so wide and narrow section crops reveal its petals. */
.gatherings-botanical .gatherings-flower-art{position:absolute;left:3%;bottom:-190px;width:clamp(340px,32vw,430px);height:auto;min-height:0;margin:0;opacity:.14}
@media(max-width:700px){.gatherings-botanical .gatherings-flower-art{left:0;bottom:-100px;width:320px;min-height:0;margin:0;opacity:.12}}

/* A slower, purely lateral opening; the scene does not respond to scrolling. */
.curtain-side{transform-box:view-box;transform:translateX(var(--settle-x,0px));will-change:transform}
.curtain-left{--settle-x:0px;--reveal-x:185px}.curtain-right{--settle-x:0px;--reveal-x:-185px}
.hero-reveal .curtain-side{animation:botanical-open 7.5s cubic-bezier(.25,.1,.25,1) both}
@keyframes botanical-open{from{transform:translateX(var(--reveal-x))}to{transform:translateX(var(--settle-x))}}
.plant-layer{animation:botanical-sway 28s ease-in-out infinite alternate}.plant-layer.two{animation-duration:34s;animation-delay:-8s}.plant-layer.three{animation-duration:38s;animation-delay:-13s}.plant-layer.four{animation-duration:31s;animation-delay:-7s}
@keyframes botanical-sway{from{transform:rotate(-1.3deg) translateY(2px)}to{transform:rotate(1.3deg) translateY(-2px)}}
.hero:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 10%,#142f3059 25%,#142f3078 37%,#142f3078 63%,#142f3059 75%,transparent 90%)}
.motion-off .curtain-side,.page-motion-hidden .curtain-side,.motion-off .plant-layer,.page-motion-hidden .plant-layer{animation-play-state:paused}.motion-off .curtain-side{will-change:auto}.motion-off .botanical-scene{transform:translate3d(var(--px,0px),var(--py,0px),0);transition:none}
@media(min-width:701px) and (max-width:1000px){.curtain-left{--settle-x:90px;--reveal-x:210px}.curtain-right{--settle-x:-90px;--reveal-x:-210px}}
@media(max-width:700px){.curtain-left{--settle-x:350px;--reveal-x:430px}.curtain-right{--settle-x:-350px;--reveal-x:-430px}.hero:before{background:linear-gradient(90deg,#142f301f,#142f307d 25%,#142f308a 50%,#142f307d 75%,#142f301f)}}
@media(prefers-reduced-motion:reduce){.curtain-side,.hero-reveal .curtain-side{animation:none!important;transform:translateX(var(--settle-x,0px))!important;will-change:auto}.plant-layer{animation:none!important;transform:none!important}.botanical-scene{transform:none!important}}

/* Larger contact invitation; honest non-live booking details remain inside the dialog. */
.contact>.eyebrow{font-family:'Playfair Display',Georgia,serif;font-size:25px;font-weight:400;line-height:1.3;letter-spacing:.6px}
.contact>p:not(.eyebrow):not(.demo-note){font-size:20px;line-height:1.55}
@media(max-width:700px){.contact>.eyebrow{font-size:22px}.contact>p:not(.eyebrow):not(.demo-note){font-size:18px;line-height:1.6}}

/* Requested two-point increases: 2pt equals 2.6667 CSS pixels. */
.hero-copy{font-size:calc(19px + 2pt)}.gatherings p:not(.eyebrow){font-size:calc(14px + 2pt)}
@media(max-width:700px){.hero-copy{font-size:calc(18px + 2pt)}.gatherings p:not(.eyebrow){font-size:calc(13px + 2pt)}}

/* Quiet cream-on-cream camellias frame services and the closing invitation. */
.intro,.contact{position:relative;overflow:hidden;isolation:isolate}.cream-botanical{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.cream-botanical img{display:block;position:absolute;height:auto;opacity:.38}
.intro>.intro-heading,.intro>.service-list,.contact>:not(.cream-botanical){position:relative;z-index:1}
.services-botanical .cream-flower{width:390px;left:-100px;bottom:-80px;transform:rotate(-8deg)}.services-botanical .cream-leaves{width:280px;right:-105px;top:15px;transform:rotate(14deg);opacity:.31}
.contact-botanical .cream-flower{width:370px;top:50%}.contact-botanical .left{left:-70px;transform:translateY(-38%) rotate(-9deg)}.contact-botanical .right{right:-70px;transform:translateY(-34%) scaleX(-1) rotate(-9deg)}
@media(max-width:1000px) and (min-width:701px){.services-botanical .cream-flower{left:-145px}.contact-botanical .cream-flower{width:300px}.contact-botanical .left{left:-100px}.contact-botanical .right{right:-100px}}
@media(max-width:700px){.cream-botanical img{opacity:.25}.services-botanical .cream-flower{width:300px;left:-140px;bottom:-45px}.services-botanical .cream-leaves{width:220px;right:-145px;top:28px;opacity:.21}.contact-botanical .cream-flower{width:240px;top:48%;opacity:.27}.contact-botanical .left{left:-100px}.contact-botanical .right{right:-100px}}
/* Maintain body-copy contrast wherever the pale edge motifs pass behind it. */
.contact>p:not(.eyebrow):not(.demo-note){color:#59655d}

/* Contact only: three varied cream blooms on each edge, with a quiet center. */
.contact-botanical .cream-cluster{width:350px;top:50%;opacity:.38}.contact-botanical .cream-cluster.left{left:-35px;transform:translateY(-38%) rotate(-6deg)}.contact-botanical .cream-cluster.right{right:-35px;transform:translateY(-34%) scaleX(-1) rotate(-6deg)}
@media(max-width:1000px) and (min-width:701px){.contact-botanical .cream-cluster{width:290px}.contact-botanical .cream-cluster.left{left:-95px}.contact-botanical .cream-cluster.right{right:-95px}}
@media(max-width:700px){.contact-botanical .cream-cluster{width:240px;top:48%;opacity:.27}.contact-botanical .cream-cluster.left{left:-85px}.contact-botanical .cream-cluster.right{right:-85px}}

/* A reserved podcast section: a quiet title, nine cream blooms, and room to grow. */
.podcasts{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:12%;min-height:410px;background:var(--cream);padding-top:77px;padding-bottom:85px}
.podcasts h2{position:relative;z-index:1;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:48px;line-height:1.17;letter-spacing:-1px;font-synthesis:none}.podcast-space{position:relative;z-index:1;min-width:0}
.podcast-botanical .podcast-flowers{width:350px;top:50%;opacity:.32}.podcast-botanical .left{left:-105px;transform:translateY(-42%) rotate(-9deg)}.podcast-botanical .middle{left:41%;transform:translateY(-31%) rotate(12deg);opacity:.27}.podcast-botanical .right{right:-80px;transform:translateY(-43%) scaleX(-1) rotate(-7deg)}
@media(min-width:701px) and (max-width:1000px){.podcasts{gap:7%;min-height:410px;padding-top:77px;padding-bottom:85px}.podcasts h2{font-size:40px}.podcast-botanical .podcast-flowers{width:310px}.podcast-botanical .left{left:-125px}.podcast-botanical .middle{left:35%}.podcast-botanical .right{right:-120px}}
@media(max-width:700px){.podcasts{grid-template-columns:1fr;gap:0;min-height:280px;padding-top:62px;padding-bottom:62px}.podcasts h2{font-size:38px}.podcast-space{display:none}.podcast-botanical .podcast-flowers{width:240px;opacity:.26}.podcast-botanical .left{left:-115px;transform:translateY(-44%) rotate(-9deg)}.podcast-botanical .middle{left:26%;transform:translateY(-14%) rotate(12deg);opacity:.22}.podcast-botanical .right{right:-105px;transform:translateY(-49%) scaleX(-1) rotate(-7deg)}}
