/* Final brief, visual stage only. Original photographs are not retouched or cut out. */
@font-face{font-family:'Bad Script';src:url('assets/fonts/bad-script.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--background-page:#f0eeeb;--background-card:#f8f6f3;--background-light:#fbfaf8;--font-handwritten:'Bad Script',cursive;--text-primary:#252321;--border-soft:#d4ccca}
body{background:var(--background-page)}
.section,.hero{position:relative;isolation:isolate;background:var(--background-page)}
.section{padding-block:62px 68px}
.section>.container,.hero-content,.site-header{z-index:2}
.spatial-light{position:absolute;inset:0;pointer-events:none;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 80% 5%,#fffdf9c0,transparent 65%)}
.spatial-light::before,.spatial-light::after{content:'';position:absolute;pointer-events:none}
.hand-note,.contact-footer h3{font-family:var(--font-handwritten);font-size:35px;font-weight:400;line-height:1.55;transform:rotate(-7deg);letter-spacing:0;color:#773447}
.hand-note::after,.hand-note::before,.about-top-note::before,.hero .eyebrow::after,.hero-caption::after,.note-arrow{display:none!important;content:none!important}
.card{border:1px solid #d7ceca80;border-radius:8px;background:linear-gradient(125deg,#fffdf8db,#f9f6f085);box-shadow:0 15px 30px -24px #51453966,inset 0 1px 0 #fff;backdrop-filter:blur(3px)}
.card p{line-height:1.22}.btn{transition:background .18s,box-shadow .18s}.btn:focus-visible{outline:2px solid var(--accent-plum);outline-offset:5px}
/* 01: complete square photograph, naturally illuminated surrounds, no subject masks. */
.hero{min-height:980px;padding-bottom:70px;background:#eee9e3}
.hero .spatial-light{background:radial-gradient(ellipse at 64% 20%,#fffaf0 0,transparent 60%),linear-gradient(100deg,#f0eeea,#e8dfd4)}
.hero .spatial-light::before{inset:-90px 0 auto 58%;height:380px;transform:skewY(-12deg);background:linear-gradient(90deg,transparent 5%,#655e4b16 6%,transparent 11%,transparent 45%,#655e4b13 46%,transparent 52%);filter:blur(12px)}
.hero-photo{position:absolute;top:218px;right:0;width:49%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;mask-image:none;border-radius:0;z-index:-1;box-shadow:-24px -25px 85px 12px #ad9a8220}
.hero-content{width:58%;margin-top:65px;margin-left:5.8%}.hero h1{font-size:79px;max-width:610px;margin:27px 0 0}.hero-introduction{max-width:610px;font-size:27px;line-height:1.22;margin:28px 0 0}.hero-introduction em{color:var(--accent-plum);font-weight:400}.hero-copy{font-size:23px;line-height:1.25;margin-top:28px;max-width:595px}.hero-action{margin-top:28px;gap:24px}.hero-action .btn{min-height:56px;font-size:16px;padding:16px 20px}.hero-action p{font-size:18px}.hero-statement{left:625px;top:-20px;width:175px}.hero-thought{font-size:32px;line-height:1.45;margin:0 0 22px}.hero-caption{font-size:20px;width:160px}
/* 02: diffuse side light, no still life. */
.requests .spatial-light{background:radial-gradient(ellipse at 100% 25%,#fffefb 10%,transparent 65%),linear-gradient(110deg,#e8e5e0,#f5f2ee 70%)}
.requests .spatial-light::before{right:-100px;top:-60px;width:700px;height:420px;background:repeating-linear-gradient(70deg,transparent 0 150px,#695b4810 155px 174px,transparent 180px 310px);filter:blur(9px)}
.section-heading .hand-note{font-size:34px;margin:24px 14% 28px 0;max-width:220px}.requests-grid .card{padding:22px}.request-options{gap:20px}.first-meeting,.free-tools{padding:24px}.first-meeting>p:not(.eyebrow){max-width:100%;line-height:1.25}.tool-card{grid-template-columns:45px 1fr;padding:12px;gap:10px}.tool-card>img{width:44px;height:54px}.tool-card p{font-size:19px;line-height:1.22}.tool-card h4{font-size:24px}.tool-actions{gap:8px}.tool-actions button{height:44px;min-height:44px;font-size:18px;padding:7px 10px}.tool-brand-icon{width:15px;height:15px}.free-tools>h3{font-size:32px}.first-meeting .btn{min-height:48px;padding:12px 18px;margin-top:20px}
/* 03: vertical recess and window illumination. */
.approach .spatial-light{background:linear-gradient(90deg,#f0eeea 68%,#dad7d125 68.2%,#fffefa 70%,#ebe7e1)}
.approach .spatial-light::after{top:20px;right:0;width:30%;height:300px;background:linear-gradient(0deg,transparent 44%,#746c5a17 46%,transparent 49%);filter:blur(6px)}
.approach-intro{width:73%}.approach-intro>p{font-size:21px;line-height:1.3}.approach-intro .levels{font-size:25px;color:var(--accent-plum);line-height:1.25}.approach-heading .hand-note{font-size:34px;max-width:230px;margin-top:45px}.methods-grid{margin-top:32px}.method p,.method li{line-height:1.25}.results{margin-top:32px}
/* 04: full original image, no changes within the photograph. */
.about .spatial-light{background:radial-gradient(ellipse at 0 35%,#d3c5b54d,transparent 60%),linear-gradient(125deg,#eee8df,#f6f3ee 55%,#ece9e4)}
.about-layout{grid-template-columns:32% minmax(0,1fr);gap:36px}.about-aside{position:relative}.about-portrait-slot{height:auto;min-height:0;aspect-ratio:1023/1537;overflow:visible}.about-portrait-slot>img{position:static;width:100%;height:auto;display:block;object-fit:contain;mask-image:none;border-radius:0;box-shadow:0 22px 55px -28px #5d493f70}
.about-aside::before{content:'';position:absolute;left:-70px;right:25px;top:-35px;height:650px;z-index:-1;background:linear-gradient(110deg,#d9d0c0a0,#fffaf030);transform:skewY(-5deg)}
.about h2{font-size:55px;max-width:78%;line-height:1.05}.about-top-note{font-size:27px;width:160px;top:44px;right:-10px}.about-intro{max-width:92%;margin-bottom:25px}.about-intro p{font-size:22px;line-height:1.26}.about-cards{gap:12px}.about-card{display:block;padding:22px 19px}.about-card>img{display:none}.about-card h3{font-size:25px;margin-bottom:12px}.about-card p{font-size:19px;line-height:1.25}.about-note{font-size:30px;margin:45px 12px 20px}.about-education{margin-top:18px}.education-caption{grid-column:1/-1;font-size:20px;line-height:1.35;margin:10px 16px 20px}.about-gallery{margin-top:24px}.about-gallery img{box-shadow:0 14px 22px -13px #4f403b80}
/* 05: horizontal grazing light and translucent cards. */
.screen-05 .spatial-light{background:radial-gradient(ellipse at 50% 20%,#fffefa,transparent 75%),linear-gradient(0deg,#d7d0c140,#eeeae4 45%)}
.screen-05 .spatial-light::after{left:0;right:0;bottom:8%;height:160px;transform:skewY(-3deg);background:linear-gradient(#b0a89616,transparent 40%);filter:blur(3px)}
.screen-05 .extended-lead{max-width:72%}.extended-screen .margin-note{font-size:33px;line-height:1.55;right:4%;max-width:255px}.format-grid{gap:24px}.format-card{padding:30px;background:linear-gradient(130deg,#fffefac9,#faf8f06b)}.format-card .feature-icon{width:64px;height:64px}.format-card p{line-height:1.25}
/* 06: broad overhead light, no arch or diagonal stripes. */
.screen-06 .spatial-light{background:radial-gradient(ellipse at 55% 0,#fff 0,#f4f1ed 48%,#e8e4de 100%)}
.screen-06 .spatial-light::before{top:0;left:10%;right:10%;height:120px;border-top:1px solid #fff;box-shadow:0 -20px 70px #77706022;border-radius:50%}
.service-card{padding:24px}.service-card h3{font-size:28px}.service-card summary>p{line-height:1.25}.service-bottom .card{padding:28px}.service-bottom p{line-height:1.25}.service-meta{gap:14px}.meeting-card .btn{font-size:21px}.screen-06 .extended-lead{max-width:73%}
/* 07: the only arch in the sequence, drawn as architecture rather than a photo fragment. */
.screen-07 .spatial-light{background:linear-gradient(100deg,#eeeae4 45%,#e5ded2)}
.screen-07 .spatial-light::before{width:330px;height:500px;right:-70px;top:10px;border-radius:180px 180px 0 0;border:45px solid #eee6d9;background:linear-gradient(150deg,#fdfcf9,#b3bdba);box-shadow:-22px 12px 35px #5d514622,inset 16px 5px 30px #70645245}
.screen-07 .extended-lead{max-width:72%}.product-featured{grid-template-columns:48% minmax(0,1fr);padding:14px;gap:20px}.product-image{width:100%;max-width:340px}.product-copy{padding:5px}.product-copy p{line-height:1.22}.product-copy h3{font-size:32px}.materials-grid{grid-auto-rows:auto;gap:18px}.material-card{padding:22px;display:flex;flex-direction:column;gap:10px}.material-card>.feature-icon{width:48px;height:48px;margin:0}.material-card>h3{font-size:30px}.material-card>p{font-size:19px;line-height:1.23;margin:0}.material-card>.accent-copy{font-size:21px}.material-meta{margin-top:auto;padding-top:15px}.material-card>.btn{min-height:44px;font-size:20px}
/* 08: supplied replacement background is pending; no substitute imagery. */
.screen-08 .spatial-light{background:linear-gradient(90deg,#e7e3df,#f6f4f0 48%,#eeebe7)}
.reviews-intro .hand-note{font-size:33px;line-height:1.55;margin-top:36px}.review-quotes{align-items:stretch;grid-auto-rows:1fr}.review-quote{display:flex;flex-direction:column;padding:28px}.review-quote blockquote{font-size:24px;line-height:1.25;flex:1}.review-source{margin-top:20px}.reviews-bottom{margin-top:25px}
/* 09: existing window-light fragment, no flowers. */
.screen-09 .spatial-light{background:linear-gradient(90deg,#f1eeea 65%,#e0dbd2)}
.screen-09 .spatial-light::after{right:0;top:0;width:36%;height:620px;background:url('assets/approved/Экран_09/02_свет_и_тени_окна.png') right top/contain no-repeat;opacity:.38;mask-image:linear-gradient(90deg,transparent,#000 50%)}
.faq-item{margin-bottom:13px}.faq-item summary{padding:20px 22px}.faq-aside .hand-note{font-size:31px;line-height:1.6}.faq-layout{gap:36px}.screen-09 .preview-form{margin-top:30px}
/* 10: softly lit wall panels, no furnishings. */
.screen-10 .spatial-light{background:radial-gradient(ellipse at 50% 20%,#fffdf9,transparent 75%),linear-gradient(90deg,#dcd6cd,#f0ece6 25%,#f0ece6 75%,#ded8cf)}
.screen-10 .spatial-light::before{left:6%;top:0;bottom:0;width:15%;border-left:1px solid #fff9;box-shadow:-25px 0 45px -30px #6d625666;background:linear-gradient(90deg,#fff4,transparent)}
.screen-10 .spatial-light::after{right:6%;top:0;bottom:0;width:14%;border-right:1px solid #fff9;box-shadow:25px 0 45px -30px #6d625666}
.screen-10 .margin-note{font-size:30px;line-height:1.55;top:95px;right:-20px;max-width:220px}.preview-form{background:#fffcf8ba;box-shadow:0 25px 50px -35px #60534b70}.contact-footer h3{font-size:33px}.contact-footer p{line-height:1.25}.contact-links a:hover{color:var(--accent-plum)}
@media(min-width:1600px){.hero-photo{width:46%;height:auto;top:205px}.hero{min-height:1100px}.hero-content{max-width:850px}.hero-statement{left:650px}}
@media(max-width:1200px) and (min-width:641px){.hero-content{width:52%}.hero h1{font-size:65px}.hero-introduction{font-size:24px}.hero-introduction br{display:none}.hero-copy{font-size:22px}.hero-statement{position:relative;left:auto;top:auto;display:flex;width:auto;gap:25px;margin:20px 0}.hero-thought{font-size:27px;max-width:220px}.hero-caption{font-size:18px}.hero-photo{top:300px;width:46%;height:auto}.hero{min-height:1060px}.about-layout{grid-template-columns:32% minmax(0,1fr)}.about h2{font-size:46px;max-width:none}.about-top-note{position:static;float:none;width:auto;max-width:260px;margin:10px 0 20px auto}.about-cards{grid-template-columns:1fr}.about-card{padding:20px}.screen-05 .extended-lead,.screen-06 .extended-lead,.screen-07 .extended-lead{max-width:70%}}
@media(max-width:1000px){.extended-screen .margin-note{position:relative;top:auto;right:auto;max-width:290px;margin:20px 20px 30px auto}.screen-05 .extended-lead,.screen-06 .extended-lead,.screen-07 .extended-lead{max-width:100%}.product-featured{grid-template-columns:1fr}.product-image{max-width:340px;margin:auto}.screen-10 .margin-note{top:auto;right:auto}.review-quotes{grid-auto-rows:auto}}
@media(max-width:640px){
.section{padding-block:38px 44px}.hand-note,.section-heading .hand-note,.extended-screen .margin-note{font-size:29px;line-height:1.6}.spatial-light{opacity:.8}.hero{min-height:0;padding-bottom:0}.hero-content{width:auto;margin:30px 20px 0;display:flex;flex-direction:column}.hero h1{font-size:47px;max-width:none}.hero-introduction{font-size:23px;line-height:1.25;margin-top:24px;order:2}.hero-introduction br{display:none}.hero-introduction em{display:block}.hero .eyebrow{order:0}.hero h1{order:1}.hero-statement{order:3;position:static;display:flex;width:auto;margin:24px 0;gap:18px}.hero-thought{font-size:27px;max-width:165px;margin:0}.hero-caption{font-size:19px;width:auto;max-width:155px}.hero-copy{order:4;font-size:22px;max-width:none;margin:0}.hero-action{order:5;margin-top:24px}.hero-photo{position:relative;top:auto;right:auto;display:block;width:100%;height:auto;aspect-ratio:1;margin:0;box-shadow:none}.hero{display:flex;flex-direction:column}.site-header{order:0}.hero-content{order:1}.hero-photo{order:2;margin-top:30px}.hero-action .btn{font-size:15px;min-height:54px;width:100%}
.tool-card{grid-template-columns:36px 1fr;padding:12px;gap:8px}.tool-card>img{width:35px;height:44px}.tool-card p{font-size:23px;line-height:1.2}.tool-card h4{font-size:26px}.tool-actions button{height:44px;min-height:44px;font-size:18px}.tool-brand-icon{width:14px;height:14px}.first-meeting,.free-tools{padding:20px}.first-meeting h3{font-size:33px}
.approach-intro{width:100%}.approach-intro>p{font-size:22px}.approach-intro .levels{font-size:24px}.approach-heading .hand-note{font-size:30px;margin:25px 10px 30px auto;max-width:230px}.method p,.method li{font-size:22px;line-height:1.25}.about-layout{display:flex;gap:30px}.about-portrait-slot{width:100%;height:auto;aspect-ratio:1023/1537}.about-portrait-slot>img{position:static;height:auto}.about h2{font-size:44px;max-width:none}.about-top-note{font-size:28px;max-width:240px;width:auto;margin:0 15px 28px auto;position:static}.about-intro{max-width:none}.about-cards{grid-template-columns:1fr}.about-card{padding:24px}.about-card p{font-size:22px}.about-card h3{font-size:29px}.about-note{font-size:28px;margin:20px}.about-aside::before{display:none}.education-caption{font-size:20px}
.format-card{padding:24px}.format-card p{font-size:22px}.service-card{padding:20px}.service-card h3{font-size:26px}.service-card summary>p{font-size:22px}.service-bottom .card{padding:22px}.product-copy p{font-size:22px}.product-copy h3{font-size:32px}.product-featured{padding:12px}.product-image{max-width:340px}.material-card>p{font-size:22px}.material-card>.accent-copy{font-size:23px}.review-quote{padding:24px}.review-quote blockquote{font-size:23px}.reviews-intro .hand-note{font-size:29px}.faq-item summary{padding:18px 15px}.faq-aside .hand-note{font-size:29px;max-width:245px}.screen-10 .margin-note{font-size:29px;max-width:240px}.contact-footer h3{font-size:31px}.screen-07 .spatial-light::before{width:180px;height:300px;right:-120px;opacity:.5}.contact-footer p{font-size:22px}
}
/* Corrections from browser screenshots: prevent inherited tool-image sizing and preserve quiet backgrounds. */
.tool-actions button{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.tool-actions img.tool-brand-icon{display:inline-block;width:15px;height:15px;min-width:15px;max-width:15px;padding:0;margin:0;background:none;object-fit:contain}
.material-card .material-meta{margin-top:auto;width:100%;padding-top:16px}
.material-card>.btn{margin-top:8px}
.screen-06 .spatial-light::before{content:none}
.screen-09 .spatial-light::after{height:205px;background-size:auto 620px;background-position:right top;mask-image:linear-gradient(transparent,#000 15%,#000 55%,transparent)}
@media(min-width:1201px){.hero-photo{width:44%;top:230px;height:auto}.hero-statement{left:590px;top:0;width:125px}.hero-thought{font-size:27px;line-height:1.5}.hero-caption{font-size:18px;width:125px}}
/* The navigation must stay above the hero content when expanded. */
.site-header{z-index:10}
.meeting-card .meeting-meta{font-size:18px;color:var(--accent-plum);margin:14px 0;line-height:1.4}

.site-footer{background:#e7e3df;border-top:1px solid #cfc6c0;padding:34px 0;color:#514b48;font:15px/1.65 Arial,sans-serif}
.site-footer-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:20px 60px}
.site-footer p{margin:0 0 8px;font:inherit}.site-footer .footer-name{font-weight:600}.site-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.site-footer a,.site-footer button{font:inherit;color:var(--accent-plum);text-align:left;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.footer-copyright{grid-column:1/-1;padding-top:15px;border-top:1px solid #cfc6c0}.consent-row a{color:var(--accent-plum);text-underline-offset:3px}.site-footer a:focus-visible,.site-footer button:focus-visible{outline:2px solid var(--accent-plum);outline-offset:4px}
@media(max-width:640px){.site-footer-inner{grid-template-columns:1fr;gap:24px}.site-footer{font-size:14px;padding:30px 0}}

/* Owner-supplied remark artwork, 2026-10-23. Preserve native lettering and tilt. */
.graphic-remark.graphic-remark{transform:none;line-height:0}
.graphic-remark .remark-image{display:block;width:100%;height:auto;object-fit:contain;box-shadow:none;border-radius:0}
.contact-footer h3.graphic-remark{max-width:280px}
.about-note.graphic-remark{max-width:360px}
.hero-caption.graphic-remark{width:240px}
@media(max-width:640px){.hero-caption.graphic-remark{width:155px}.graphic-remark{max-width:280px}.about-note.graphic-remark{max-width:320px}}

/* Proportional owner artwork and explicit link between the hero phrases. */
.hero-statement{width:250px;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.hero-thought.graphic-remark{width:250px;max-width:100%;margin:0}
.hero-remark-arrow{display:block;width:62px;height:100px;flex:none;color:#773447;align-self:center;margin:4px 0}
.hero-caption{width:210px;max-width:210px;font-size:22px;line-height:1.2}
.section-heading .graphic-remark{width:300px;max-width:300px;flex-shrink:0;margin-right:2%}
.approach-heading .graphic-remark{width:285px;max-width:285px}
.about-top-note.graphic-remark{width:260px;max-width:260px;right:0;top:18px}
.about-note.graphic-remark{width:100%;max-width:400px;margin-left:0;margin-right:0}
.extended-screen .margin-note.graphic-remark{width:320px;max-width:320px;right:0}
.reviews-intro .graphic-remark,.faq-aside .graphic-remark{width:320px;max-width:100%}
.contact-footer h3.graphic-remark{width:340px;max-width:100%}
@media(max-width:1200px){.hero-statement{flex-direction:column;width:270px}.about-top-note.graphic-remark{position:relative;top:auto;right:auto;margin-left:auto}.section-heading .graphic-remark{max-width:260px}}
@media(max-width:640px){.hero-statement{width:100%;align-items:center;margin:24px 0}.hero-thought.graphic-remark{width:280px;max-width:100%}.hero-remark-arrow{height:75px;margin:0}.hero-caption{width:250px;max-width:100%;font-size:22px}.hero-caption br{display:none}.section-heading .graphic-remark,.approach-heading .graphic-remark,.extended-screen .margin-note.graphic-remark{width:300px;max-width:100%;margin:24px 0 28px auto}.about-top-note.graphic-remark{width:280px;max-width:100%}.about-note.graphic-remark{max-width:100%}}

/* Supplied complete background composition, 2026-10-27. */
.hero{background:#eee7df}
.hero .spatial-light{display:none}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;box-shadow:none;margin:0;z-index:-1}
@media(max-width:1200px) and (min-width:641px){.hero-photo{object-position:38% center}.hero-content{background:linear-gradient(90deg,#f4eee6e6,#f4eee6b0 85%,transparent);padding:16px;margin-left:3%;width:58%}}
@media(max-width:640px){.hero-photo{position:relative;inset:auto;width:100%;height:400px;object-fit:cover;object-position:right center;margin:24px 0 0;z-index:0}.hero-content{background:none}.hero{padding-bottom:0}}

/* Owner requested slight inward alignment. */
@media(min-width:1201px){.hero-statement{left:601px}.site-header .wordmark{margin-left:24px}.site-header{gap:16px}}

/* Screen 02 background supplied by owner. */
#screen-02{background:#f1e5db url('assets/screen02-background-approved.jpg') center top / 100% auto no-repeat}
#screen-02>.spatial-light{display:none}

/* Blend the two supplied backgrounds at their shared edge. */
#screen-01::after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(to bottom,transparent,#efe4da);pointer-events:none;z-index:1}
#screen-02::before{content:"";position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(to bottom,#efe4da,transparent);pointer-events:none;z-index:0}
#screen-02>.container{position:relative;z-index:2}
@media(max-width:640px){#screen-01::after,#screen-02::before{height:70px}}

/* Screen 02 supplied calligraphy and meeting-card photograph. */
#screen-02 .section-heading{justify-content:flex-start;gap:34px}
#screen-02 .section-heading .graphic-remark{width:300px;max-width:300px;margin:40px 0 20px;align-self:center}
#screen-02 .first-meeting{background:linear-gradient(90deg,#faf4ecf2 0%,#faf4ece0 46%,#faf4ec00 80%),url('assets/meeting-cup-approved.png') right bottom / cover no-repeat;overflow:hidden}
#screen-02 .first-meeting>p:not(.eyebrow){max-width:75%}
#screen-02 .first-meeting .btn{position:relative}
@media(max-width:1000px){#screen-02 .section-heading{flex-wrap:wrap;gap:0}#screen-02 .section-heading .graphic-remark{margin:12px 0 26px;width:280px;max-width:100%}#screen-02 .first-meeting>p:not(.eyebrow){max-width:85%}}
@media(max-width:640px){#screen-02 .first-meeting{padding-bottom:170px;background:linear-gradient(180deg,#faf4ec 0%,#faf4eced 43%,#faf4ec00 75%),url('assets/meeting-cup-approved.png') right bottom / auto 320px no-repeat}#screen-02 .first-meeting>p:not(.eyebrow){max-width:100%}}

/* Owner-supplied screen 03; continuous tone across the 02/03 seam. */
#screen-03{background:#f7ebdf url('assets/screen03-background-approved.jpg') center top / 100% auto no-repeat}
#screen-03>.spatial-light{display:none}
#screen-02::after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(to bottom,transparent,#f4e8dc);pointer-events:none;z-index:0}
#screen-03::before{content:"";position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(to bottom,#f4e8dc,transparent);pointer-events:none;z-index:0}
#screen-03>.container{position:relative;z-index:2}
@media(max-width:640px){#screen-02::after,#screen-03::before{height:90px}}

/* Screen 04 owner composition; portrait is already included in the background. */
#screen-04{background:#f6e9db url('assets/screen04-background-approved.jpg') center top / 100% auto no-repeat}
#screen-04>.spatial-light,#screen-04 .about-aside::before{display:none}
#screen-04 .about-portrait-slot>img{visibility:hidden}
#screen-03::after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(to bottom,transparent,#f7ebdf);pointer-events:none;z-index:0}
#screen-04::before{content:"";position:absolute;inset:0 0 auto;height:70px;background:linear-gradient(to bottom,#f7ebdf,transparent);pointer-events:none;z-index:0}
#screen-04>.container{position:relative;z-index:2}
@media(max-width:640px){#screen-04{background-image:none}#screen-04 .about-portrait-slot{height:460px;aspect-ratio:auto;overflow:hidden}#screen-04 .about-portrait-slot>img{visibility:visible;height:100%;width:100%;object-fit:cover;object-position:left top;box-shadow:none}}

/* Larger remarks on 03/04 and closer text-to-portrait spacing on 04. */
#screen-03 .approach-heading .graphic-remark{width:360px;max-width:360px}
#screen-04 .about-top-note.graphic-remark{width:340px;max-width:340px;position:relative;top:auto;right:auto;margin:0 0 20px auto}
#screen-04 .about-note.graphic-remark{width:460px;max-width:none;margin:45px 0 20px}
@media(min-width:1201px){#screen-04 .about-layout{grid-template-columns:28% minmax(0,1fr);gap:22px}#screen-04 .about-top-note{float:right}#screen-04 .about-main>.section-kicker{clear:both}#screen-04 .about-portrait-slot{min-height:640px}}
@media(min-width:641px) and (max-width:1200px){#screen-04 .about-layout{grid-template-columns:28% minmax(0,1fr);gap:20px}#screen-04 .about-note.graphic-remark{width:360px;max-width:none}}
@media(max-width:640px){#screen-03 .approach-heading .graphic-remark,#screen-04 .about-top-note.graphic-remark{width:100%;max-width:350px}#screen-04 .about-note.graphic-remark{width:100%;max-width:100%;margin:24px 0}}

/* Restore screen 04 section label to its original top position. */
@media(min-width:1201px){#screen-04 .about-top-note.graphic-remark{position:absolute;top:18px;right:0;float:none;margin:0}#screen-04 .about-main>.section-kicker{clear:none}}

/* Screen 05 supplied background and larger remark. */
#screen-05{background:#f5e5d8 url('assets/screen05-background-approved.jpg') center top / cover no-repeat}
#screen-05>.spatial-light{display:none}
#screen-05 .margin-note.graphic-remark{width:390px;max-width:390px}
#screen-04::after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(to bottom,transparent,#f5e7da);pointer-events:none;z-index:0}
#screen-05::before{content:"";position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(to bottom,#f5e7da,transparent);pointer-events:none;z-index:0}
#screen-05>.container{position:relative;z-index:2}
@media(max-width:1000px){#screen-05 .margin-note.graphic-remark{position:relative;top:auto;right:auto;max-width:100%;margin:24px 0 28px auto}}
@media(max-width:640px){#screen-05{background-size:auto 100%;background-position:center top}#screen-04::after,#screen-05::before{height:90px}#screen-05 .margin-note.graphic-remark{width:100%;max-width:350px}}

/* Keep screen 05 lettering clear of the right-hand background composition. */
@media(min-width:1001px){#screen-05 .margin-note.graphic-remark{right:16%}}

@media(min-width:1001px){#screen-05 .margin-note.graphic-remark{top:0;margin-top:0;transform:translateY(-35px)}}

/* Screen 06 supplied background and matched 05/06 boundary. */
#screen-06{background:#f5e7dc url('assets/screen06-background-approved.jpg') center top / 100% auto no-repeat}
#screen-06>.spatial-light{display:none}
#screen-05::after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(to bottom,transparent,#f5e7dc);pointer-events:none;z-index:0}
#screen-06::before{content:"";position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(to bottom,#f5e7dc,transparent);pointer-events:none;z-index:0}
#screen-06>.container{position:relative;z-index:2}
@media(max-width:640px){#screen-05::after,#screen-06::before{height:90px}}

/* Service disclosure controls and owner-requested booking buttons. */
#screen-06 .service-card .disclosure-sign{background:#7b293f;color:#fff;border:1px solid #7b293f;width:40px;height:40px;box-shadow:0 3px 8px #7b293f22}
#screen-06 .service-card summary:hover .disclosure-sign{background:#632035}
#screen-06 .service-bottom .btn-primary{background:#7b293f;border-color:#7b293f;color:#fff}
#screen-06 .margin-note.graphic-remark{width:400px;max-width:400px}
@media(min-width:1001px){#screen-06 .margin-note.graphic-remark{right:18%;top:0;margin-top:0;transform:translateY(-30px)}}
@media(max-width:1000px){#screen-06 .margin-note.graphic-remark{max-width:100%;position:relative;top:auto;right:auto;margin:18px auto 28px}}

#screen-06 .disclosure-body .btn-primary{background:#7b293f;border-color:#7b293f;color:#fff}
#screen-06 .disclosure-body .btn-primary:hover{background:#632035;border-color:#632035}

/* Screen 07 owner background and continuous 06/07 tone. */
#screen-07{background:#f4e5da url('assets/screen07-background-approved.jpg') center top / 100% auto no-repeat}
#screen-07>.spatial-light{display:none}
#screen-06::after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(to bottom,transparent,#f5e7dc);pointer-events:none;z-index:0}
#screen-07::before{content:"";position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(to bottom,#f5e7dc,transparent);pointer-events:none;z-index:0}
#screen-07>.container{position:relative;z-index:2}
@media(max-width:640px){#screen-06::after,#screen-07::before{height:90px}}

/* Screen 07 larger centered remark and burgundy navigation buttons. */
#screen-07 .btn-primary{background:#7b293f;border-color:#7b293f;color:#fff}
#screen-07 .btn-primary:hover{background:#632035;border-color:#632035}
#screen-07 .margin-note.graphic-remark{width:460px;max-width:460px}
@media(min-width:1001px){#screen-07 .margin-note.graphic-remark{right:17%;top:0;margin-top:0;transform:translateY(-35px)}}
@media(max-width:1000px){#screen-07 .margin-note.graphic-remark{position:relative;top:auto;right:auto;width:460px;max-width:100%;margin:12px auto 28px;transform:none}}

/* Screen 08 owner background and matched 07/08 boundary. */
#screen-08{background:#f4e5d7 url('assets/screen08-background-approved.jpg') center top / 100% auto no-repeat}
#screen-08>.spatial-light{display:none}
#screen-07::after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(to bottom,transparent,#f4e5da);pointer-events:none;z-index:0}
#screen-08::before{content:"";position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(to bottom,#f4e5da,transparent);pointer-events:none;z-index:0}
#screen-08>.container{position:relative;z-index:2}
@media(max-width:640px){#screen-07::after,#screen-08::before{height:90px}}

/* Reviews introduction raised clear of the left-hand decor. */
#screen-08{padding-top:30px}
#screen-08 .reviews-intro{align-self:start}
#screen-08 .reviews-intro h2{margin-top:0}
#screen-08 .reviews-intro>p:not(.graphic-remark){font-size:24px;line-height:1.18;margin-top:14px}
#screen-08 .reviews-intro .graphic-remark{width:330px;max-width:100%;margin:18px 0 20px auto}
@media(max-width:640px){#screen-08 .reviews-intro>p:not(.graphic-remark){font-size:22px}}

#screen-07 .questions-for-review{margin-top:36px;padding:32px;max-width:100%;background:#fff9f1ed}
#screen-07 .questions-for-review>p{font-size:21px;line-height:1.35;max-width:980px}
#screen-07 .topic-question-form{margin:24px 0 16px;padding:24px;max-width:100%}
#screen-07 .question-booking-link a{color:#7b293f;text-decoration:underline}
#screen-07 .topic-question-form button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:640px){#screen-07 .questions-for-review{padding:20px}#screen-07 .topic-question-form{padding:16px}#screen-07 .questions-for-review>p{font-size:20px}}

/* Compact fourth material card; form opens only on request. */
#screen-07{background-size:cover}
#screen-07 .materials-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
#screen-07 .questions-for-review{margin:0;padding:24px;background:linear-gradient(125deg,#fffdf8db,#f9f6f085)}
#screen-07 .questions-for-review>summary{list-style:none;cursor:pointer;height:100%;display:flex;flex-direction:column;align-items:flex-start}
#screen-07 .questions-for-review>summary::-webkit-details-marker{display:none}
#screen-07 .questions-for-review>summary p{font-size:21px;line-height:1.3}
#screen-07 .question-toggle{margin-top:auto;gap:10px}
#screen-07 .question-toggle .disclosure-sign{width:22px;height:22px;font-size:22px}
#screen-07 .question-close-label{display:none}
#screen-07 .questions-for-review[open]{grid-column:1/-1}
#screen-07 .questions-for-review[open]>summary{height:auto}
#screen-07 .questions-for-review[open] .question-close-label{display:inline}
#screen-07 .questions-for-review[open] .question-open-label{display:none}
#screen-07 .question-details{margin-top:24px;max-width:100%}
#screen-07 .question-details>p{font-size:21px;line-height:1.35}
@media(max-width:1200px){#screen-07 .materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#screen-07 .materials-grid{grid-template-columns:1fr}}

/* Align all four material cards, including the disclosure summary. */
#screen-07 .materials-grid>.material-card{padding:22px;gap:10px}
#screen-07 .questions-for-review>summary{gap:10px;width:100%}
#screen-07 .material-card>.feature-icon,#screen-07 .questions-for-review>summary>.feature-icon{width:48px;height:48px;margin:0;object-fit:contain;flex-shrink:0}
#screen-07 .material-card>h3,#screen-07 .questions-for-review>summary>h3{font-size:30px;line-height:1.15;margin:0;min-height:69px}
#screen-07 .questions-for-review>summary>p{font-size:21px;line-height:1.23;margin:0}
#screen-07 .questions-for-review[open]>summary>h3{min-height:0}
@media(max-width:640px){#screen-07 .material-card>h3,#screen-07 .questions-for-review>summary>h3{min-height:0}}

/* Stable four-card row; question form opens below without moving its card. */
#screen-07 .materials-grid>.material-card>.accent-copy{min-height:52px}
#screen-07 .questions-for-review{display:flex;flex-direction:column}
#screen-07 .questions-for-review>p{font-size:21px;line-height:1.23;margin:0}
#screen-07 .questions-for-review>.question-toggle{margin-top:auto;width:100%;min-height:44px;font-size:20px}
#question-details-panel{margin-top:24px;padding:28px}
#question-details-panel[hidden]{display:none!important}
#screen-07 .topic-question-form button:disabled{opacity:1;background:#7b293f;border-color:#7b293f;color:#fff}
@media(max-width:640px){#screen-07 .materials-grid>.material-card>.accent-copy{min-height:0}#question-details-panel{padding:16px}}

#screen-07 .questions-for-review>.accent-copy{color:#7b293f}

/* Match material-card body text and lower the question introduction by one line. */
#screen-07 .materials-grid>.material-card>p:not(.accent-copy){font-size:21px;line-height:1.23}
#screen-07 .questions-for-review>.accent-copy+p{padding-top:1.23em}

/* Compact four material cards without icons. */
#screen-07 .materials-grid>.material-card{padding:18px;gap:8px}
#screen-07 .materials-grid>.material-card>h3{font-size:28px;min-height:64px}
#screen-07 .materials-grid .material-meta{padding-top:8px}
#screen-07 .materials-grid>.material-card>.btn{margin-top:8px;padding:10px 12px}
#screen-07 .materials-grid>.questions-for-review>.question-toggle{margin-top:auto}
@media(max-width:640px){#screen-07 .materials-grid>.material-card>h3{min-height:0}}

/* Screen 08: quiet solid lower area and remark below the branches. */
#screen-08{background-color:#f4e5d7;background-image:linear-gradient(to bottom,transparent 0%,transparent 52%,#f4e5d7 78%,#f4e5d7 100%),url('assets/screen08-background-approved.jpg');background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat}
@media(min-width:1001px){#screen-08 .reviews-intro .graphic-remark{margin-top:260px}}
@media(max-width:1000px){#screen-08 .reviews-intro .graphic-remark{margin-top:120px}}

/* Restore half of the decorative area covered by the previous fade. */
#screen-08{background-image:linear-gradient(to bottom,transparent 0%,transparent 76%,#f4e5d7 89%,#f4e5d7 100%),url('assets/screen08-background-approved.jpg')}

/* Place the review remark in a separate clear row below the decorative background. */
#screen-08 .reviews-layout{position:relative;padding-bottom:180px}
#screen-08 .reviews-intro .graphic-remark{position:absolute;bottom:0;left:0;width:330px;max-width:100%;margin:0}
@media(max-width:1000px){#screen-08 .reviews-layout{padding-bottom:180px}#screen-08 .reviews-intro .graphic-remark{left:50%;transform:translateX(-50%);max-width:100%}}

/* Move the review cards into the unused lower area; keep the remark in its clear row. */
@media(min-width:1001px){#screen-08 .reviews-layout>div:last-child{margin-top:80px}#screen-08 .reviews-layout{padding-bottom:100px}}
@media(max-width:1000px){#screen-08 .reviews-layout>div:last-child{margin-top:24px}#screen-08 .reviews-layout{padding-bottom:160px}}

/* Screen 09 supplied background, seam, lettering, and burgundy controls. */
#screen-09{background:#f4e5d7 url('assets/screen09-background-approved.jpg') center top / 100% auto no-repeat}
#screen-09>.spatial-light{display:none}
#screen-09::before{content:"";position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(to bottom,#f4e5d7,transparent);pointer-events:none;z-index:0}
#screen-09>.container{position:relative;z-index:2}
#screen-09 .faq-aside .graphic-remark{width:400px;max-width:100%;margin-left:0;margin-right:0}
#screen-09 .btn-primary{background:#7b293f;border-color:#7b293f;color:#fff;opacity:1}
#screen-09 .btn-primary:hover{background:#632035}
@media(min-width:1001px){#screen-09 .faq-layout{grid-template-columns:minmax(0,1fr) 400px}}
@media(max-width:1000px){#screen-09 .faq-aside{display:block}#screen-09 .faq-aside .graphic-remark{margin:24px auto;width:360px;max-width:100%}}
@media(max-width:640px){#screen-09::before{height:90px}}

/* Larger screen 09 handwritten remark. */
@media(min-width:1201px){#screen-09 .faq-layout{grid-template-columns:minmax(0,1fr) 480px}#screen-09 .faq-aside .graphic-remark{width:480px}}

/* Screen 10 owner background, continuous boundary, and matching accents. */
#screen-10{background:#f3e3d4 url('assets/screen10-background-approved.jpg') center top / 100% auto no-repeat}
#screen-10>.spatial-light{display:none}
#screen-09::after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(to bottom,transparent,#f4e5d7);pointer-events:none;z-index:0}
#screen-10::before{content:"";position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(to bottom,#f4e5d7,transparent);pointer-events:none;z-index:0}
#screen-10>.container{position:relative;z-index:2}
#screen-10 .margin-note.graphic-remark{width:440px;max-width:440px}
#screen-10 .contact-footer h3.graphic-remark{width:380px;max-width:100%}
#screen-10 .graphic-remark{position:relative;color:#7b293f}
#screen-10 .graphic-remark .remark-image{opacity:0}
#screen-10 .graphic-remark::after{content:""!important;display:block!important;position:absolute;inset:0;background:#7b293f;mask:var(--remark-mask) center / 100% 100% no-repeat;-webkit-mask:var(--remark-mask) center / 100% 100% no-repeat;pointer-events:none}
#screen-10 .margin-note{--remark-mask:url('assets/handwritten-notes-final/10a_nachat_mozhno_serdce.png')}
#screen-10 .contact-footer h3{--remark-mask:url('assets/handwritten-notes-final/10b_ostavaytes_na_svyazi.png')}
#screen-10 .btn-primary{background:#7b293f;border-color:#7b293f;color:#fff;opacity:1}
#screen-10 .btn-primary:hover{background:#632035}
@media(min-width:1001px){#screen-10 .margin-note.graphic-remark{position:absolute;right:0;top:90px}}
@media(max-width:1000px){#screen-10 .margin-note.graphic-remark{width:400px;max-width:100%;margin:24px auto;top:auto;right:auto}}
@media(max-width:640px){#screen-09::after,#screen-10::before{height:90px}}

/* Restore both original remark images; tint through their alpha, without pseudo masks. */
#screen-10{background-color:#f4e5d7;background-image:linear-gradient(#f4e5d72e,#f4e5d72e),url('assets/screen10-background-approved.jpg')}
#screen-10 .graphic-remark::after{display:none!important;content:none!important}
#screen-10 .graphic-remark .remark-image{opacity:1;filter:url('#remark-burgundy')}
#screen-10 .contact-introduction{font-size:22px;line-height:1.3;margin:28px 0 22px;max-width:100%}
#screen-10 .contact-footer{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
#screen-10 .contact-footer>div:first-child{grid-column:1/-1}
#screen-10 .contact-footer h3.graphic-remark{width:380px;max-width:100%;margin:0 0 10px}
#screen-10 .contact-links a,#screen-10 .contact-links a span{word-break:normal;overflow-wrap:normal;hyphens:none}
#screen-10 .contact-links a{max-width:100%;display:flex;align-items:center;gap:10px}
#screen-10 .contact-links img{flex-shrink:0}
@media(max-width:640px){#screen-10 .contact-footer{grid-template-columns:1fr}}

/* Carry the screen 10 composition to the bottom instead of ending in a solid band. */
#screen-10{background-size:100% 100%,cover;background-position:center center,center bottom;background-repeat:no-repeat;padding-bottom:32px}
#screen-10 .contact-introduction{font-size:19px;line-height:1.25;max-width:760px;margin:20px 0 14px}
#screen-10 .contact-footer{margin-top:0;padding-top:0}
@media(max-width:640px){#screen-10 .contact-introduction{font-size:18px;line-height:1.3;margin:18px 0 12px}}

/* Restore the original three-column contact layout. */
#screen-10 .contact-footer{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.3fr);gap:28px}
#screen-10 .contact-footer>div:first-child{grid-column:auto}
#screen-10 .contact-introduction{max-width:760px;margin:20px 0 14px 36%}
@media(min-width:1001px){#screen-10 .margin-note.graphic-remark{right:-32px}}
@media(max-width:1000px){#screen-10 .contact-footer{grid-template-columns:repeat(2,minmax(0,1fr))}#screen-10 .contact-footer>div:first-child{grid-column:1/-1}#screen-10 .contact-introduction{margin:20px 0 14px}}
@media(max-width:640px){#screen-10 .contact-footer{grid-template-columns:1fr}#screen-10 .margin-note.graphic-remark{margin-left:auto;margin-right:0}}

/* Screen 10 final remark placement and matching footer tone. */
@media(min-width:1201px){#screen-10 .margin-note.graphic-remark{right:-52px}}
#screen-10 .contact-footer h3.graphic-remark{margin-top:80px;margin-bottom:10px}
.site-footer{background:#f4e5d7}
@media(max-width:640px){#screen-10 .contact-footer h3.graphic-remark{margin-top:40px}}

/* Align screen 10 heading inset and enlarge remarks on screens 01/02. */
@media(min-width:641px){#screen-10>.container>.section-kicker,#screen-10>.container>h2{margin-left:30px}}
#screen-01 .hero-thought.graphic-remark{width:300px;max-width:300px}
#screen-02 .section-heading .graphic-remark{width:360px;max-width:360px}
@media(min-width:1201px){#screen-01 .hero-statement{width:300px}}
@media(max-width:640px){#screen-01 .hero-thought.graphic-remark{width:320px;max-width:100%}#screen-02 .section-heading .graphic-remark{width:330px;max-width:100%}}

/* Smaller margin notes and expandable product descriptions. */
#screen-05 .margin-note.graphic-remark{width:350px;max-width:100%}
#screen-06 .margin-note.graphic-remark{width:360px;max-width:100%}
#screen-07 .margin-note.graphic-remark{width:410px;max-width:100%}
#screen-10 .margin-note.graphic-remark{width:390px;max-width:100%}
.product-description{margin-top:20px;width:100%}
.product-description>summary{cursor:pointer;list-style:none;width:fit-content}
.product-description>summary::-webkit-details-marker{display:none}
.product-description-body{padding-top:24px}
.product-description-body p,.product-description-body li{font-size:21px;line-height:1.35}
.product-description-body h4{margin:22px 0 12px;color:#7b293f}
#screen-02 .first-meeting{display:flex;flex-direction:column;background-size:100% 100%,auto 380px;background-position:center,right top}
#screen-02 .first-meeting .btn{margin-top:auto;align-self:flex-start}
@media(min-width:641px){#screen-02 .first-meeting{min-height:480px;padding-bottom:22px}}
@media(max-width:640px){#screen-02 .first-meeting{padding-bottom:22px;background-position:center,right center;background-size:100% 100%,auto 320px}#screen-02 .first-meeting .btn{margin-top:180px}}

/* Match remark sizing and service surfaces; keep product cards independent. */
#screen-04 .about-top-note.graphic-remark{width:460px;max-width:100%}
#screen-06 .service-card,#screen-06 .service-bottom>.card{background:#faf3eb;backdrop-filter:none}
#screen-07 .products-featured{align-items:start}
#screen-07 .product-featured{align-self:start;align-items:start}
@media(max-width:640px){#screen-04 .about-top-note.graphic-remark{width:100%}}

/* Slightly larger desktop navigation and further inset for the screen 10 heading. */
#screen-01 .desktop-nav a,#screen-01 .desktop-nav button{font-size:16px}
@media(min-width:1440px) and (max-width:1599px){#screen-01 .desktop-nav{gap:10px}}
@media(min-width:641px){#screen-10>.container>.section-kicker,#screen-10>.container>h2{margin-left:60px}}

/* Align the screen 10 label, heading, and introduction to the container's left edge. */
#screen-10>.container>.section-kicker,#screen-10>.container>h2,#screen-10>.container>.extended-lead{margin-left:0}

/* Use the same container as screen 09; frame each method as a card. */
#screen-10>.container{width:min(calc(100% - 2*var(--gutter)),var(--container-width));max-width:none}

/* Independent native disclosures: closed neighbours must not stretch. */
#screen-06 .services-grid{align-items:start}
#screen-06 .service-card{display:block}
#screen-06 .service-card>summary{flex:none}
#screen-06 .service-card:not([open])>.disclosure-body{display:none}
#screen-06 .service-card[open]>.disclosure-body{display:block}

/* The featured quotes open their matching original screenshots. */
#screen-08 a.review-quote{text-decoration:none;color:inherit;cursor:pointer}
#screen-08 a.review-quote:hover{border-color:var(--accent-rose)}
#screen-08 a.review-quote:focus-visible{outline:2px solid var(--accent-plum);outline-offset:4px}

/* Keep the contact remark clear of the edge decor and group links compactly. */
#screen-10 .contact-introduction{max-width:760px;margin:24px auto 12px;text-align:center}
#screen-10 .contact-footer{display:grid;grid-template-columns:max-content max-content;justify-content:center;align-items:start;gap:18px 40px}
#screen-10 .contact-footer>div:first-child{grid-column:1/-1;justify-self:center}
#screen-10 .contact-footer h3.graphic-remark{width:380px;max-width:100%;margin:8px auto 4px}
#screen-10 .contact-footer>div+div{padding:0!important;border:0}
#screen-10 .contact-footer h4{text-align:center}
#screen-10 .contact-footer .contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:18px}
#screen-10 .contact-footer .contact-links a{width:88px;flex:0 0 88px;font-size:16px}
@media(max-width:700px){
 #screen-10 .contact-footer{grid-template-columns:minmax(0,1fr);gap:20px}
 #screen-10 .contact-footer h3.graphic-remark{width:min(340px,100%)}
 #screen-10 .contact-footer .contact-links{gap:14px}
 #screen-10 .contact-footer .contact-links a{width:76px;flex-basis:76px}
}
#screen-03 .methods-grid{gap:18px;align-items:stretch}
#screen-03 .methods-grid>.method{padding:22px;border:1px solid #d7ceca80;border-radius:8px;background:linear-gradient(125deg,#fffdf8db,#f9f6f085);box-shadow:0 15px 30px -24px #51453966,inset 0 1px 0 #fff;backdrop-filter:blur(3px)}

/* Bring the upper screen 10 remark closer to the center. */
@media(min-width:1001px){#screen-10 .margin-note.graphic-remark{right:60px}}

/* Medium-width booking form and closely grouped contact columns. */
#screen-04 .about-top-note.graphic-remark{width:380px;max-width:100%}
@media(min-width:1201px){#screen-04 .about-top-note.graphic-remark{top:44px}#screen-04 .about-main h2{max-width:calc(100% - 400px);min-height:165px}}
@media(max-width:1200px){#screen-04 .about-top-note.graphic-remark{margin-top:20px;margin-bottom:24px}}

/* Booking and contact spacing. */
#screen-10 .preview-form{width:100%;max-width:860px;margin-left:auto;margin-right:auto}
#screen-06 .package .btn{margin-top:12px;font-size:18px;min-width:0}
#screen-10 .contact-footer{column-gap:12px}
#screen-10 .contact-footer>div:last-child{border-left:1px solid #a78d8470;padding-left:12px!important}
#screen-10 .contact-footer .contact-links{gap:12px}
@media(max-width:700px){
 #screen-10 .contact-footer{grid-template-columns:minmax(0,1fr);row-gap:18px}
 #screen-10 .contact-footer>div:last-child{width:fit-content;max-width:100%;justify-self:center}
 #screen-10 .contact-footer .contact-links{gap:10px}
}

/* Reveal the right-hand chair within the contact screen. */
#screen-10{background-position:center center,right bottom}