/* A shorter home page: choose a bar, understand the next step, enquire. */
.home-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:70px;align-items:center;padding-block:48px 64px}
.home-hero h1{font-size:clamp(58px,5.7vw,80px);line-height:1.05;letter-spacing:-1.5px;margin:22px 0}
.home-hero>div>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:490px;color:var(--ink)}
.home-actions{display:flex;flex-wrap:wrap;gap:18px 25px;align-items:center;margin-top:28px}.home-actions .text-link{font-size:13px}
.home-hero figure{margin:0;min-width:0}.home-photo{aspect-ratio:1086/940;overflow:hidden}.home-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 95%}.home-hero figcaption{font-size:10px;line-height:1.6;color:var(--ink);margin-top:10px}
.home-experiences{background:#eeeee5;padding-block:55px}.home-section-heading{margin-bottom:28px}.home-section-heading .eyebrow{margin-bottom:12px}.home-section-heading h2,.home-review h2,.home-story h2{font-size:clamp(42px,4.3vw,58px);line-height:1.08}
.home-bar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}.home-bar{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 24px;background:#fcfaf5;border:1px solid var(--line);min-width:0;transition:background .15s}.home-bar:hover{background:#f4e9df}.home-bar>div{min-width:0}.home-bar h3{font-size:30px;line-height:1.15;margin:0 0 8px}.home-bar p{font-size:14px;line-height:1.6;color:var(--ink);margin:0}.home-bar>.icon{flex-shrink:0;width:21px;height:21px}.home-bar:last-child{grid-column:1/-1}.home-help{font-size:14px;margin-top:22px;line-height:1.8}.home-help a,.home-small a{text-decoration:underline;text-underline-offset:4px}
.home-how{padding-block:60px}.home-how ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;list-style:none;padding:0;margin:0 0 28px;counter-reset:steps}.home-how li{border-top:1px solid var(--line);padding-top:18px;counter-increment:steps}.home-how h3{font-size:27px;line-height:1.2;margin:0 0 12px}.home-how h3::before{content:'0' counter(steps) ' / ';font:12px var(--sans);color:var(--ink);vertical-align:middle}.home-how li p{font-size:14px;line-height:1.8;color:var(--ink);max-width:34ch}.home-small{font-size:12px;line-height:1.8;color:var(--ink);margin-top:16px}
.home-review{background:#eee6dc;padding-block:48px}.home-review>.wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:65px;align-items:start}.home-review .customer-review{border-top:0;padding-top:0}.home-review .customer-review blockquote{font-size:32px;max-width:640px}.home-review .review-message{max-width:640px}.home-review .eyebrow,.home-story .eyebrow{margin-bottom:17px}
.home-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:65px;padding-block:55px}.home-story>div>p:first-child:not(.eyebrow){font-size:17px;line-height:1.85;max-width:62ch}.home-story-more{margin-top:18px}.home-story-more summary{display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;min-height:48px;padding-block:10px;border-block:1px solid var(--line);font-size:14px;list-style:none}.home-story-more summary::-webkit-details-marker{display:none}.home-story-more .icon{width:18px;height:18px;flex-shrink:0}.home-story-more[open] .icon{transform:rotate(45deg)}.home-story-more>div{padding-top:18px}.home-story-more p{font-size:15px;line-height:1.85;color:var(--ink);margin-bottom:15px}.home-story .founder-signoff{margin-top:22px}.home-story .founder-name{font:28px var(--serif)}.home-story .founder-role{font-size:12px;color:var(--ink);margin-top:5px}
.simple-home .site-footer{padding-top:0}.simple-home .footer-bottom{padding-top:32px}.simple-home .footer-legal{margin-top:26px}
@media(max-width:1000px){.home-hero{gap:35px}.home-hero h1{font-size:62px}.home-review>.wrap,.home-story{gap:40px}.home-how ol{gap:22px}}
@media(max-width:700px){.home-hero{grid-template-columns:1fr;gap:28px;padding-block:28px 36px}.home-hero h1{font-size:clamp(44px,12.8vw,62px);letter-spacing:-.8px;margin-block:17px}.home-hero>div>p:not(.eyebrow){font-size:16px;line-height:1.75}.home-hero .eyebrow{font-size:9px;letter-spacing:1.2px}.home-actions{gap:16px;margin-top:22px}.home-hero figcaption{font-size:9px}.home-experiences{padding-block:36px}.home-section-heading{margin-bottom:22px}.home-bar-grid{grid-template-columns:1fr;gap:11px}.home-bar:last-child{grid-column:auto}.home-bar{padding:18px 19px;gap:15px}.home-bar h3{font-size:29px;margin-bottom:6px}.home-bar p{font-size:14px}.home-how{padding-block:38px}.home-how ol{grid-template-columns:1fr;gap:18px;margin-bottom:22px}.home-how li{padding-top:15px}.home-how h3{font-size:27px;margin-bottom:8px}.home-how li p{max-width:none}.home-review{padding-block:36px}.home-review>.wrap,.home-story{grid-template-columns:1fr;gap:24px}.home-review .customer-review blockquote{font-size:30px}.home-story{padding-block:38px}.home-story>div>p:first-child:not(.eyebrow){font-size:16px}.simple-home .footer-bottom{padding-top:26px}}
@media(prefers-reduced-motion:reduce){.home-bar{transition:none}}

/* A quiet, single-moment hero: keep the original portrait framing intact. */
.home-hero-media{width:100%;max-width:410px;justify-self:end}
.home-live-photo{position:relative;aspect-ratio:4/5;background:#E0E5CF;border:1px solid var(--line);isolation:isolate}
.home-live-photo .home-video-poster,.home-live-photo video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-live-photo video{opacity:0}
.home-live-photo.is-ready video{opacity:1}
.home-video-toggle{position:absolute;z-index:1;right:12px;bottom:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:82px;padding:10px 14px;border:1px solid #00000033;border-radius:999px;background:#FAF7F1;color:#000;font:12px var(--sans);cursor:pointer;box-shadow:0 1px 5px #0000000a}
.home-video-toggle[hidden]{display:none}
.home-video-toggle:hover{background:#FCE7D0}
.home-video-toggle:focus-visible{outline:2px solid #000;outline-offset:3px}
.home-video-toggle svg{width:15px;height:15px;flex-shrink:0}
.home-video-toggle[data-state=paused] .home-video-pause,.home-video-toggle[data-state=playing] .home-video-play{display:none}
@media(max-width:700px){.home-hero-media{max-width:440px;justify-self:center}.home-video-toggle{right:10px;bottom:10px}}

/* Immersive hero: use the footage as atmosphere beneath readable brand colours. */
.home-hero.home-hero--background{position:relative;display:flex;flex-direction:column;justify-content:center;isolation:isolate;overflow:hidden;min-height:620px;padding:84px 0 104px;gap:0;background:#243226;align-items:stretch}
.home-hero--background .home-live-photo{position:absolute;inset:0;aspect-ratio:auto;border:0;background:#243226;z-index:-1}
.home-hero--background .home-video-poster,.home-hero--background video{object-fit:cover;object-position:center 54%;filter:saturate(.72)}
.home-hero--background .home-live-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#18261BEA 0%,#1D2A20C7 30%,#21302570 65%,#1B271F38 100%),linear-gradient(0deg,#18261B70,transparent 55%)}
.home-hero--background .home-hero-copy{position:relative;z-index:1;width:calc(100% - 96px);max-width:1340px;margin-inline:auto}
.home-hero--background .eyebrow{color:#FFF7EE;font-size:11px;letter-spacing:1.8px;margin:0}
.home-hero.home-hero--background h1{font-size:clamp(76px,8.6vw,126px);line-height:.94;letter-spacing:-2px;color:#E0E5CF;margin:27px 0 28px;max-width:760px;text-shadow:0 2px 24px #00000014}
.home-hero--background h1 em{color:#FCE7D0;font-weight:400}
.home-hero.home-hero--background .home-hero-description{color:#FFF7EE;font-size:17px;line-height:1.8;max-width:440px;margin:0}
.home-hero--background .home-actions{margin-top:30px;gap:18px 28px}
.home-hero--background .home-actions .button{background:#FCE7D0;color:#000;border-color:#FCE7D0}
.home-hero--background .home-actions .button:hover{background:#FFB681;border-color:#FFB681}
.home-hero--background .home-actions .text-link{color:#FFF7EE;border-color:#FFF7EE80}
.home-hero--background .home-actions a:focus-visible{outline:2px solid #FFF7EE;outline-offset:5px}
.home-hero--background .home-hero-caption{position:absolute;z-index:1;left:48px;bottom:24px;width:auto;margin:0;color:#FFF7EE;font-size:10px;line-height:1.5;pointer-events:none}
.home-hero--background .home-video-toggle{position:absolute;z-index:2;right:48px;bottom:20px;background:#FAF7F1;color:#000}
@media(min-width:701px){.home-hero--background .home-live-photo .home-video-poster,.home-hero--background .home-live-photo video{width:76%;left:auto;right:0;object-position:center 55%}}
@media(max-width:1000px){.home-hero.home-hero--background{min-height:580px;padding-block:72px 92px}.home-hero--background .home-hero-copy{width:calc(100% - 64px)}.home-hero--background .home-hero-caption{left:32px}.home-hero--background .home-video-toggle{right:32px}.home-hero.home-hero--background h1{font-size:88px}}
@media(max-width:700px){.home-hero.home-hero--background{min-height:620px;padding:64px 0 86px}.home-hero--background .home-hero-copy{width:calc(100% - 40px);text-align:center}.home-hero--background .home-live-photo::after{background:linear-gradient(180deg,#17271CD9 0%,#1D2A20B5 48%,#18261BD1 100%)}.home-hero--background .home-live-photo .home-video-poster,.home-hero--background .home-live-photo video{object-position:62% center}.home-hero--background .eyebrow{font-size:9px;letter-spacing:1.1px}.home-hero.home-hero--background h1{font-size:clamp(62px,16.5vw,88px);line-height:.98;letter-spacing:-1px;margin:25px 0}.home-hero.home-hero--background .home-hero-description{font-size:16px;line-height:1.75;max-width:29ch;margin-inline:auto}.home-hero--background .home-actions{flex-direction:column;justify-content:center;gap:20px;margin-top:28px}.home-hero--background .home-actions .button{min-width:210px;justify-content:center}.home-hero--background .home-hero-caption{display:none}.home-hero--background .home-video-toggle{right:18px;bottom:16px}}
@media(min-width:701px){.home-hero--background .home-live-photo .home-video-poster,.home-hero--background .home-live-photo video{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%)}}
