/* A quiet milk-and-rose setting carries the original sculptural cover onward. */
main{
 --seam-01:#e1e9df;--seam-02:#f8f7f7;--seam-03:#fcf8f8;
 --seam-04:#fbf6f7;--seam-05:#fcf4f7;--seam-06:#fcf6f8;
 --seam-07:#fbf8f8;--seam-08:#fcf7f8;--seam-09:#fcf5f7;
 --seam-10:#fbf2f6;--seam-11:#fffafb;
}
#portfolio{--start:var(--seam-01);--middle:#eaf2f5;--end:var(--seam-02)}
#bright-edit{--start:var(--seam-02);--middle:#fdf9f8;--end:var(--seam-03)}
#editorial{--start:var(--seam-03);--middle:#fffbfc;--end:var(--seam-04)}
#more-edit{--start:var(--seam-04);--middle:#fdf9fa;--end:var(--seam-05)}
#lip-edit{--start:var(--seam-05);--middle:#fff5f9;--end:var(--seam-06)}
#beach-edit{--start:var(--seam-06);--middle:#faf8f8;--end:var(--seam-07)}
#breakfast-edit{--start:var(--seam-07);--middle:#fffcfa;--end:var(--seam-08)}
#content-edit{--start:var(--seam-08);--middle:#fff8fa;--end:var(--seam-09)}
#photo-edit{--start:var(--seam-09);--middle:#fff8fb;--end:var(--seam-10)}
#rates{--start:var(--seam-10);--middle:#fff7fb;--end:var(--seam-11)}
main>section:not(.cover){
 --edge-fade:clamp(180px,23vw,300px);
 background:linear-gradient(to bottom,var(--start),var(--middle) 34%,var(--middle) 66%,var(--end));
 color:#4c484c;background-attachment:scroll;padding:58px 6% 80px;
}
main>section:not(.cover)::after{
 background:linear-gradient(to bottom,var(--start) 0px,var(--start) 16px,transparent var(--edge-fade),transparent calc(100% - var(--edge-fade)),var(--end) calc(100% - 16px),var(--end) 100%);
 z-index:1;pointer-events:none;
}
main>section:not(.cover)>.scene,main>section:not(.cover)::before{
 -webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--edge-fade),#000 calc(100% - var(--edge-fade)),transparent);
 mask-image:linear-gradient(to bottom,transparent,#000 var(--edge-fade),#000 calc(100% - var(--edge-fade)),transparent);
}
#about::after{height:200px;background:linear-gradient(transparent,var(--seam-01) 96%);z-index:0;pointer-events:none}
#about>.section-foot{position:relative;z-index:2}
/* Texture remains an atmosphere rather than a competing image. */
#portfolio::before{opacity:.3}
#portfolio .cloud-scene{opacity:.55}
#bright-edit::before{opacity:.22}
#bright-edit .feather-scene{opacity:.26}
#lip-edit::before{opacity:.16;filter:grayscale(.2) brightness(1.35)}
#beach-edit::before{opacity:.22;filter:saturate(.45) brightness(1.14)}
#breakfast-edit::before{opacity:.23}
#content-edit .candle-smoke{opacity:.18}
#photo-edit::before,#rates::before{content:none!important;animation:none!important}
body>footer{background:linear-gradient(#fffafb,#fffcfd);color:#4c484c}

/* The inflated lettering is the recurring brand element. */
main>section:not(.cover) .chapter-title.script-title{
 height:clamp(160px,21vw,265px);max-width:820px;margin:28px auto 26px;
}
main>section:not(.cover) .chapter-title.script-title img{
 filter:grayscale(.85) brightness(1.03) drop-shadow(0 4px 6px #66565e26);
 animation:title-breathe 15s ease-in-out infinite;
}
#portfolio .chapter-title.script-title img,#bright-edit .chapter-title.script-title img,
#lip-edit .chapter-title.script-title img,#photo-edit .chapter-title.script-title img,
#rates .chapter-title.script-title img{filter:drop-shadow(0 4px 6px #66565e24)}
#more-edit .chapter-title.script-title,#content-edit .chapter-title.script-title{max-width:550px;width:76%}
main>section:not(.cover) .chapter-copy{color:#4c484c;max-width:760px;margin-bottom:38px;font-weight:400}
main>section:not(.cover) .chapter-copy .copy-detail{color:#777077;font-size:14px;line-height:1.65;letter-spacing:0}
main>section:not(.cover)>.section-label{color:#6e676d;letter-spacing:.6px}
#editorial .care-story,#more-edit .care-story{padding-top:0;isolation:isolate}
#editorial .care-story{max-width:960px}
#more-edit .care-story{max-width:800px}

/* A consistent gallery rhythm: matched pairs, full-width moments and even gutters. */
#bright-videos,#lip-videos,#more-videos,#breakfast-videos,#beach-videos,
#candle-portraits{max-width:800px;gap:32px 24px;align-items:start}
#more-edit #more-videos{max-width:800px;gap:32px 24px}
#more-edit #more-videos>.film-card:nth-child(n){margin-top:0}
#beauty-grid{max-width:960px;gap:32px 20px}
#beauty-grid>.film-card:nth-child(-n+2){width:100%}
#candle-top,#candle-bottom{max-width:800px}
main>section:not(.cover) .film-card:not(.theme-window) .video-wrap{border-radius:4px;box-shadow:none}
main>section:not(.cover) .film-card>.video-controls button{color:#625961;background:#fffdfd99;border-color:#c6b4bd45}
main>section:not(.cover) .film-card figcaption{color:#726970;font-size:12px;letter-spacing:0;line-height:1.5}
/* Personal photographs sit together; the ocean film has its own caption below it. */
#photo-edit .photo-layout{grid-template-columns:1fr 1fr;max-width:880px;gap:16px;padding:0;margin:auto;align-items:start}
#photo-edit .photo-card:first-child,#photo-edit .photo-card:last-child{width:100%;margin:0}
#photo-edit .photo-card:first-child .photo-frame{border:0}
#photo-edit .photo-card:last-child figcaption{padding-left:0}
#photo-edit .photo-layout .photo-original{border-radius:2px;box-shadow:none}
#photo-edit .photo-card figcaption{color:#726970;font-size:12px}
#photo-edit .inspiration-film{width:68%;max-width:440px;margin:48px auto 0}
#photo-edit .inspiration-film .film-card figcaption{font:22px/1.45 Georgia,serif;color:#68525f;margin:22px -7% 0;text-wrap:balance}

/* Contact works within the page, including embedded mobile browsers. */
#rates .chapter-copy{color:#51464e;font-size:clamp(40px,6.8vw,82px);font-weight:400}
#rates .chapter-copy em{color:#ad7b91}
#rates .contact-options{max-width:720px;margin:0 auto 46px;text-align:center}
#rates summary.contact-button{
 list-style:none;display:flex;align-items:center;justify-content:center;gap:20px;width:fit-content;
 min-height:52px;margin:0 auto;padding:17px 36px;border:1px solid #e4bdce;border-radius:4px;
 background:#eed5e0;color:#614452;cursor:pointer;font:15px/1.3 Arial,sans-serif;letter-spacing:.2px;
 touch-action:manipulation;
}
#rates summary.contact-button::-webkit-details-marker{display:none}
#rates summary.contact-button::marker{content:''}
#rates summary.contact-button span{font-size:22px;line-height:1;transition:transform .2s}
#rates .contact-options[open] summary span{transform:rotate(45deg)}
#rates summary.contact-button:focus-visible{outline:2px solid #ad7b91;outline-offset:5px}
#rates .contact-panel{margin-top:18px;padding:25px 22px 18px;background:#ffffffb8;border:1px solid #eddde5;border-radius:5px}
#rates .contact-panel .email{font-size:clamp(15px,2vw,18px);overflow-wrap:anywhere;border-bottom:1px solid #c6a4b5}
#rates .contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:15px 0}
#rates .contact-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
#rates .email-copy{display:flex;justify-content:center;align-items:stretch;gap:8px;max-width:510px;margin:auto}
#rates .email-address{flex:1;min-width:0;width:100%;margin:0;background:#fff;color:#5c4a55;border:1px solid #ddc7d2;border-radius:3px;padding:12px;font:16px/1.4 Arial,sans-serif}
#rates .copy-email{flex:none;margin:0;border:1px solid #ddc7d2;border-radius:3px;background:#f9ecf2;color:#614452;padding:12px 16px;font-size:14px;min-height:46px}
#rates .copy-status{min-height:1.5em;font:13px/1.5 Arial,sans-serif;color:#76626d;margin:12px 0 0}
#rates .services{max-width:960px;padding-bottom:12px}
#rates .services article{border-color:#d9c6d0}
#rates .services h3{font-weight:400;color:#51464e}
#rates .services p{color:#70666c;line-height:1.7}
#rates .number{color:#b0879a}
footer div{gap:20px}
@keyframes title-breathe{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
@media(max-width:760px){
 main>section:not(.cover){padding:38px 6% 58px;--edge-fade:190px}
 main>section:not(.cover) .chapter-title.script-title{height:clamp(125px,36vw,205px);margin:24px auto 24px}
 #more-edit .chapter-title.script-title,#content-edit .chapter-title.script-title{height:clamp(110px,32vw,170px);width:74%}
 main>section:not(.cover) .chapter-copy{max-width:100%;margin-bottom:30px}
 main>section:not(.cover) .chapter-copy .copy-detail{font-size:13px;line-height:1.6}
 #bright-videos,#lip-videos,#more-edit #more-videos,#breakfast-videos,#beach-videos,#candle-portraits,#beauty-grid{gap:24px 14px}
 #more-edit #more-videos>.film-card:nth-child(n){margin-top:0}
 #photo-edit .photo-layout{gap:12px}
 #photo-edit .inspiration-film{width:82%;margin-top:32px}
 #photo-edit .inspiration-film .film-card figcaption{font-size:19px;line-height:1.45;margin:18px -5% 0}
 #rates .chapter-copy{font-size:clamp(37px,10vw,65px);line-height:1.1;letter-spacing:-1px}
 #rates .contact-panel{padding:20px 14px 14px}
 #rates .email-copy{flex-direction:column}
 #rates .contact-options{margin-bottom:38px}
 #rates .services p{font-size:15px}
 #about::after{height:170px}
}
@media(prefers-reduced-motion:reduce){
 main>section:not(.cover) .chapter-title.script-title img{animation:none!important}
 #rates summary.contact-button span{transition:none}
}
