/* A picture-led journal: paper, graphite and a room that opens as you scroll. */
.journal-room-welcome{background:#f7f7f2;padding:45px 0 20px;overflow:hidden}
.journal-room-welcome .page-head{padding:25px 36px 40px;display:grid;grid-template-columns:1.1fr 1fr;gap:0 60px;align-items:end}
.journal-room-welcome .eyebrow{grid-column:1/-1}
.journal-room-welcome h1{font-size:clamp(2.7rem,4.2vw,4.3rem)}
.journal-room-welcome .lede{max-width:470px;margin:0;font-size:1.06rem;line-height:1.8}
.room-library{background:#f7f7f2;max-width:none;padding:0}
.room-library .journal-tools{margin-bottom:0;padding-bottom:18px}
.room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:12px;padding-bottom:30px}
.room-scroll-hint{font-size:.9rem;color:#566653;max-width:390px}
.room-view-switch{display:flex;gap:5px;border:1px solid #c5cdbe;padding:4px;border-radius:30px;flex-shrink:0}
.room-view-switch button{border:0;background:none;border-radius:24px;color:#53604f;padding:9px 15px;font-size:.875rem;line-height:1.3;min-height:42px}
.room-view-switch button[aria-pressed=true]{background:#405744;color:#fff}
.journal-room{position:relative;background:#f7f7f2}
.room-viewport{position:relative;overflow:hidden;background:#f7f7f2}
.room-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 55px;max-width:1250px;padding:60px 40px 110px;margin:auto;align-items:start}
.room-story{min-width:0;padding:0 0 15px;margin-top:var(--hang)}
.room-picture{position:relative;display:block;background:#d4c4a8;padding:6px;border-radius:3px;box-shadow:2px 5px 8px #3b4a3221;transform:rotate(var(--tilt));margin-bottom:24px;transition:transform .35s ease;isolation:isolate}
.room-picture:before{content:'';position:absolute;top:-29px;left:50%;width:44px;height:44px;border-left:1px solid #918a78;border-top:1px solid #918a78;transform:translateX(-50%) rotate(45deg);z-index:-1}
.room-picture:after{content:'';position:absolute;top:-39px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#7c8271}
.room-mat{display:flex;align-items:center;justify-content:center;background:#fbfbf6;padding:8px;overflow:hidden;border-radius:inherit}
.room-picture img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 60%,#000b 77%,transparent 98%)}
.room-shape-arch .room-picture{border-radius:48% 48% 4px 4px/35% 35% 4px 4px}
.room-shape-oval .room-picture{border-radius:49% 45% 47% 48%/39% 44% 40% 43%;background:#acb7a0}
.room-shape-soft .room-picture{border-radius:7px 35px 8px 17px;background:#b7c2c7}
.room-shape-oval .room-mat{padding:20px 10px}
.room-caption{padding:0 8px;text-align:left}
.room-caption .eyebrow{font-size:.8rem;letter-spacing:.07em;margin-bottom:10px;color:#65735e}
.room-caption h2{font-size:1.7rem;line-height:1.18;max-width:100%;text-wrap:pretty}
.room-caption h2 a:hover{color:#496044}
.room-excerpt{font-size:1rem;line-height:1.65;margin-top:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.room-caption .text-link{font-size:.94rem;color:#3f5b45;margin-top:18px}
.room-position{display:none}
.room-library.is-filtered .room-story,.room-library.is-reading .room-story{margin-top:20px}
.room-library.is-reading .room-track{padding-top:40px;gap:50px 45px}
.room-library.is-reading .room-picture{transform:none;border:0;background:transparent;box-shadow:none;padding:0}
.room-library.is-reading .room-mat{background:transparent;padding:0;border-radius:0}
.room-library.is-reading .room-picture:before,.room-library.is-reading .room-picture:after{display:none}
.room-library.is-filtered .room-scroll-hint{visibility:hidden}
.room-story[hidden]{display:none!important}
.room-feature-wall{background:#eef0e7 url('/assets/blog-room-panorama.webp') center 80%/cover no-repeat;padding:62px 0 80px;position:relative;isolation:isolate;margin-bottom:40px}
.room-feature-wall:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f7f7f244,#f7f7f2ed 70%);z-index:-1}
.room-feature-wall .room-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:75px;align-items:center;margin:0;padding:0}
.room-feature-wall .room-picture{margin:0;max-width:510px;transform:rotate(-2deg);border-radius:3px;padding:8px;background:#bda17c}
.room-feature-wall .room-mat{padding:18px 12px}
.room-feature-wall .room-caption{padding:15px 0}
.room-feature-wall .room-caption h2{font-size:clamp(2.3rem,3.6vw,3.5rem);line-height:1.12}
.room-feature-wall .room-excerpt{display:block;font-size:1.05rem;line-height:1.8;margin-top:25px}
.room-feature-wall .room-caption .text-link{display:inline-flex;padding:12px 25px;border:0;border-radius:30px;background:#405744;color:#fff;margin-top:25px;font-size:1rem}
.room-feature-wall:has(.room-story[hidden]){display:none}
@media(hover:hover){.room-picture:hover{transform:translateY(-5px) rotate(0deg)}}
@media(min-width:1000px) and (min-height:720px){
 .journal-room.is-scrolling .room-viewport{position:sticky;top:0;height:100svh;min-height:720px;max-height:1050px}
 .journal-room.is-scrolling .room-track{position:relative;display:flex;flex-direction:row-reverse;gap:90px;align-items:flex-start;width:max-content;max-width:none;height:100%;padding:60px max(65px,calc((100vw - 1150px)/2)) 0;margin:0;background:transparent;will-change:transform}
 .journal-room.is-scrolling .room-story{flex:0 0 325px;width:325px;margin-top:var(--hang)}
 .journal-room.is-scrolling .room-feature{flex-basis:375px;width:375px;margin-top:15px}
 .journal-room.is-scrolling .room-caption{position:relative;background:#f7f7f2e8;border-radius:22px 8px 23px 10px;padding:14px 17px 18px;margin-top:-6px}
 .journal-room.is-scrolling .room-picture{margin-bottom:10px}
 .journal-room.is-scrolling .room-excerpt{display:none}
 .journal-room.is-scrolling .room-caption h2{font-size:1.7rem}
 .journal-room.is-scrolling .room-position{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;border-radius:30px;padding:9px 22px;background:#fbfbf4e8;box-shadow:0 2px 15px #4352390c;font-size:.75rem;line-height:1.5;white-space:nowrap;color:#4d624b}
 .room-progress{width:110px;height:2px;background:#c9d2c3}
 .room-progress i{display:block;background:#526c50;height:100%;transform-origin:left;transform:scaleX(var(--room-progress,0))}
}
@media(max-width:999px){.room-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px;padding:60px 32px 80px}.room-scroll-hint{display:none}.room-toolbar{justify-content:flex-end}.journal-room-welcome .page-head{gap:25px 40px}.journal-room-welcome h1{font-size:3rem}}
@media(max-width:760px){.room-feature-wall{padding:65px 0 40px}.room-feature-wall .room-feature{grid-template-columns:1fr;gap:24px}.room-feature-wall .room-picture{width:90%;max-width:440px;justify-self:center}.room-feature-wall .room-caption h2{font-size:2.5rem}.room-feature-wall:before{background:linear-gradient(#f7f7f260,#f7f7f2f5 60%)}}
@media(max-width:620px){.journal-room-welcome{padding-top:20px}.journal-room-welcome .page-head{display:block;padding:20px 24px 35px}.journal-room-welcome h1{font-size:2.65rem}.journal-room-welcome .lede{margin-top:24px;font-size:1rem}.room-track{grid-template-columns:1fr;gap:48px;max-width:480px;padding:42px 32px 70px}.room-story{margin-top:15px}.room-caption h2{font-size:1.95rem}.room-toolbar{justify-content:center;padding-bottom:20px}.room-view-switch button{padding:9px 12px;font-size:.85rem}.room-picture{margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){.room-picture{transition:none}.room-scroll-hint{display:none}}

/* Large picture previews on the homepage; the explanatory copy stays below. */
.book-wall .book-art{max-width:340px;width:100%;padding:0;border-width:6px;background:#fcfcf6;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:345px}
.book-wall .book-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:transparent;padding:4px}
.book-picture-title{display:block;font-family:var(--serif);font-size:1.7rem;line-height:1.2;color:#344b38;margin:5px 13px 22px;text-wrap:balance}
.book-wall .book-art:before{left:50%;width:55px;height:55px;top:-40px;border-left:1px solid #8b8472;border-top:1px solid #8b8472;background:none;clip-path:none;transform:translateX(-50%) rotate(45deg)}
.book-wall .book-art:after{top:-53px;left:calc(50% - 2px);width:4px;height:4px}
.book-wall .book-card:nth-child(2) .book-art{background:#fcfcf6}
.book-wall .book-card:nth-child(3) .book-art{background:#fcfcf6}
.book-wall .book-info{margin-top:18px}
@media(max-width:1000px){.book-wall .book-art{min-height:290px}.book-picture-title{font-size:1.5rem}}
@media(max-width:760px){.book-wall .book-art{max-width:355px;min-height:340px}.book-picture-title{font-size:1.8rem}.book-wall .book-card{max-width:430px}}

/* A single wall and floor extend under six unique, transparent room scenes. */
.room-chapter{display:contents}
.room-scene,.room-chapter-note{display:none}
@media(min-width:1000px) and (min-height:720px){
 .journal-room.is-scrolling .room-viewport{background:linear-gradient(to bottom,#f7f7f2 0%,#f1f2eb calc(100% - 112px),#d5d8cb calc(100% - 111px),#f6f5ee calc(100% - 108px),#eaece3 100%)}
 .journal-room.is-scrolling .room-track{padding-top:46px;gap:110px;isolation:isolate}
 .journal-room.is-scrolling .room-chapter{display:flex;flex-direction:row-reverse;gap:90px;position:relative;flex:0 0 auto;width:calc(var(--chapter-cards) * 415px - 90px);height:100%;align-items:flex-start}
 .journal-room.is-scrolling .room-story{position:relative;z-index:2}
 .journal-room.is-scrolling .room-picture img{max-height:205px}
 .journal-room.is-scrolling .room-caption{padding:12px 13px 14px;background:#f7f7f2eb}
 .journal-room.is-scrolling .room-caption h2{font-size:1.6rem}
 .journal-room.is-scrolling .room-caption .eyebrow{margin-bottom:7px}
 .journal-room.is-scrolling .room-caption .text-link{margin-top:11px}
 .journal-room.is-scrolling .room-scene{display:block;position:absolute;left:-50px;right:-50px;bottom:63px;height:clamp(220px,34svh,360px);pointer-events:none;z-index:1}
 .journal-room.is-scrolling .room-scene img{width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom}
 .journal-room.is-scrolling .room-chapter-note{display:block;position:absolute;bottom:17px;right:0;left:0;text-align:center;font-family:var(--serif);font-size:1.05rem;font-style:italic;color:#68745e;white-space:nowrap}
 .room-chapter-note span{font-family:var(--sans);font-style:normal;font-size:.75rem;letter-spacing:.09em;margin-right:10px;color:#849078}
 .journal-room.is-scrolling .room-position{bottom:13px;left:28px;transform:none;padding:7px 16px;font-size:.75rem;gap:13px}
 .room-progress{width:70px}
}
@media(min-width:1000px) and (min-height:900px){
 .journal-room.is-scrolling .room-track{padding-top:70px}
 .journal-room.is-scrolling .room-picture img{max-height:none}
 .journal-room.is-scrolling .room-scene{bottom:82px;height:min(37svh,380px)}
 .journal-room.is-scrolling .room-chapter-note{bottom:25px}
}

/* The illustrated story has one clear next step and a quiet replay control. */
.intro-story-visual{min-width:0}
.intro-story-cta{margin-top:28px}
.story-replay-row{min-height:65px;text-align:center;padding-top:17px}
.story-replay-row .story-replay{border:0;border-bottom:1px solid currentColor;border-radius:0;padding:6px 0 5px;margin:0;min-height:36px;background:transparent;font-size:.9rem}
.story-replay-row .story-replay:hover{color:#758368;background:transparent}
.story-replay-row .story-replay[hidden]{display:none}
@media(max-width:760px){.intro-story-visual{width:100%;max-width:540px;margin:0 auto}.intro-story-cta{margin-top:25px}.story-replay-row{padding-top:20px}}

/* All six booklets deserve a visible cover and comfortable space. */
.guide-journey{position:relative;isolation:isolate;overflow:clip}
.short-guide-section{padding:80px 0 90px;background:#eff1e9}
.short-guide-section .section-heading{margin-bottom:48px}
.short-guide-grid{gap:46px;align-items:stretch}
.guide-mini{display:flex;flex-direction:column;gap:0;align-items:stretch}
.guide-mini-cover{display:flex;align-items:center;justify-content:center;width:100%;max-width:none;min-height:392px;margin:0 0 30px;padding:34px 38px;background:#f9f9f3;border-radius:140px 140px 15px 15px;box-shadow:none}
.guide-mini-cover img{width:100%;height:auto;max-width:238px;box-shadow:6px 10px 20px #45513d24;transform:rotate(-3deg);transition:transform .3s ease}
.guide-mini:nth-child(2) .guide-mini-cover{background:#e0e6db;border-radius:18px 90px 18px 18px}
.guide-mini:nth-child(2) .guide-mini-cover img{transform:rotate(2deg)}
.guide-mini:nth-child(3) .guide-mini-cover{background:#e5ebeb;border-radius:90px 18px 18px 18px}
.guide-mini:nth-child(3) .guide-mini-cover img{transform:rotate(-2deg)}
.guide-mini-cover:hover img{transform:translateY(-5px) rotate(0)}
.guide-mini>div{padding:0 5px}
.guide-mini h3{font-size:clamp(1.9rem,2.2vw,2.3rem);line-height:1.2}
.guide-mini .eyebrow{color:#63735c;font-size:.8rem;letter-spacing:.07em}
.guide-mini .button{align-self:flex-start;margin-top:auto;min-height:48px}
.guide-balloon{position:fixed;left:max(12px,calc((100vw - 1440px)/2));top:0;width:clamp(68px,8vw,126px);z-index:3;pointer-events:none;opacity:0;will-change:transform;transform:translate3d(0,110vh,0)}
.guide-balloon img{width:100%;height:auto;display:block}
@media(min-width:1000px) and (max-width:1439px){.guide-journey>.wrap,.guide-journey>.short-guide-section>.wrap{padding-left:115px}}
@media(max-width:999px){.guide-balloon{width:62px;left:4px;opacity:.65}.short-guide-grid{gap:25px}.guide-mini-cover{padding:28px 24px;min-height:340px}.guide-mini h3{font-size:1.85rem}}
@media(max-width:760px){.short-guide-section{padding:58px 0 65px}.short-guide-grid{grid-template-columns:1fr;gap:55px;max-width:480px;margin:0 auto}.guide-mini{display:flex;grid-template-columns:none;gap:0}.guide-mini-cover{min-height:0;padding:38px 55px;max-width:360px;align-self:center}.guide-mini-cover img{max-width:245px}.guide-mini>div{padding:0 12px}.guide-mini h3{font-size:2.3rem}.guide-mini p:not(.eyebrow){font-size:1rem}.guide-balloon{width:48px;left:0;z-index:-1}.guide-journey .guide-balloon{opacity:.65}.guide-journey{isolation:isolate}.guide-journey>section{position:relative}.guide-balloon{z-index:1}.guide-mini .button{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.guide-balloon{display:none}.guide-mini-cover img{transition:none}.guide-mini-cover:hover img{transform:none}}

/* Original InteriorVibe team block, with the source images' own graphite tones. */
.original-studio-team{background:#fafaf7;padding:80px 0 85px;color:#30332d}
.studio-team-heading{margin-bottom:65px;text-align:center}
.studio-team-heading h2{font-size:clamp(2.2rem,3.8vw,3.65rem)}
.studio-team-heading em{color:#64735c}
.original-studio-team .eyebrow{color:#64735c}
.original-studio-team .duo-grid{display:flex;justify-content:center;gap:64px;flex-wrap:wrap}
.original-studio-team .duo{width:min(340px,84vw);text-align:center}
.original-studio-team .arch-wrap{position:relative;aspect-ratio:3/4;margin:0 0 20px}
.original-studio-team .arch-frame{border-radius:999px 999px 6px 6px;overflow:hidden;position:relative;background:#f6f6f0}
.original-studio-team .arch-wrap .arch-frame{position:absolute;inset:0}
.original-studio-team .arch-frame img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:normal;filter:none;mask-image:none;-webkit-mask-image:none}
.original-studio-team .arch-draw{position:absolute;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);pointer-events:none;overflow:visible}
.original-studio-team .arch-draw path{fill:none;stroke:#87917c;stroke-width:1.2;vector-effect:non-scaling-stroke;opacity:.65}
.original-studio-team .duo h3{font-size:1.6rem;font-weight:400;margin-bottom:4px}
.original-studio-team .duo-role{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#63705d;font-weight:500}
.original-studio-team .link-quiet{display:inline-block;margin-top:14px;font-size:.9rem;color:#394734;border-bottom:1px solid #75856b;padding-bottom:2px}
.original-studio-team .duo-note{text-align:center;max-width:54ch;margin:44px auto 0;font-size:.95rem;color:#636a5e}
.original-studio-team .team-row{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:72px}
.original-studio-team .team-item{width:min(180px,42vw)}
.original-studio-team .team-item .arch-frame{aspect-ratio:3/4}
@media(max-width:760px){.original-studio-team{padding:60px 0}.studio-team-heading{margin-bottom:48px}.original-studio-team .duo-grid{gap:45px}.original-studio-team .duo{width:min(280px,78vw)}.original-studio-team .team-row{margin-top:50px;gap:20px}.original-studio-team .team-item{width:calc(50% - 10px);max-width:180px}}
/* In the natural vertical layout the same chapters remain visible without motion. */
.room-library:not(.is-reading):not(.is-filtered) .journal-room:not(.is-scrolling) .room-track{display:block;max-width:1100px}
.room-library:not(.is-reading):not(.is-filtered) .journal-room:not(.is-scrolling) .room-chapter{display:grid;grid-template-columns:repeat(var(--chapter-cards),minmax(0,1fr));gap:32px 55px;margin-bottom:60px}
.room-library:not(.is-reading):not(.is-filtered) .journal-room:not(.is-scrolling) .room-story{width:100%;max-width:440px;justify-self:center}
.room-library:not(.is-reading):not(.is-filtered) .journal-room:not(.is-scrolling) .room-scene{display:block;grid-column:1/-1;height:270px;margin-top:8px}
.room-library:not(.is-reading):not(.is-filtered) .journal-room:not(.is-scrolling) .room-scene img{height:100%;width:100%;object-fit:contain}
.room-library:not(.is-reading):not(.is-filtered) .journal-room:not(.is-scrolling) .room-chapter-note{display:block;grid-column:1/-1;text-align:center;font-family:var(--serif);font-style:italic;color:#68745e;font-size:1.1rem}
@media(max-width:620px){.room-library:not(.is-reading):not(.is-filtered) .journal-room:not(.is-scrolling) .room-chapter{grid-template-columns:1fr;gap:40px}.room-library:not(.is-reading):not(.is-filtered) .journal-room:not(.is-scrolling) .room-scene{height:220px}.room-library:not(.is-reading):not(.is-filtered) .journal-room:not(.is-scrolling) .room-chapter-note{margin-top:-20px}}

/* Original Studio framing: open arch, fine lines and paper blending into the page. */
.family-about{--portrait-paper:#fbf8f2}
.family-about .family-portrait-arch,.family-about .studio-reference-portrait{position:relative;width:100%;padding:0;border:0;background:var(--portrait-paper);border-radius:0;isolation:isolate;justify-self:center;overflow:visible}
.family-about .family-portrait-arch{max-width:430px;aspect-ratio:3/4;margin:16px 0}
.family-about .studio-reference-portrait{max-width:320px!important;aspect-ratio:3/4;margin:26px 0!important}
.family-about .studio-sketch-frame{position:absolute;inset:0;border-radius:999px 999px 3px 3px;overflow:hidden;background:var(--portrait-paper)}
.family-about .studio-sketch-frame .story-art{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;aspect-ratio:auto;border-radius:0;filter:grayscale(1) brightness(1.045);mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%)}
.family-about .studio-open-arch{position:absolute;inset:-13px;width:calc(100% + 26px);height:calc(100% + 26px);pointer-events:none;overflow:visible;z-index:2}
.family-about .studio-open-arch path{fill:none;stroke:#a68a62;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.85}
.family-about .studio-reference-portrait:before{content:'';position:absolute;top:-42px;bottom:-38px;left:58%;right:-56px;z-index:-1;border-radius:150px 150px 0 0;background:repeating-linear-gradient(90deg,#b6976626 0 1px,transparent 1px 15px);pointer-events:none}
@media(max-width:760px){.family-about .family-portrait-arch{max-width:350px;margin:24px 0}.family-about .studio-reference-portrait{max-width:270px!important;margin:42px 0!important}.family-about .studio-reference-portrait:before{right:-34px}}

/* The enquiry starts with the whole property and the scope of the commission. */
.contact-page-head .lede{max-width:890px}
#ajanlatkeres{scroll-margin-top:35px}
.contact-copy>.eyebrow{font-size:.8rem;margin-bottom:18px}
.contact-copy h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.18}
.family-form .optional-label{font-size:.85em;font-weight:400;color:#777b70}
.family-form .privacy-link{text-decoration:underline;text-underline-offset:3px}
.header .desktop-nav{gap:20px}
@media(max-width:1140px) and (min-width:981px){.header .desktop-nav{gap:13px;font-size:.8rem}}

/* A simple contact page and a clear, green route to the full-home enquiry. */
.button.enquiry-cta{min-height:60px;padding:17px 34px;font-size:1.02rem;font-weight:500;gap:24px;background:#33493c;color:#fffdf4;border-color:#33493c}
.button.enquiry-cta:hover{background:#45624f;border-color:#45624f}
.header .header-cta{min-height:56px;padding:15px 25px;font-size:.96rem;flex-shrink:0}
.mobile-nav .mobile-enquiry{display:flex;width:100%;max-width:360px;margin-top:20px;padding:17px 26px;color:#fffdf4}
.simple-contact-head{padding-top:76px;padding-bottom:56px}
.simple-contact-head .lede{max-width:700px}
.simple-contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:100px}
.simple-contact-details{display:flex;flex-direction:column;gap:36px;padding:8px 0}
.simple-contact-details h2{font-family:var(--sans);font-size:.78rem;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:#66705f;margin-bottom:10px}
.simple-contact-details a{display:inline-block;font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.4;color:#33493c;overflow-wrap:anywhere;border-bottom:1px solid #a8b0a2;padding-bottom:5px}
.simple-contact-details a:hover{border-color:#33493c}
.simple-contact-enquiry{padding:8px 0 8px 48px;border-left:1px solid #d6dbd1;align-self:start}
.simple-contact-enquiry .eyebrow{color:#66705f;margin-bottom:16px}
.simple-contact-enquiry h2{font-size:clamp(1.85rem,2.7vw,2.6rem);margin-bottom:22px}
.simple-contact-enquiry>p:not(.eyebrow){max-width:440px}
.simple-contact-enquiry .enquiry-cta{margin-top:30px;min-width:230px}
@media(max-width:760px){.simple-contact-head{padding-top:48px;padding-bottom:36px}.simple-contact{grid-template-columns:1fr;gap:40px;padding-bottom:65px}.simple-contact-details{gap:27px}.simple-contact-enquiry{border-left:0;border-top:1px solid #d6dbd1;padding:35px 0 0}.simple-contact-enquiry .enquiry-cta{width:100%;max-width:380px}.button.enquiry-cta{padding:16px 26px}}

/* A studio signature between the opening film and the family story. */
@font-face{font-family:IVSignature;src:url('/assets/fonts/GreatVibes-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.family-design-statement{text-align:center;padding-top:76px;padding-bottom:30px}
.family-design-statement h2{font-size:clamp(2.05rem,3.4vw,3.35rem);line-height:1.33;color:#33493c}
.service-marker{position:relative;display:inline-block;isolation:isolate}
.service-marker:before{content:'';position:absolute;z-index:-1;left:-.12em;right:-.1em;bottom:.04em;height:.32em;background:#adc3a17d;border-radius:54% 42% 64% 36% / 55% 38% 63% 48%;transform:rotate(-1.4deg)}
.family-design-promise{font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,2.4vw,2.1rem);line-height:1.4;color:#33493c;margin-top:16px}
.family-design-scope{margin-top:18px;font-size:.98rem;color:#666d60}
.design-signature{position:relative;width:min(520px,100%);margin:28px auto 0;color:#a18047;padding:4px 10px 28px;transform:rotate(-3deg)}
.signature-lettering{display:flex;align-items:baseline;justify-content:center;gap:15px;font-family:IVSignature,'Brush Script MT',cursive;font-weight:400;white-space:nowrap;line-height:1.5}
.signature-lettering span:first-child{font-size:clamp(2.6rem,4.3vw,4.2rem)}
.signature-lettering span:last-child{font-size:clamp(1.6rem,2.6vw,2.55rem)}
.signature-flourish{position:absolute;bottom:7px;left:0;width:100%;height:auto;overflow:visible}
.signature-flourish path{fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;vector-effect:non-scaling-stroke}
.signature-ready .signature-lettering{clip-path:inset(0 100% 0 0)}
.signature-ready .signature-flourish path{stroke-dasharray:1;stroke-dashoffset:1}
.signature-ready.is-signed .signature-lettering{animation:signature-reveal 2.8s .2s cubic-bezier(.22,.45,.5,1) forwards}
.signature-ready.is-signed .signature-flourish path{animation:signature-line 1.15s 2.5s ease-out forwards}
@keyframes signature-reveal{to{clip-path:inset(0 0 0 0)}}
@keyframes signature-line{to{stroke-dashoffset:0}}
@media(max-width:760px){.family-design-statement{padding-top:52px;padding-bottom:12px}.family-design-statement h2{font-size:clamp(1.55rem,5.9vw,2.4rem)}.family-design-promise{font-size:clamp(1.18rem,4.6vw,1.6rem)}.family-design-scope{font-size:.88rem;max-width:290px;margin:17px auto 0}.design-signature{margin-top:22px;max-width:400px}.signature-lettering{gap:10px}.signature-lettering span:first-child{font-size:clamp(2rem,7.5vw,3.3rem)}.signature-lettering span:last-child{font-size:clamp(1.25rem,4.7vw,2rem)}}
@media(prefers-reduced-motion:reduce){.signature-ready .signature-lettering{clip-path:none;animation:none}.signature-ready .signature-flourish path{stroke-dashoffset:0;animation:none}}

/* The transparent, lightly drawn portrait takes its paper tone from the page. */
.portrait-section>img.livi-paper-sketch,.story-art.livi-paper-sketch{mix-blend-mode:normal;filter:none}