/* ══ PHONE HOMEPAGE — owner 2026-09-27 ════════════════════════════════════ Loaded only below 768px (see the in index.html). The desktop editorial is left untouched; on a phone the page becomes six calm chapters: 1 hero one vertical blossom loop, the line, Let's Connect 2 team Bahar and Shah, tap to call or email 3 meet the intro film (tap to play) and the neon slogan 4 statement "Real estate is not a transaction to us", as text 5 compass the black room and its sign 6 process the nine steps 7 reviews swipe, no marquee The three cinematic films, the network band and the old mobile plates are not shown. Nothing pins, nothing scrubs; the page scrolls natively. Type: body 17px, labels never under 14px, tap targets at least 44px. */ html body.editorial-home{--m-gutter:20px} body.editorial-home .sb-film, body.editorial-home .sb-network, body.editorial-home .sb-mobile-plates, body.editorial-home .sb-scroll-note, body.editorial-home .sb-hero__bloom, body.editorial-home .sb-hero__slogan, body.editorial-home .sb-support-line, body.editorial-home .sb-compass__scroll{display:none!important} /* every chapter flows at its natural height — no sticky rooms on a phone */ body.editorial-home .sb-home>section{height:auto!important;min-height:0!important;margin:0!important;overflow:visible} body.editorial-home .sb-home [class*="__sticky"]{position:static!important;height:auto!important;min-height:0!important;top:auto!important;transform:none!important} body.editorial-home .sb-home .sb-shell{padding-left:var(--m-gutter)!important;padding-right:var(--m-gutter)!important;width:100%!important;max-width:100%!important;transform:none!important} body.editorial-home .sb-home .sb-title{font-size:clamp(1.9rem,8vw,2.3rem)!important;line-height:1.12!important;white-space:normal!important;text-align:center} body.editorial-home .sb-home .sb-copy{font-size:1.0625rem!important;line-height:1.65!important;white-space:normal!important} /* 1 — hero */ body.editorial-home .sb-hero{padding:calc(var(--header-h,120px) + 4px) 0 0!important;background:#FAF6EB!important} body.editorial-home .m-hero{display:block!important;position:relative;margin:0 var(--m-gutter);height:min(74svh,660px);border-radius:18px;overflow:hidden;background:#EFE6E6} body.editorial-home .m-hero__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%} body.editorial-home .m-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:52%;background:linear-gradient(to top,rgba(20,12,16,.62),rgba(20,12,16,.28) 55%,rgba(20,12,16,0));pointer-events:none} body.editorial-home .m-hero__copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 22px 26px;text-align:center;color:#fff} body.editorial-home .m-hero__line{margin:0;font-family:var(--serif,'Cormorant',serif);font-size:clamp(1.85rem,8.4vw,2.4rem);line-height:1.1;text-shadow:0 1px 18px rgba(0,0,0,.35)} body.editorial-home .m-hero__line em{font-style:italic} body.editorial-home .m-hero__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:18px;padding:0 30px;border-radius:100px;background:#FAF6EB;color:#1B1B1F;text-decoration:none;font-family:var(--sans,'Inter',sans-serif);font-size:.9375rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase} body.editorial-home .m-hero__cta:active{background:#C4157A;color:#fff} /* 2 — team */ body.editorial-home .sb-hero__sticky{padding:0!important} body.editorial-home .sb-hero__content{padding:28px var(--m-gutter) 40px!important;display:block!important} body.editorial-home .sb-hero__team{width:100%!important;max-width:520px;margin:0 auto!important;padding:24px 18px!important;border:1px solid rgba(27,27,31,.14)!important;border-radius:16px;background:rgba(255,255,255,.35);transform:none!important} body.editorial-home .sb-hero__team-head{display:block!important;width:auto!important;margin:0 0 18px!important;text-align:center;font-size:.9375rem!important;letter-spacing:.22em!important} body.editorial-home .sb-hero__people{display:grid!important;grid-template-columns:1fr!important;gap:0!important} body.editorial-home .sb-hero__person{display:grid!important;grid-template-columns:88px 1fr!important;gap:16px!important;align-items:start;padding:18px 0!important;border-top:1px solid rgba(27,27,31,.12);border-left:0!important} body.editorial-home .sb-hero__person:first-child{border-top:0;padding-top:4px!important} body.editorial-home .sb-hero__photo{width:88px!important;height:112px!important;object-fit:cover;border-radius:10px;margin:0!important} body.editorial-home .sb-hero__who{display:flex!important;flex-direction:column;align-items:flex-start;gap:0;min-width:0;text-align:left!important} body.editorial-home .sb-hero__name{font-size:1.125rem!important;line-height:1.3!important;margin:0 0 4px!important;white-space:normal!important} body.editorial-home .sb-hero__role,body.editorial-home .sb-hero__role span{font-size:.9375rem!important;line-height:1.45!important;margin:0 0 6px!important;white-space:normal!important} body.editorial-home .sb-hero__who>a{display:flex;align-items:center;min-height:40px;font-size:1rem!important;overflow-wrap:anywhere;word-break:break-word} body.editorial-home .sb-hero__socials{display:flex!important;flex-wrap:wrap;gap:4px 16px;margin-top:2px} body.editorial-home .sb-hero__socials a{display:inline-flex;align-items:center;min-height:40px;font-size:.875rem!important} body.editorial-home .sb-hero__book{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:48px;margin:18px 0 0!important;padding:0 12px!important;border:1px solid #1B1B1F!important;border-radius:100px;font-size:.875rem!important;letter-spacing:.14em!important;text-align:center;white-space:normal} /* 3 — meet Bahar and Shah */ body.editorial-home .sb-phonefilm{padding:48px 0 52px!important} body.editorial-home .sb-phonefilm .sb-phonefilm__grid{display:flex!important;flex-direction:column;align-items:center;gap:26px!important} body.editorial-home .sb-phonefilm__intro{margin:0!important;text-align:center!important;max-width:none!important} body.editorial-home .sb-phonefilm__intro .sb-title,body.editorial-home .sb-phonefilm__intro .sb-copy{text-align:center!important;margin-left:auto!important;margin-right:auto!important} body.editorial-home .sb-phonefilm .sb-phone{--pw:min(78vw,340px)!important;margin:0!important} body.editorial-home .sb-phonefilm .sb-phonefilm__aside{max-width:none!important;width:100%!important;margin:0!important} body.editorial-home .sb-phonefilm .sb-slogan{font-size:clamp(1.7rem,7.6vw,2.1rem)!important;text-align:center!important;margin:0!important} /* 4 — statement, as words (the gold frame is a desktop picture) */ body.editorial-home .sb-statement{padding:52px 0!important;background:#FAF6EB!important} body.editorial-home .sb-statement__grid{display:block!important;text-align:center} body.editorial-home .sb-statement__lead{font-size:clamp(1.9rem,8vw,2.3rem)!important;line-height:1.12!important;margin:0 0 22px!important;text-align:center!important;max-width:none!important;transform:none!important;opacity:1!important} body.editorial-home .sb-statement__frame{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;margin:0!important;transform:none!important} body.editorial-home .sb-statement__frame::before,body.editorial-home .sb-statement__frame::after{display:none!important} body.editorial-home .sb-statement__title{font-size:clamp(1.5rem,6.4vw,1.8rem)!important;margin:0 0 12px!important} body.editorial-home .sb-statement__copy{color:#1B1B1F!important;opacity:.85!important;max-width:34ch;margin:0 auto!important} /* 5 — Compass */ body.editorial-home .sb-compass{padding:52px 0!important} body.editorial-home .sb-compass__layout{display:flex!important;flex-direction:column;align-items:center;gap:28px!important;text-align:center} body.editorial-home .sb-compass__copy{text-align:center} body.editorial-home .sb-compass__copy span{display:block;font-size:1.0625rem!important} body.editorial-home .sb-compass__signals{font-size:.875rem!important;line-height:1.8;letter-spacing:.14em} body.editorial-home .sb-compass__neon{width:min(62vw,260px)!important;justify-self:auto!important;margin:0 auto!important} /* 6 — process */ body.editorial-home .sb-support{padding:52px 0!important} body.editorial-home .sb-support .sb-title{margin-bottom:22px!important} body.editorial-home .sb-process__phases{display:block!important} body.editorial-home .sb-process__steps{display:block!important} /* 7 — reviews: a row you swipe, card by card */ body.editorial-home .sb-reviews{padding:52px 0 44px!important} body.editorial-home .sb-marquee{overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(-1 * var(--m-gutter))!important;-webkit-mask-image:none!important;mask-image:none!important} body.editorial-home .sb-marquee::-webkit-scrollbar{display:none} body.editorial-home .sb-marquee__track{animation:none!important;transform:none!important;width:max-content} body.editorial-home .sb-marquee__set[aria-hidden="true"]{display:none!important} body.editorial-home .sb-marquee__set{display:flex!important;gap:14px!important;padding:4px var(--m-gutter)!important} body.editorial-home .sb-review{flex:0 0 min(84vw,360px)!important;width:min(84vw,360px)!important;scroll-snap-align:center;white-space:normal!important} body.editorial-home .sb-reviews__more{display:inline-flex;align-items:center;min-height:44px} /* Headings arrive visible on a phone — the desktop reveal waits for scroll rooms that do not exist here. */ body.editorial-home .sb-home .sb-title, body.editorial-home .sb-home .sb-copy, body.editorial-home .sb-home .sb-copy span, body.editorial-home .sb-home .sb-statement__title, body.editorial-home .sb-home .sb-statement__copy, body.editorial-home .sb-home .sb-compass__signals, body.editorial-home .sb-home .sb-support__head>*{opacity:1!important;transform:none!important;clip-path:none!important;visibility:visible!important} /* Compass: words stacked above the sign, the sign in normal flow */ body.editorial-home div.sb-compass__copy{display:block!important;width:100%!important;text-align:center} body.editorial-home .sb-compass__title{width:auto!important;margin:0 0 16px!important} body.editorial-home p.sb-compass__copy{display:block!important;margin:0 0 16px!important} body.editorial-home .sb-section.sb-compass .sb-compass__neon{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:min(64vw,270px)!important;aspect-ratio:3/4!important;margin:0 auto!important} /* team card: emails stay whole, the appointment button stays on one line */ body.editorial-home .sb-hero__person{grid-template-columns:76px 1fr!important;gap:14px!important} body.editorial-home .sb-hero__photo{width:76px!important;height:98px!important} body.editorial-home .sb-hero__who>a[href^="mailto:"]{font-size:.9375rem!important;overflow-wrap:normal;word-break:normal;letter-spacing:0} body.editorial-home .sb-hero__book{font-size:.875rem!important;letter-spacing:.08em!important;white-space:nowrap!important} /* headings use the full column and centre */ body.editorial-home .sb-compass__title, body.editorial-home .sb-support .sb-title, body.editorial-home .sb-support__head .sb-title{width:100%!important;max-width:none!important;text-align:center!important;margin-left:0!important;margin-right:0!important} body.editorial-home .sb-compass__signals{text-align:center!important} body.editorial-home .sb-process__kicker{text-align:center} /* the sign is simply lit on a phone (no scroll room to switch it on); tablets keep the desktop's breathing on/off sign (owner 2026-10-06: it was frozen lit on iPad) */ @media(max-width:767px){ body.editorial-home .sb-compass__neon-on{opacity:1!important} body.editorial-home .sb-compass__neon-off{opacity:0!important} } /* ── Touch tablets (iPad, Android tablets): the same calm page, set in a centred column with more air; the hero is the landscape loop. ── */ @media(min-width:768px){ html body.editorial-home{--m-gutter:clamp(28px,5vw,56px)} body.editorial-home .m-hero{height:min(58svh,640px);max-width:1180px;margin:0 auto;margin-inline:var(--m-gutter)} body.editorial-home .m-hero__film{object-position:50% 45%} body.editorial-home .m-hero__line{font-size:clamp(2.2rem,4.4vw,3.2rem)} body.editorial-home .sb-home .sb-shell{max-width:880px!important;margin-left:auto!important;margin-right:auto!important} body.editorial-home .sb-hero__team{max-width:760px} body.editorial-home .sb-hero__people{grid-template-columns:1fr 1fr!important;column-gap:28px!important} body.editorial-home .sb-hero__person{border-top:0!important;padding-top:4px!important} body.editorial-home .sb-home .sb-title{font-size:clamp(2.2rem,4.6vw,3rem)!important} body.editorial-home .sb-phonefilm .sb-phone{--pw:min(46vw,380px)!important} body.editorial-home .sb-review{flex-basis:min(46vw,380px)!important;width:min(46vw,380px)!important} body.editorial-home .sb-section.sb-compass .sb-compass__neon{width:min(34vw,300px)!important} } /* Tablets: the nine steps as the same clean list the phone uses, the hero content at its natural height (no leftover screen-tall box), and the statement title centred. */ body.editorial-home .sb-hero__content{min-height:0!important;height:auto!important} body.editorial-home .sb-process__phases{display:block!important} body.editorial-home .sb-process__phase{width:auto!important;max-width:640px;margin:0 auto 26px!important} body.editorial-home .sb-process__steps li{flex-direction:row!important;align-items:baseline!important;gap:18px!important;text-align:left!important;padding:12px 0!important;border-bottom:1px solid rgba(27,27,31,.14)} body.editorial-home .sb-process__steps li::after{display:none!important} body.editorial-home .sb-process__n{font-size:1.9rem!important;min-width:2.2ch} body.editorial-home .sb-process__t{margin:0!important;padding:0!important;max-width:none!important} body.editorial-home .sb-statement__title,body.editorial-home .sb-statement__title em{display:block;text-align:center!important;margin-left:auto!important;margin-right:auto!important}