:root{--paper:#f6f2eb;--stone:#eae4d9;--ink:#493a30;--muted:#75675c;--line:#cfc4b5;--white:#fffcf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:6px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #926943;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3,.brand{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(3.4rem,6.8vw,7rem);line-height:1.06;letter-spacing:-.055em}h2{font-size:clamp(2.3rem,4.2vw,4.5rem);line-height:1.13;letter-spacing:-.04em}h3{font-size:1.9rem;line-height:1.2}em{font-weight:400}p{max-width:38rem}header{max-width:1600px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;gap:2rem}.brand{text-decoration:none;font-size:2rem;white-space:nowrap;letter-spacing:-.045em}.brand i{font-size:.85em}.brand span{display:block;font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:.15em;margin-top:3px}nav{display:flex;gap:2rem;align-items:center}nav a{text-decoration:none;font-size:.875rem;padding:10px 0}.nav-contact{border-bottom:1px solid var(--ink)}.menu{display:none}.hero{margin:0 auto;max-width:1600px;display:grid;grid-template-columns:1fr 1.04fr;position:relative;padding:20px 5% 70px;gap:5%}.hero-copy{align-self:center;padding:45px 0 65px}.eyebrow{font-size:.75rem;letter-spacing:.17em;margin-bottom:26px}.hero-copy>p:not(.eyebrow){max-width:27rem;margin:28px 0 34px}.button{display:inline-block;border:1px solid var(--ink);padding:14px 25px;background:var(--ink);color:var(--white);text-decoration:none;cursor:pointer;min-height:48px}.button:hover{background:#665040}.photo{background:var(--stone);min-height:200px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:.875rem;padding:1rem;aspect-ratio:4/3;overflow:hidden}.photo img{display:block;width:100%;height:100%;object-fit:cover}.photo:has(img){padding:0}.hero-photo{aspect-ratio:4/5;width:100%}.hero-note{position:absolute;bottom:25px;right:5%;font-size:.75rem;letter-spacing:.08em}.section{padding:100px 7%;max-width:1600px;margin:auto}.intro{max-width:780px;margin:auto;text-align:center}.intro>p:last-child{margin:25px auto 0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:65px}.services article{border-top:1px solid var(--line);padding-top:22px}.number{font-size:.75rem;color:var(--muted)}.services h3{margin:18px 0}.services p{color:var(--muted)}.work{background:#eee9e0}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:50px}.section-heading>p{color:var(--muted)}.gallery{display:grid;grid-template-columns:1.2fr 1fr;gap:50px 5%}.gallery figure:nth-child(even){padding-top:90px}.gallery figcaption{font-family:Georgia,serif;font-size:1.4rem;margin-top:16px}.portrait{aspect-ratio:4/5}.gallery .wide .photo{aspect-ratio:5/4}.more{margin-top:45px;border-top:1px solid var(--line);padding-top:24px}.more summary{cursor:pointer;min-height:44px}.additional{margin-top:25px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about p:not(.eyebrow){margin-top:24px}.text-link{display:inline-block;margin-top:30px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--stone)}.contact h2{margin-bottom:28px}form{display:flex;flex-direction:column}label{font-size:.875rem;margin:0 0 7px}input,select,textarea{border:0;border-bottom:1px solid #a59787;background:transparent;border-radius:0;padding:11px 3px;color:var(--ink);margin-bottom:22px;width:100%;min-height:48px}textarea{resize:vertical}.form-note{font-size:.875rem;margin-bottom:20px;color:var(--muted)}form .button{align-self:start}#form-status{margin-top:18px}footer{padding:55px 7%;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;max-width:1600px;margin:auto}footer p{font-size:.875rem}footer small{grid-column:1/-1;font-size:.75rem;color:var(--muted);margin-top:30px}footer>a:not(.brand){grid-column:2;grid-row:1/3}.skip{position:absolute;top:-100px;left:15px;background:var(--white);z-index:20;padding:10px}.skip:focus{top:10px}@media(max-width:760px){header{padding:20px 6%;flex-wrap:wrap;gap:12px}.brand{font-size:1.8rem}.brand span{font-size:.65rem}.menu{display:block;background:transparent;border:1px solid var(--line);padding:10px 14px;min-height:44px}nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:15px}nav.open{display:flex}nav a{padding:12px 0}.hero{grid-template-columns:1fr;padding:25px 6% 55px;gap:0}.hero-copy{padding:15px 0 36px}h1{font-size:clamp(3.4rem,12vw,5.5rem)}.hero-copy>p:not(.eyebrow){margin:23px 0 28px}.hero-photo{aspect-ratio:4/5;max-height:600px}.hero-note{bottom:20px;left:6%;right:auto}.section{padding:65px 6%}.eyebrow{margin-bottom:19px}.intro{text-align:left}.intro>p:last-child{margin-top:22px}.services{grid-template-columns:1fr;gap:30px;margin-top:38px}.services h3{margin:10px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:18px}.gallery{grid-template-columns:1fr;gap:32px}.gallery figure:nth-child(even){padding-top:0}.gallery .photo,.gallery .wide .photo{aspect-ratio:4/5}.about,.contact{grid-template-columns:1fr;gap:35px}.about .photo{max-height:550px}.contact form{margin-top:8px}footer{padding:40px 6%;display:flex;flex-direction:column;align-items:start;gap:15px}footer small{margin-top:20px}form .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Approved reference: warm editorial, full-width hero and compact image-led sections. */
:root{--paper:#faf7f2;--stone:#e9e2d9;--ink:#302c27;--muted:#68635d;--line:#d8c9bc;--brown:#a06b4b;--olive:#3f4a2f}header{padding:19px 5%;gap:20px}.brand{line-height:.95;letter-spacing:.11em;text-align:center;font-size:1.8rem}.brand .wordmark-top,.brand .wordmark-bottom{font:inherit;letter-spacing:inherit;margin:0;display:block}.wordmark-bottom small{font-size:.45em;letter-spacing:.2em;vertical-align:middle}.brand .wordmark-bottom{padding-left:1em}.nav-contact,.button{background:var(--brown);border:1px solid var(--brown);border-radius:30px;color:#fff;padding:12px 26px;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.hero{display:block;padding:0;min-height:580px;position:relative;background:#514a3c}.hero-photo{position:absolute;inset:0;aspect-ratio:auto;height:100%;z-index:0;background:#514a3c;color:#e9e2d9;justify-content:end;align-items:end;padding:20px}.hero-photo:has(img){padding:0}.hero-photo:has(img):after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.12) 70%)}.hero-copy{position:relative;z-index:1;padding:85px 7%;color:var(--paper);max-width:700px}.hero h1{font-size:clamp(2.5rem,4.8vw,5rem);letter-spacing:-.025em;line-height:1.08}.hero .eyebrow{font-size:.75rem;letter-spacing:.18em}.hero-copy>p:not(.eyebrow){max-width:360px;line-height:1.45;margin:22px 0}.hero .button{border-radius:7px}.brand-intro{background:var(--olive);color:var(--paper);padding:38px 12%;max-width:1600px;margin:auto}.brand-intro h2{font-size:clamp(1.5rem,2vw,2.1rem);line-height:1.35;letter-spacing:-.02em}.brand-intro p{max-width:850px;margin-top:13px;line-height:1.5}.section{padding:55px 6%}.eyebrow{color:#885033;margin-bottom:12px}.hero .eyebrow,.brand-intro .eyebrow{color:inherit}h2{font-size:clamp(1.9rem,3vw,3rem);letter-spacing:-.035em}.intro{max-width:1000px}.intro h2{font-size:clamp(1.8rem,2.6vw,2.8rem)}.services{gap:28px;margin-top:30px}.services article{border:0;padding:0}.services .photo{aspect-ratio:4/3;min-height:170px}.services h3{font-family:Arial,sans-serif;font-size:.875rem;letter-spacing:.13em;text-transform:uppercase;color:#885033;margin:16px 0 8px}.services p{font-size:1rem;line-height:1.5}.work{background:#f1eae2}.section-heading{margin-bottom:26px}.section-heading>p{max-width:360px;font-size:.95rem;line-height:1.5}.gallery{grid-template-columns:1.15fr 1fr 1fr;gap:22px}.gallery figure:nth-child(even){padding:0}.gallery figure:first-child{grid-row:span 2}.gallery figure:first-child .photo{aspect-ratio:3/4;height:calc(100% - 40px)}.gallery .photo,.gallery .wide .photo{aspect-ratio:4/3;min-height:150px}.gallery figcaption{font-size:1.1rem;margin-top:8px}.gallery figure:last-child{grid-column:2/4}.gallery figure:last-child .photo{aspect-ratio:3/1}.about{padding:0;gap:0;grid-template-columns:1fr 1.2fr}.about>.photo{aspect-ratio:5/4;height:100%;min-height:390px}.about>div{padding:45px 9%}.about p:not(.eyebrow){font-size:.95rem;line-height:1.55;margin-top:17px}.text-link{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--brown);border-radius:6px;padding:10px 18px;text-decoration:none;color:#885033;margin-top:20px}.contact{background:var(--paper);border-top:1px solid var(--line)}footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px}footer .brand{font-size:1.5rem}@media(max-width:760px){header{padding:20px 6%}.brand{font-size:1.55rem}.menu{border:0;color:var(--brown)}nav .nav-contact{align-self:start;margin-top:10px}.hero{min-height:590px}.hero-copy{padding:110px 8% 80px;max-width:100%}.hero h1{font-size:clamp(2.5rem,9vw,3.5rem)}.hero-copy>p:not(.eyebrow){font-size:1rem;max-width:330px}.hero .button{width:100%;text-align:center;max-width:330px;min-height:48px}.hero-photo{max-height:none;min-height:100%;font-size:.75rem}.hero-photo:has(img):after{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.18))}.brand-intro{padding:32px 7%}.brand-intro h2 br{display:none}.brand-intro p{font-size:1rem}.section{padding:42px 7%}.intro{text-align:center}.intro h2 br{display:none}.services{gap:30px}.services .photo{aspect-ratio:4/3}.gallery{grid-template-columns:1fr;gap:27px}.gallery figure:first-child{grid-row:auto}.gallery figure:last-child{grid-column:auto}.gallery figure:first-child .photo,.gallery figure:last-child .photo,.gallery .photo,.gallery .wide .photo{aspect-ratio:4/3;height:auto}.about{padding:0;grid-template-columns:1fr}.about>.photo{min-height:280px;aspect-ratio:4/3}.about>div{padding:35px 7%}.contact{gap:25px}.contact form{margin:0}footer{padding:32px 7%}.form-note{font-size:.875rem}}

/* Preserve the complete original entrance photograph within a quiet stone frame. */
.gallery .entrance-installation .original-photo{height:auto;aspect-ratio:auto;min-height:0;padding:10px;background:var(--stone);border:1px solid var(--line)}
.gallery .entrance-installation .original-photo img{width:100%;height:auto;object-fit:contain;display:block}

/* Fill both image frames using the original files, with CSS-only cropping. */
.gallery .entrance-installation .original-photo{position:relative;width:100%;height:auto;aspect-ratio:1/1;min-height:0;padding:0;border:0}
.gallery .entrance-installation .original-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 65%}
.about>.about-photo{position:relative;width:100%;height:auto;aspect-ratio:1/1;min-height:0;padding:0;align-self:center}
.about>.about-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 50%}

/* Original hero photograph: central porch, left-hand reading area. */
.hero{min-height:clamp(580px,55vw,790px)}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 54%}
.hero-copy{max-width:620px;padding:85px 5%}
.hero-photo:has(img):after{background:linear-gradient(90deg,rgba(15,19,12,.82) 0%,rgba(15,19,12,.66) 27%,rgba(15,19,12,.12) 52%,transparent 72%)}
@media(max-width:760px){
.hero{min-height:740px;display:flex;align-items:flex-end}
.hero-copy{padding:330px 8% 40px;width:100%;max-width:none}
.hero h1{font-size:clamp(2.3rem,8.5vw,3.4rem)}
.hero-photo img{object-position:50% 50%}
.hero-photo:has(img):after{background:linear-gradient(0deg,rgba(15,19,12,.9) 0%,rgba(15,19,12,.65) 40%,rgba(15,19,12,.05) 75%)}
}

/* Two genuine projects, equally sized and stacked on phones. */
.gallery.project-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.gallery.project-pair>figure{grid-column:auto;grid-row:auto;padding:0;min-width:0}
.gallery.project-pair .photo{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:1/1;padding:0;border:0;overflow:hidden}
.gallery.project-pair .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gallery.project-pair .evening-photo img{object-position:50% 42%;transform:rotate(-.4deg) scale(1.015)}
@media(max-width:760px){.gallery.project-pair{grid-template-columns:1fr}}
/* Override older first/last-card sizing so the evening frame matches the entrance. */
.gallery.project-pair>figure:first-child .photo,
.gallery.project-pair>figure:last-child .photo{height:auto;aspect-ratio:1/1;min-height:0;width:100%}

/* Keep the complete bespoke wreath visible within its service card. */
.services .bespoke-photo{position:relative;padding:0;overflow:hidden}
.services .bespoke-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 64%}

.services .installations-photo{position:relative;padding:0;overflow:hidden}
.services .installations-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}

.services .baby-shower-photo{position:relative;padding:0;overflow:hidden}
.services .baby-shower-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}

/* Centre the service section label across the full heading width. */
#services .intro>.eyebrow{max-width:none;width:100%;text-align:center;margin-left:auto;margin-right:auto}

.footer-links{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem}
@media(max-width:760px){.footer-links{gap:24px}}

/* Centre the footer wordmark independently of the contact links. */
footer>.brand{grid-column:1/-1;grid-row:1;justify-self:center;align-self:center;text-align:center}
footer>.footer-links{grid-row:2}
@media(max-width:760px){footer>.brand{align-self:center}}

.legal-page{max-width:860px;margin:auto;padding:65px 6% 85px}.legal-page h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1}.legal-page p{max-width:none;margin-top:16px}.legal-page .legal-date{font-size:.875rem;color:var(--muted);margin-top:20px}.legal-page section{margin-top:45px;border-top:1px solid var(--line);padding-top:30px}.legal-page h2{font-size:2rem}.legal-page h3{font-size:1.4rem;margin-top:28px}.legal-page .text-link{margin-top:35px}