/*
 * ستاير سيدرا — «بيتٌ من ضوء».
 * Warm modernism: linen fields, charcoal text, olive massing and carefully rationed terracotta accents.
 */
:root { --ink:#242520; --ink-soft:#57584f; --linen:#f3f0e8; --paper:#fbfaf6; --clay:#b76548; --clay-dark:#8e4936; --olive:#69725f; --olive-deep:#273025; --sand:#dcd4c4; --line:rgba(36,37,32,.17); --light:rgba(255,250,243,.86); --ease-out:cubic-bezier(.23,1,.32,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--linen); font-family:"Alexandria",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
.topline { min-height:36px; padding:0 4.4vw; display:flex; align-items:center; justify-content:space-between; gap:20px; background:var(--ink); color:rgba(255,250,243,.78); font-family:"Noto Kufi Arabic",sans-serif; font-size:8px; }
.topline p { margin:0; white-space:nowrap; }.topline-rule { width:min(18vw,240px); height:1px; background:rgba(255,250,243,.24); }.topline-domain { color:#e8e0d4; text-decoration:none; direction:ltr; }
.site-header { min-height:88px; padding:0 4.4vw; display:flex; align-items:center; gap:34px; border-bottom:1px solid var(--line); background:rgba(243,240,232,.95); position:sticky; top:0; z-index:20; backdrop-filter:blur(14px); }
.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; flex-shrink:0; }.brand-mark { width:40px; height:40px; padding:8px; display:flex; align-items:stretch; gap:2px; background:var(--clay); }.brand-mark i { display:block; flex:1; background:#fff8ef; clip-path:polygon(18% 100%,18% 15%,50% 0,82% 15%,82% 100%); }.brand-mark i:nth-child(2){ height:84%; align-self:flex-end; }.brand-mark i:nth-child(3){ height:68%; align-self:flex-end; }
.brand-copy { display:flex; flex-direction:column; gap:3px; line-height:1; }.brand-copy strong { font-size:22px; font-weight:700; letter-spacing:-.07em; }.brand-copy small { direction:ltr; font-size:6px; letter-spacing:.24em; }.main-nav { margin-right:auto; display:flex; align-items:center; gap:clamp(20px,2.7vw,44px); }.main-nav a { padding:7px 0; color:var(--ink-soft); font-size:12px; text-decoration:none; transition:color 160ms var(--ease-out); }.main-nav a:hover,.main-nav a.is-active { color:var(--clay); }.header-action { padding-bottom:5px; display:inline-flex; align-items:center; gap:8px; color:var(--ink); border-bottom:1px solid var(--clay); font-size:11px; font-weight:600; text-decoration:none; }.menu-toggle { display:none; }
.hero { min-height:calc(100vh - 124px); padding:clamp(48px,8vw,115px) 4.4vw 72px; display:grid; grid-template-columns:.93fr 1.1fr 25px; align-items:center; gap:clamp(30px,5.3vw,86px); }.hero-copy { max-width:540px; }.eyebrow { margin:0 0 18px; display:flex; align-items:center; gap:9px; color:var(--olive); font-family:"Noto Kufi Arabic",sans-serif; font-size:9px; font-weight:600; }.eyebrow span { color:var(--clay); }.hero h1,.page-intro h1,.contact-hero h1 { margin:0 0 25px; font-size:clamp(45px,5.3vw,78px); line-height:1.16; letter-spacing:-.075em; font-weight:600; }.hero h1 em,h1 em,h2 em { color:var(--clay); font-style:normal; font-weight:400; }.hero-intro,.contact-hero>div>p,.page-intro>p { max-width:420px; margin:0 0 30px; color:var(--ink-soft); font-family:"Noto Kufi Arabic",sans-serif; font-size:12px; line-height:2.15; }.hero-actions,.step-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; }.button { min-height:48px; padding:0 18px; border:0; display:inline-flex; align-items:center; justify-content:center; gap:12px; font-family:"Alexandria",sans-serif; font-size:11px; font-weight:600; text-decoration:none; transition:transform 160ms var(--ease-out),background 160ms var(--ease-out); }.button:active { transform:scale(.97); }.button-clay { background:var(--clay); color:#fffaf3; }.button-clay:hover { background:var(--clay-dark); }.button-ink { background:var(--ink); color:#fffaf3; }.button-ink:hover { background:var(--olive-deep); }.button-paper { background:#fffaf3; color:var(--clay-dark); }.quiet-link { display:inline-flex; align-items:center; gap:8px; color:var(--ink); font-size:11px; font-weight:600; text-decoration:none; }.underline-link { padding-bottom:5px; border-bottom:1px solid currentColor; }.hero-visual { min-height:520px; height:min(48vw,660px); overflow:visible; position:relative; }.hero-visual>img { width:100%; height:100%; object-fit:cover; display:block; }.hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(50,35,22,.1),transparent 45%),linear-gradient(0deg,rgba(50,35,22,.18),transparent 34%); pointer-events:none; }.fabric-arc { position:absolute; z-index:1; left:-16%; width:60%; height:23%; border-top:1px solid rgba(255,250,243,.82); border-radius:50%; transform:rotate(-55deg); }.arc-one { top:31%; }.arc-two { top:40%; left:-3%; width:66%; opacity:.52; }.hero-note { width:116px; height:116px; position:absolute; z-index:2; left:-24px; bottom:38px; display:flex; justify-content:center; align-items:center; background:var(--clay); color:#fffaf3; text-align:center; font-family:"Noto Kufi Arabic",sans-serif; font-size:9px; line-height:1.85; }.image-caption { padding-top:11px; display:flex; justify-content:space-between; color:var(--ink-soft); font-family:"Noto Kufi Arabic",sans-serif; font-size:7px; }.image-caption span:last-child { direction:ltr; }.hero-side-label { padding-bottom:36px; display:flex; flex-direction:column; align-items:center; gap:14px; color:var(--ink-soft); font-family:"Noto Kufi Arabic",sans-serif; font-size:8px; line-height:1.9; writing-mode:vertical-rl; }.hero-side-label i { width:1px; height:60px; background:var(--olive); }
.manifesto { min-height:190px; padding:40px 10vw; display:flex; align-items:center; gap:clamp(20px,4vw,65px); background:var(--paper); }.manifesto p { max-width:800px; margin:0; font-size:clamp(20px,2.5vw,36px); line-height:1.75; letter-spacing:-.045em; }.manifesto small { margin-right:auto; color:var(--olive); font-family:"Noto Kufi Arabic",sans-serif; font-size:9px; white-space:nowrap; }.thread { width:70px; height:20px; border-top:1px solid var(--clay); border-radius:50%; transform:rotate(-3deg); }
.section-space { padding:clamp(75px,10vw,140px) 4.4vw; }.section-heading { margin-bottom:55px; display:flex; align-items:end; justify-content:space-between; gap:50px; }.section-heading h2,.materials-note h2,.teaser-copy h2,.booking-heading h2,.gallery-empty-state h2 { margin:0; font-size:clamp(35px,4.1vw,60px); font-weight:600; line-height:1.3; letter-spacing:-.07em; }.section-heading>p { max-width:355px; margin:0 0 5px; color:var(--ink-soft); font-family:"Noto Kufi Arabic",sans-serif; font-size:10px; line-height:2.1; }.collection-grid { display:grid; grid-template-columns:1.1fr .9fr .9fr; gap:18px; }.collection-card { min-height:470px; position:relative; overflow:hidden; background:var(--sand); }.collection-card:nth-child(2){ margin-top:52px; }.collection-card:nth-child(3){ margin-top:114px; }.collection-card img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; filter:saturate(.82); transition:transform 700ms var(--ease-out); }.collection-card:hover img{ transform:scale(1.04); }.collection-card::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(31,30,24,.68),transparent 63%); }.collection-card>div { padding:23px; position:absolute; z-index:1; inset:auto 0 0; color:#fffaf3; }.collection-card span,.detail-copy>span { direction:ltr; font-family:"Noto Kufi Arabic",sans-serif; font-size:7px; letter-spacing:.1em; }.collection-card h3 { margin:7px 0; font-size:21px; font-weight:500; }.collection-card p { margin:0; font-family:"Noto Kufi Arabic",sans-serif; font-size:9px; line-height:1.9; }.center-action { margin-top:44px; text-align:center; }
.method-band { padding-bottom:0; background:var(--olive-deep); color:#f9f4eb; }.eyebrow-light { color:rgba(249,244,235,.68); }.eyebrow-light span { color:#d9ab92; }.method-title { margin-bottom:59px; display:grid; grid-template-columns:.8fr 1.2fr; gap:20px; }.method-title h2 { margin:0; font-size:clamp(36px,4.2vw,61px); font-weight:500; line-height:1.3; letter-spacing:-.07em; }.method-title h2 em { color:#d9ab92; }.method-steps { width:min(875px,100%); margin-right:auto; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(249,244,235,.23); }.method-steps article { min-height:230px; padding:26px clamp(15px,2vw,32px); border-left:1px solid rgba(249,244,235,.23); }.method-steps article:last-child { border:0; }.method-steps span { color:#d9ab92; font-family:"Noto Kufi Arabic",sans-serif; font-size:9px; }.method-steps h3 { margin:48px 0 11px; font-size:19px; font-weight:500; }.method-steps p { margin:0; color:rgba(249,244,235,.67); font-family:"Noto Kufi Arabic",sans-serif; font-size:8px; line-height:2.15; }.process-strip { margin:0 -4.4vw; padding:18px 4.4vw; display:flex; align-items:center; gap:clamp(12px,2vw,30px); background:#1d241c; color:rgba(249,244,235,.68); font-family:"Noto Kufi Arabic",sans-serif; font-size:8px; }.process-strip i { width:3px; height:3px; border-radius:50%; background:#d9ab92; }
.projects-teaser { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:clamp(40px,8vw,120px); background:var(--paper); }.teaser-copy>p:not(.eyebrow) { max-width:360px; margin:21px 0 28px; color:var(--ink-soft); font-family:"Noto Kufi Arabic",sans-serif; font-size:10px; line-height:2.15; }.project-empty-stack { min-height:330px; position:relative; }.project-empty { position:absolute; width:185px; height:253px; padding:17px; display:flex; flex-direction:column; justify-content:space-between; box-shadow:9px 12px 24px rgba(48,43,36,.1); font-family:"Noto Kufi Arabic",sans-serif; font-size:9px; }.project-empty b { align-self:flex-end; font-size:13px; font-weight:500; }.project-empty.tall { left:0; top:45px; color:var(--ink); background:repeating-linear-gradient(0deg,#e5dfd2,#e5dfd2 3px,#dfd7c9 3.5px,#dfd7c9 5px); transform:rotate(-8deg); }.project-empty.olive { left:28%; top:0; z-index:2; color:#fffaf3; background:repeating-linear-gradient(90deg,#6b7460,#6b7460 2px,#74806b 2.5px,#74806b 5px); transform:rotate(4deg); }.project-empty.clay { right:1%; top:65px; color:#fffaf3; background:repeating-linear-gradient(135deg,#b76548,#b76548 4px,#ad5b41 4.5px,#ad5b41 7px); transform:rotate(11deg); }
.booking-cta { padding:clamp(70px,9vw,132px) 10vw; display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(46px,9vw,145px); background:var(--clay); color:#fffaf3; }.booking-cta h2 { margin:0; font-size:clamp(44px,5vw,75px); line-height:1.18; letter-spacing:-.07em; font-weight:500; }.booking-cta h2 em { color:#f5d4c1; }.booking-cta-side { align-self:end; }.booking-cta-side p { max-width:350px; margin:0 0 27px; color:rgba(255,250,243,.8); font-family:"Noto Kufi Arabic",sans-serif; font-size:10px; line-height:2.1; }
.page-intro { min-height:440px; padding:clamp(78px,11vw,152px) 10vw 78px; display:flex; flex-direction:column; justify-content:center; background:var(--paper); }.page-intro-light { background:var(--linen); }.page-intro h1 { margin-bottom:20px; }.collection-detail-list { background:var(--paper); }.collection-detail { min-height:620px; display:grid; grid-template-columns:1fr 1fr; }.collection-detail>img { width:100%; height:100%; min-height:620px; object-fit:cover; filter:saturate(.82); }.detail-copy { padding:clamp(52px,8vw,126px) clamp(35px,8vw,126px); display:flex; flex-direction:column; justify-content:center; }.detail-copy>span { color:var(--clay); }.detail-copy h2 { margin:14px 0 19px; font-size:clamp(36px,4.2vw,58px); letter-spacing:-.07em; font-weight:600; }.detail-copy>p { max-width:420px; margin:0 0 20px; color:var(--ink-soft); font-family:"Noto Kufi Arabic",sans-serif; font-size:10px; line-height:2.2; }.detail-copy ul { margin:0 0 30px; padding:0; list-style:none; }.detail-copy li { padding:9px 0; border-bottom:1px solid var(--line); color:var(--olive); font-family:"Noto Kufi Arabic",sans-serif; font-size:9px; }.detail-copy li::before { content:"×"; margin-left:8px; color:var(--clay); }.detail-wave { background:#e5e4da; }.detail-classic { background:#e8dfd5; }.materials-note { padding:clamp(70px,10vw,130px) 10vw; display:grid; grid-template-columns:.85fr .7fr auto; gap:clamp(30px,5vw,90px); align-items:end; background:var(--linen); }.materials-note>p { margin:0; color:var(--ink-soft); font-family:"Noto Kufi Arabic",sans-serif; font-size:10px; line-height:2.2; }
.projects-intro { min-height:390px; background:var(--linen); }.project-gallery-wrap { padding:0 4.4vw clamp(75px,9vw,132px); background:var(--linen); }.filter-bar { padding:14px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-wrap:wrap; gap:8px 25px; }.filter-bar button { padding:8px 0; border:0; background:transparent; color:var(--ink-soft); font-family:"Noto Kufi Arabic",sans-serif; font-size:9px; }.filter-bar button.is-active { color:var(--clay); border-bottom:1px solid var(--clay); }.gallery-empty-state { min-height:480px; margin-top:30px; padding:55px 6vw; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:var(--paper); }.empty-mark { width:62px; height:62px; padding:13px; margin-bottom:18px; display:flex; gap:4px; background:var(--olive); }.empty-mark i { flex:1; background:var(--paper); clip-path:polygon(18% 100%,18% 15%,50% 0,82% 15%,82% 100%); }.empty-mark i:nth-child(2){height:80%;align-self:end}.empty-mark i:nth-child(3){height:65%;align-self:end}.gallery-empty-state .eyebrow { margin-bottom:8px; }.gallery-empty-state h2 { margin-bottom:20px; }.gallery-empty-state>p:not(.eyebrow) { max-width:530px; margin:0 0 27px; color:var(--ink-soft); font-family:"Noto Kufi Arabic",sans-serif; font-size:10px; line-height:2.2; }.gallery-guidance { display:grid; grid-template-columns:1fr 1fr; gap:60px; background:var(--paper); }.guidance-list p { margin:0; padding:18px 0; border-top:1px solid var(--line); color:var(--ink-soft); font-family:"Noto Kufi Arabic",sans-serif; font-size:10px; line-height:2; }.guidance-list b { margin-left:10px; color:var(--clay); font-weight:500; }
.contact-hero { min-height:470px; padding:clamp(75px,10vw,134px) 10vw; display:grid; grid-template-columns:1fr .85fr; align-items:center; gap:clamp(40px,9vw,150px); background:var(--linen); }.contact-panel { padding:35px; background:var(--olive-deep); color:#fffaf3; }.panel-kicker { margin:0 0 28px; color:#d9ab92; font-family:"Noto Kufi Arabic",sans-serif; font-size:9px; }.contact-panel>a,.contact-panel>div { padding:14px 0; display:flex; justify-content:space-between; gap:20px; border-top:1px solid rgba(255,250,243,.2); color:#fffaf3; text-decoration:none; font-family:"Noto Kufi Arabic",sans-serif; font-size:9px; }.contact-panel strong { font-weight:500; }.panel-note { margin:22px 0 0; color:rgba(255,250,243,.66); font-family:"Noto Kufi Arabic",sans-serif; font-size:8px; line-height:2; }.booking-section { padding:clamp(75px,10vw,140px) 10vw; display:grid; grid-template-columns:.72fr 1.28fr; align-items:start; gap:clamp(45px,8vw,120px); background:var(--paper); }.booking-heading>p:not(.eyebrow) { margin:20px 0 0; color:var(--ink-soft); font-family:"Noto Kufi Arabic",sans-serif; font-size:10px; line-height:2.15; }.booking-form { padding-top:8px; }.step-indicator { margin-bottom:36px; display:flex; align-items:center; gap:12px; color:var(--ink-soft); font-family:"Noto Kufi Arabic",sans-serif; font-size:8px; }.step-indicator span { display:flex; align-items:center; gap:5px; opacity:.48; }.step-indicator span.is-active { color:var(--clay); opacity:1; }.step-indicator b { font-weight:500; }.step-indicator i { flex:1; max-width:50px; height:1px; background:var(--line); }.booking-step { margin:0; padding:0; border:0; display:none; }.booking-step.is-active { display:block; animation:step-in 300ms var(--ease-out) both; }.booking-step legend { padding:0; margin-bottom:24px; font-size:25px; letter-spacing:-.06em; }.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px 18px; }.field-grid label,.full-field { display:flex; flex-direction:column; gap:8px; color:var(--ink-soft); font-family:"Noto Kufi Arabic",sans-serif; font-size:9px; }.field-span { grid-column:1 / -1; }.field-grid input,.field-grid select,.full-field textarea { width:100%; padding:12px 0; border:0; border-bottom:1px solid var(--line); outline:none; background:transparent; color:var(--ink); font-family:"Noto Kufi Arabic",sans-serif; font-size:10px; border-radius:0; }.full-field { margin-top:22px; }.full-field textarea { resize:vertical; line-height:1.9; }.choice-group { margin-bottom:25px; display:flex; flex-direction:column; gap:10px; color:var(--ink-soft); font-family:"Noto Kufi Arabic",sans-serif; font-size:9px; }.choice-options { display:grid; grid-template-columns:repeat(2,1fr); border:1px solid var(--line); }.choice-options label { min-height:50px; padding:0 13px; display:flex; align-items:center; border-left:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--ink); font-size:10px; cursor:pointer; }.choice-options label:nth-child(2n) { border-left:0; }.choice-options label:nth-last-child(-n+2) { border-bottom:0; }.choice-options input { appearance:none; width:12px; height:12px; margin:0 0 0 8px; border:1px solid var(--olive); border-radius:50%; }.choice-options input:checked { box-shadow:inset 0 0 0 3px var(--paper); background:var(--clay); border-color:var(--clay); }.choice-options b { font-weight:500; }.form-assurance { margin:25px 0; padding:13px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--olive); font-family:"Noto Kufi Arabic",sans-serif; font-size:8px; line-height:2; }
.site-footer { min-height:116px; padding:25px 4.4vw; display:flex; align-items:center; justify-content:space-between; gap:20px; background:var(--ink); color:#fffaf3; }.footer-brand .brand-mark { background:#fffaf3; }.footer-brand .brand-mark i { background:var(--clay); }.site-footer>p { margin:0; color:rgba(255,250,243,.6); font-family:"Noto Kufi Arabic",sans-serif; font-size:8px; }.footer-whatsapp { color:#fffaf3; font-family:"Noto Kufi Arabic",sans-serif; font-size:8px; text-decoration:none; direction:ltr; }.floating-whatsapp { position:fixed; z-index:15; left:18px; bottom:18px; padding:12px 14px; display:inline-flex; align-items:center; gap:9px; background:var(--olive-deep); color:#fffaf3; box-shadow:0 10px 22px rgba(36,37,32,.22); font-size:10px; font-weight:600; text-decoration:none; }.floating-whatsapp b { color:#d9ab92; font-size:19px; line-height:10px; }
.reveal { animation:reveal-up 620ms var(--ease-out) both; }.reveal-late { animation-delay:100ms; }@keyframes reveal-up { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }@keyframes step-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
@media (max-width:880px) { .site-header{min-height:74px;padding:0 5vw}.main-nav{position:fixed;z-index:19;inset:110px 0 auto 0;padding:17px 5vw;display:none;grid-template-columns:1fr;background:var(--paper);box-shadow:0 16px 30px rgba(36,37,32,.12)}.main-nav.is-open{display:grid}.main-nav a{padding:13px 0;border-bottom:1px solid var(--line)}.main-nav a:last-child{border:0}.header-action{display:none}.menu-toggle{width:38px;height:38px;padding:7px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:0;background:transparent}.menu-toggle span{width:21px;height:1px;background:var(--ink)}.hero{min-height:auto;padding:56px 5vw 62px;grid-template-columns:1fr}.hero-visual{min-height:unset;height:min(122vw,560px);margin-top:16px}.hero-side-label{display:none}.hero-note{left:12px;bottom:34px;width:98px;height:98px}.section-heading,.method-title,.projects-teaser,.booking-cta,.materials-note,.contact-hero,.booking-section{grid-template-columns:1fr;display:grid}.section-heading{align-items:start;gap:20px}.collection-grid{grid-template-columns:repeat(3,1fr);gap:9px}.collection-card{min-height:350px}.collection-card:nth-child(2),.collection-card:nth-child(3){margin-top:0}.collection-card>div{padding:12px}.collection-card h3{font-size:14px}.collection-card p{display:none}.method-title{margin-bottom:43px}.method-steps{width:100%}.method-steps article{min-height:195px;padding:20px 13px}.method-steps h3{margin-top:34px;font-size:15px}.method-steps p{font-size:7px}.projects-teaser{padding-right:7vw;padding-left:7vw}.booking-cta{padding-right:7vw;padding-left:7vw;gap:40px}.page-intro,.contact-hero{padding-right:7vw;padding-left:7vw}.collection-detail{grid-template-columns:1fr}.collection-detail>img{min-height:440px;grid-row:1}.detail-copy{padding:55px 7vw;grid-row:2}.reverse-mobile>img{grid-row:1}.reverse-mobile>.detail-copy{grid-row:2}.materials-note{padding-right:7vw;padding-left:7vw;gap:25px}.projects-intro{min-height:350px}.project-gallery-wrap{padding-right:5vw;padding-left:5vw}.gallery-guidance{grid-template-columns:1fr;gap:30px;padding-right:7vw;padding-left:7vw}.booking-section{padding-right:7vw;padding-left:7vw;gap:42px}.contact-panel{padding:27px}.site-footer{padding-right:5vw;padding-left:5vw}.floating-whatsapp{left:13px;bottom:13px} }
@media (max-width:540px) { .topline{min-height:34px;padding:0 5vw;font-size:6px}.topline-rule,.topline-domain{display:none}.topline p{white-space:normal}.brand-mark{width:34px;height:34px;padding:7px}.brand-copy strong{font-size:20px}.hero h1,.page-intro h1,.contact-hero h1{font-size:45px}.hero-intro,.page-intro>p,.contact-hero>div>p{font-size:10px}.manifesto{min-height:150px;padding:32px 6vw;gap:14px}.manifesto p{font-size:18px}.manifesto small{display:none}.thread{width:40px}.section-heading h2,.teaser-copy h2,.booking-heading h2,.materials-note h2{font-size:38px}.collection-card{min-height:260px}.collection-card span{font-size:5px}.collection-card h3{font-size:11px}.method-steps{grid-template-columns:1fr;border-top:0}.method-steps article{min-height:auto;padding:18px 0;border-left:0;border-bottom:1px solid rgba(249,244,235,.22);display:grid;grid-template-columns:36px 1fr;gap:8px}.method-steps h3{margin:0;font-size:16px}.method-steps p{grid-column:2;margin-top:6px;font-size:8px}.process-strip{margin-right:-5vw;margin-left:-5vw;padding-right:5vw;padding-left:5vw;white-space:nowrap;overflow:hidden;font-size:7px}.project-empty-stack{min-height:275px;transform:scale(.9);transform-origin:right center;width:112%}.project-empty{width:150px;height:210px}.page-intro{min-height:345px}.collection-detail>img{min-height:355px}.detail-copy h2{font-size:39px}.gallery-empty-state{min-height:420px;padding:44px 6vw}.gallery-empty-state h2{font-size:38px}.filter-bar{gap:7px 17px}.filter-bar button{font-size:8px}.field-grid{grid-template-columns:1fr}.field-span{grid-column:auto}.choice-options{grid-template-columns:1fr}.choice-options label{border-left:0;border-bottom:1px solid var(--line)}.choice-options label:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.choice-options label:last-child{border:0}.step-indicator{gap:7px;font-size:7px}.step-indicator i{max-width:18px}.step-indicator b{display:none}.site-footer{min-height:135px;display:grid;grid-template-columns:1fr 1fr}.site-footer>p{grid-column:1/-1;grid-row:2}.footer-whatsapp{text-align:left}.floating-whatsapp span{display:none}.floating-whatsapp{padding:12px} }
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Dynamic project gallery */
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.project-card{background:var(--paper);border:1px solid var(--line);min-width:0}.project-card img,.project-placeholder{display:block;width:100%;height:280px;object-fit:cover;background:var(--olive);color:var(--paper);}.project-placeholder{display:grid;place-items:center;font-size:12px}.project-card-copy{padding:18px 20px 22px}.project-card-copy h2{margin:7px 0;font-size:24px}.project-card-copy p:not(.eyebrow){color:var(--ink-soft);font-size:10px;line-height:1.9;margin:4px 0}.project-card[hidden]{display:none}@media(max-width:800px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card img,.project-placeholder{height:230px}}@media(max-width:540px){.project-grid{grid-template-columns:1fr}.project-card img,.project-placeholder{height:250px}}

/* Homepage section sliders */
.dynamic-home-galleries{background:var(--linen)}.home-section-slider{margin-top:34px;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0 26px}.home-slider-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}.home-slider-head h3{margin:5px 0 0;font-size:27px}.home-slider-controls{display:flex;gap:8px;direction:ltr}.home-slider-controls button{width:42px;height:38px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-size:18px}.home-slider-viewport{overflow:hidden}.home-slider-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;direction:ltr;padding-bottom:5px}.home-slider-track::-webkit-scrollbar{display:none}.home-slide{flex:0 0 min(320px,78vw);background:var(--ink);color:var(--paper);direction:rtl}.home-slide img{display:block;width:100%;height:270px;object-fit:cover}.home-slide>div{padding:12px 16px 15px;display:grid;gap:4px}.home-slide span{font-size:9px;color:#dfbd75}.home-slide strong{font-size:13px;font-weight:500}.home-section-slider:first-of-type{margin-top:24px}@media(max-width:540px){.home-slider-head h3{font-size:22px}.home-slide{flex-basis:84vw}.home-slide img{height:245px}.home-slider-controls button{width:38px;height:34px}}