/* ANGIA homepage · motion edition (25/10/2026).
   Page-scoped (body.m-home). Shared header/footer keep shell.css. */
body.m-home{--m-ivory:#F2EDE4;--m-paper:#FAF7F1;--m-esp:#211C19;--m-esp2:#2B2420;--m-champ:#B9A27A;--m-gold:#86704C;--m-line:#DDD4C7;--m-muted:#655B52;--m-greige:#C9BFB1;--m-sans:"Manrope","Segoe UI",system-ui,sans-serif;--m-serif:"Noto Serif",Georgia,serif;--m-ease:cubic-bezier(.2,.7,.1,1);--m-gut:28px;
  margin:0;background:var(--m-ivory);color:var(--m-esp);font:400 16px/1.6 var(--m-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color-scheme:light;overflow-x:clip}
.m-home *,.m-home *::before,.m-home *::after{box-sizing:border-box}
.m-home main img{display:block;max-width:100%}
.m-home main h1,.m-home main h2,.m-home main h3,.m-home main p,.m-home main figure{margin:0}
.u-skip-link{position:fixed;left:16px;top:10px;transform:translateY(-150%);background:#211c19;color:#fff;padding:12px 18px;z-index:10000}
.u-skip-link:focus{transform:none}
.m-wrap{width:min(1280px,100%);margin:0 auto;padding:0 var(--m-gut)}
.m-home main a:focus-visible,.m-home main button:focus-visible,.m-rail:focus-visible{outline:2px solid #78613F;outline-offset:4px}
.m-services a:focus-visible,.m-end a:focus-visible,.m-stage :focus-visible{outline-color:var(--m-champ)!important}

/* type */
.m-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 22px!important;font:600 11px/1.4 var(--m-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--m-muted)}
.m-eyebrow::before{content:"";width:28px;height:1px;background:var(--m-champ);flex:none}
.m-title{font:400 clamp(40px,4.1vw,60px)/1.06 var(--m-serif);letter-spacing:-.025em;text-wrap:balance}
.m-h2{font:400 clamp(32px,3.7vw,54px)/1.08 var(--m-serif);letter-spacing:-.02em;text-wrap:balance}
.m-title em,.m-h2 em{font-style:italic;color:var(--m-gold)}
.m-lede{max-width:34ch;margin-top:26px!important;font-size:clamp(17px,1.35vw,19px);line-height:1.6;color:#4A413A}
.m-lede-s{max-width:44ch;margin-top:22px!important;font-size:16px;color:#4A413A}
.m-fine{font-size:12px;line-height:1.6;color:var(--m-muted)}
.m-kicker{display:inline-block;font:600 11px/1.4 var(--m-sans);letter-spacing:.14em;text-transform:uppercase}

/* buttons & links */
.m-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:34px}
.m-btn{display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:0 26px;border:1px solid var(--m-esp);border-radius:999px;background:var(--m-esp);color:var(--m-ivory);font:600 14px/1 var(--m-sans);text-decoration:none;transition:background .35s,color .35s,border-color .35s,transform .35s var(--m-ease)}
.m-btn:hover{background:#3A302A;border-color:#3A302A}
.m-btn-ghost{background:transparent;color:var(--m-esp)}
.m-btn-ghost:hover{background:var(--m-esp);color:var(--m-ivory)}
.m-btn-light{background:var(--m-champ);border-color:var(--m-champ);color:var(--m-esp)}
.m-btn-light:hover{background:#D0BB98;border-color:#D0BB98}
.m-arrow{display:inline-block;font-size:1.15em;line-height:1;transition:transform .4s var(--m-ease)}
a:hover .m-arrow,a:focus-visible .m-arrow{transform:translate(3px,-3px)}
.m-link{display:inline-flex;align-items:center;gap:8px;padding-bottom:5px;border-bottom:1px solid currentColor;color:var(--m-esp);font:600 13px/1.3 var(--m-sans);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}
.m-link-light{color:var(--m-ivory)}

/* scroll progress */
.m-progress{position:fixed;inset:0 0 auto;height:2px;z-index:60;pointer-events:none}
.m-progress i{display:block;height:100%;background:var(--m-champ);transform:scaleX(0);transform-origin:0 50%}

/* hero */
.m-hero{padding:clamp(28px,4vw,56px) 0 clamp(36px,4vw,64px)}
.m-hero-grid{display:grid;grid-template-columns:minmax(0,5.6fr) minmax(0,6.4fr);gap:clamp(28px,4.5vw,72px);align-items:center}
.m-hero-copy{padding:12px 0}
.m-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.m-line>span{display:inline-block}
.m-stage{position:relative;height:min(76svh,740px);min-height:460px;border-radius:min(240px,40%) 28px 28px 28px;overflow:hidden;background:var(--m-esp2);isolation:isolate}
.m-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.m-slide.is-active{opacity:1;z-index:1}
.m-slide img{width:100%;height:100%;object-fit:cover}
.m-slide:nth-child(1) img{object-position:62% 50%}
.m-stage::before{content:"";position:absolute;inset:auto 0 0;height:45%;z-index:2;background:linear-gradient(180deg,rgba(33,28,25,0),rgba(33,28,25,.55));pointer-events:none}
.m-stage::after{content:"";position:absolute;inset:0;z-index:5;background:var(--m-ivory);transform:scaleY(0);transform-origin:50% 0;pointer-events:none}
.m-offer{position:absolute;left:clamp(16px,2vw,24px);bottom:clamp(16px,2vw,24px);z-index:3;display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 18px;max-width:300px;padding:16px 18px 16px 20px;border-radius:20px;background:rgba(250,247,241,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--m-esp);text-decoration:none;box-shadow:0 18px 40px -22px rgba(0,0,0,.5);transition:transform .45s var(--m-ease),background .3s}
.m-offer:hover{transform:translateY(-3px);background:#fff}
.m-offer-k{grid-column:1/-1;font:600 10px/1.4 var(--m-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--m-gold)}
.m-offer strong{font:400 19px/1.25 var(--m-serif)}
.m-stage-ui{position:absolute;top:clamp(14px,2vw,22px);right:clamp(14px,2vw,22px);z-index:3;display:flex;align-items:center;gap:2px;padding:4px 6px 4px 12px;border-radius:999px;background:rgba(33,28,25,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--m-ivory)}
.m-dot{display:flex;align-items:center;gap:0;min-height:36px;padding:0 6px;border:0;background:none;color:inherit;cursor:pointer;font:600 11px/1 var(--m-sans);letter-spacing:.03em}
.m-dot-bar{display:block;width:26px;height:2px;border-radius:2px;background:rgba(242,237,228,.35);overflow:hidden}
.m-dot-bar i{display:block;width:100%;height:100%;background:var(--m-ivory);transform:scaleX(0);transform-origin:0 50%}
.m-dot.is-active .m-dot-bar i{animation:m-fill var(--m-slide-ms,7000ms) linear forwards}
.m-dot-label{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .6s var(--m-ease),opacity .4s,margin .6s var(--m-ease)}
.m-dot.is-active .m-dot-label{max-width:180px;opacity:1;margin-left:10px}
.m-pause{position:relative;width:34px;height:34px;margin-left:4px;border:1px solid rgba(242,237,228,.4);border-radius:50%;background:none;color:inherit;cursor:pointer}
.m-pause span,.m-pause span::before{position:absolute;top:50%;left:50%;width:3px;height:11px;background:currentColor;transform:translate(-160%,-50%)}
.m-pause span::before{content:"";transform:translate(130%,-50%);top:50%;left:0}
.m-pause[aria-pressed=true] span{width:0;height:0;background:none;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;transform:translate(-35%,-50%)}
.m-pause[aria-pressed=true] span::before{display:none}
.m-stage.is-paused .m-dot-bar i,.m-stage.is-paused .m-slide.is-active img{animation-play-state:paused!important}
.m-slide.is-active img{animation:m-kb 12s ease-out both}

/* proof */
.m-proof{padding:0 0 clamp(64px,7vw,104px)}
.m-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--m-line)}
.m-stat{display:grid;align-content:start;gap:6px;padding:26px 22px 0 0}
.m-stat+.m-stat{padding-left:22px;border-left:1px solid var(--m-line)}
.m-stat strong{font:400 clamp(40px,4.6vw,68px)/1 var(--m-serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.m-stat>span{font-size:13px;line-height:1.45;color:var(--m-muted);max-width:20ch}
.m-proof .m-fine{margin-top:22px!important}

/* sections */
.m-section{padding:clamp(80px,9vw,140px) 0}
.m-head{margin-bottom:clamp(36px,4vw,56px)}
.m-head-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end}
.m-head-aside{display:grid;gap:14px;justify-items:start}

/* paths */
.m-paths{padding-top:0;padding-bottom:clamp(72px,8vw,120px)}
.m-paths+.m-stays{padding-top:0}
.m-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.m-path{position:relative;display:block;min-height:clamp(440px,44vw,640px);border-radius:28px;overflow:hidden;isolation:isolate;color:var(--m-ivory);text-decoration:none;clip-path:inset(0 round 28px)}
.m-path-media{position:absolute;inset:0;z-index:-2}
.m-path-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.4s var(--m-ease)}
.m-path::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(33,28,25,0) 30%,rgba(33,28,25,.86) 100%)}
.m-path:hover .m-path-media img{transform:scale(1.07)}
.m-path-body{position:absolute;inset:auto 0 0;padding:clamp(26px,3vw,44px);display:grid;gap:12px;justify-items:start}
.m-path-body .m-kicker{padding:7px 12px;border:1px solid rgba(242,237,228,.45);border-radius:999px}
.m-path h3{font:400 clamp(30px,3vw,46px)/1.08 var(--m-serif);letter-spacing:-.015em}
.m-path p{max-width:38ch;font-size:15px;color:rgba(242,237,228,.86)}
.m-path .m-link{margin-top:8px;color:var(--m-ivory)}

/* stays rail */
.m-stays{padding-bottom:clamp(64px,7vw,104px)}
.m-pill{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--m-esp);color:var(--m-ivory);font:600 13px/1.3 var(--m-sans);text-decoration:none}
.m-pill-dot{width:8px;height:8px;border-radius:50%;background:var(--m-champ);box-shadow:0 0 0 0 rgba(185,162,122,.7);animation:m-pulse 2.4s ease-out infinite}
.m-rail-wrap{position:relative}
.m-rail{--pad:max(var(--m-gut),calc((100vw - 1280px)/2 + var(--m-gut)));display:grid;grid-auto-flow:column;grid-auto-columns:clamp(250px,25vw,350px);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);padding:6px var(--pad) 10px;scrollbar-width:none;cursor:grab}
.m-rail::-webkit-scrollbar{display:none}
.m-rail.is-drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.m-stay{scroll-snap-align:start;color:var(--m-esp);text-decoration:none}
.m-stay-media{aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:#E7DFD3;margin-bottom:16px}
.m-stay-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--m-ease);-webkit-user-drag:none}
.m-stay:hover .m-stay-media img{transform:scale(1.06)}
.m-stay h3{font:400 21px/1.25 var(--m-serif)}
.m-stay p{margin-top:4px!important;font-size:13px;color:var(--m-muted)}
.m-rail-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 28px;margin-top:28px}
.m-rail-progress{height:2px;background:var(--m-line);overflow:hidden;border-radius:2px}
.m-rail-progress i{display:block;height:100%;width:30%;background:var(--m-esp);transition:transform .2s linear}
.m-rail-nav{display:flex;gap:10px}
.m-round{width:48px;height:48px;border:1px solid var(--m-esp);border-radius:50%;background:transparent;color:var(--m-esp);font:400 18px/1 var(--m-sans);cursor:pointer;transition:background .3s,color .3s,opacity .3s}
.m-round:hover:not(:disabled){background:var(--m-esp);color:var(--m-ivory)}
.m-round:disabled{opacity:.3;cursor:default}
.m-rail-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px 28px}

/* marquee */
.m-marquee{overflow:hidden;background:var(--m-esp);color:var(--m-ivory);padding:clamp(22px,3vw,34px) 0;border-bottom:1px solid rgba(242,237,228,.12)}
.m-marquee-track{display:flex;width:max-content;animation:m-marq 46s linear infinite}
.m-marquee-track>div{display:flex;align-items:center;gap:clamp(22px,3vw,44px);padding-right:clamp(22px,3vw,44px)}
.m-marquee span{font:italic 400 clamp(30px,4.4vw,64px)/1 var(--m-serif);white-space:nowrap}
.m-marquee i{font-style:normal;font-size:14px;color:var(--m-champ)}

/* services */
.m-services{background:var(--m-esp);color:var(--m-ivory)}
.m-services .m-eyebrow{color:#CDBFAC}
.m-services .m-h2 em{color:var(--m-champ)}
.m-services .m-lede-s{color:#D7CBBB}
.m-svc-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:start}
.m-svc-intro{position:sticky;top:calc(var(--hdr-h,80px) + 40px)}
.m-svc-list{border-bottom:1px solid rgba(242,237,228,.16)}
.m-svc{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:28px 0;border-top:1px solid rgba(242,237,228,.16);color:var(--m-ivory);text-decoration:none}
.m-svc::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--m-champ);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--m-ease)}
.m-svc:hover::after,.m-svc:focus-visible::after{transform:scaleX(1)}
.m-svc-num{font:600 12px/1 var(--m-sans);letter-spacing:.08em;color:var(--m-champ)}
.m-svc-text{display:grid;gap:6px;transition:transform .5s var(--m-ease)}
.m-svc strong{font:400 clamp(22px,2.2vw,30px)/1.2 var(--m-serif)}
.m-svc-text span{font-size:14px;color:#CDBFAC}
.m-svc-arrow{justify-self:end;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(242,237,228,.3);border-radius:50%;transition:transform .5s var(--m-ease),background .3s,color .3s,border-color .3s}
.m-svc:hover .m-svc-text{transform:translateX(8px)}
.m-svc:hover .m-svc-arrow{transform:rotate(45deg);background:var(--m-champ);border-color:var(--m-champ);color:var(--m-esp)}

/* ecosystem */
.m-eco{background:var(--m-paper);overflow:hidden}
.m-eco-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:start}
.m-eco-intro{position:sticky;top:calc(var(--hdr-h,80px) + 40px)}
.m-orbit{position:relative;width:min(400px,100%);aspect-ratio:1;margin-top:clamp(36px,4vw,56px)!important}
.m-orbit-ring{position:absolute;inset:9%;border:1px dashed var(--m-greige);border-radius:50%}
.m-orbit-ring::before{content:"";position:absolute;inset:18%;border:1px solid var(--m-line);border-radius:50%}
.m-orbit-core{position:absolute;inset:30%;display:grid;place-content:center;justify-items:center;gap:4px;border-radius:50%;background:var(--m-ivory);box-shadow:0 30px 60px -36px rgba(33,28,25,.55),inset 0 0 0 1px var(--m-line);text-align:center;padding:8px}
.m-orbit-core img{width:auto;height:clamp(40px,4.4vw,54px);margin-bottom:4px}
.m-orbit-core span{font:600 11px/1.3 var(--m-sans);letter-spacing:.06em}
.m-orbit-core small{font-size:10px;line-height:1.3;color:var(--m-muted);max-width:14ch}
.m-orbit-nodes{position:absolute;inset:0;margin:0;padding:0;list-style:none;animation:m-spin 60s linear infinite}
.m-node{position:absolute;inset:0;transform:rotate(calc(var(--i)*90deg - 45deg));pointer-events:none}
.m-node-pos{position:absolute;left:50%;top:9%;transform:translate(-50%,-50%) rotate(calc(var(--i)*-90deg + 45deg))}
.m-node-in{display:grid;justify-items:center;gap:6px;animation:m-spin 60s linear infinite reverse}
.m-node-in img{width:clamp(48px,5vw,60px);height:clamp(48px,5vw,60px);padding:9px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 12px 26px -14px rgba(33,28,25,.5),0 0 0 1px var(--m-line)}
.m-node-in b{font:600 11px/1.2 var(--m-sans);white-space:nowrap;padding:3px 8px;border-radius:999px;background:rgba(250,247,241,.92)}
.m-orbit:hover .m-orbit-nodes,.m-orbit:hover .m-node-in{animation-play-state:paused}
.m-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.m-brand-grid>:nth-child(even){margin-top:64px}
.m-brand{--tone:33,28,25;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(440px,38vw,540px);border-radius:24px;overflow:hidden;isolation:isolate;color:var(--m-ivory);text-decoration:none;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--m-ease),box-shadow .5s;box-shadow:0 30px 60px -40px rgba(33,28,25,.6)}
.m-brand-chapter9{--tone:70,18,30}
.m-brand-roomrise{--tone:14,34,64}
.m-brand-papermoon{--tone:41,37,31}
.m-brand-ikoi{--tone:21,17,14}
.m-brand-media{position:absolute;inset:0;z-index:-2}
.m-brand-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--m-ease)}
.m-brand::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(var(--tone),0) 28%,rgba(var(--tone),.9) 78%)}
.m-brand::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(600px circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.14),transparent 45%)}
.m-brand:hover::after{opacity:1}
a.m-brand:hover{box-shadow:0 40px 70px -36px rgba(33,28,25,.7)}
a.m-brand:hover .m-brand-media img{transform:scale(1.06)}
.m-brand-body{padding:24px 24px 26px;display:grid;gap:10px;justify-items:start}
.m-brand-logo{position:absolute;left:22px;top:22px;z-index:3;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--m-paper);box-shadow:0 12px 24px -12px rgba(0,0,0,.6)}
.m-brand-logo img{width:38px;height:38px;object-fit:contain}
.m-brand .m-kicker{color:#E3D2B3}
.m-brand h3{font:400 clamp(26px,2.2vw,32px)/1.12 var(--m-serif)}
.m-brand p{font-size:14px;line-height:1.55;color:rgba(242,237,228,.88)}
.m-brand .m-link{margin-top:6px;color:var(--m-ivory)}
.m-soon{margin-top:6px;padding:6px 12px;border:1px dashed rgba(242,237,228,.5);border-radius:999px;font:600 11px/1.3 var(--m-sans);letter-spacing:.04em}

/* about */
.m-about-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(40px,7vw,120px);align-items:center}
.m-founder{max-width:380px}
.m-founder-media{aspect-ratio:3/4;border-radius:190px 190px 24px 24px;overflow:hidden;background:#E7DFD3}
.m-founder-media img{width:100%;height:100%;object-fit:cover}
.m-founder figcaption{display:grid;gap:2px;margin-top:16px}
.m-founder strong{font:400 19px/1.3 var(--m-serif)}
.m-founder span{font-size:13px;color:var(--m-muted)}
.m-about-copy .m-link{margin-top:28px}

/* insights */
.m-insights{padding-top:0}
.m-ins-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,4fr);gap:28px 40px;align-items:start;border-top:1px solid var(--m-line);padding-top:36px}
.m-ins-grid .m-eyebrow{margin-bottom:16px!important}
.m-art{display:grid;gap:12px;justify-items:start;color:var(--m-esp);text-decoration:none}
.m-art .m-kicker{color:var(--m-gold)}
.m-art h3{font:400 clamp(20px,1.7vw,24px)/1.3 var(--m-serif);transition:color .3s}
.m-art:hover h3{color:var(--m-gold)}

/* closing */
.m-end{position:relative;overflow:hidden;isolation:isolate;padding:clamp(100px,12vw,190px) 0 clamp(64px,7vw,96px);color:var(--m-ivory);background:var(--m-esp)}
.m-end-media{position:absolute;inset:-8% 0;z-index:-2}
.m-end-media img{width:100%;height:100%;object-fit:cover}
.m-end::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(21,17,14,.62),rgba(21,17,14,.5) 40%,rgba(21,17,14,.9))}
.m-end .m-eyebrow{color:#E3D2B3}
.m-end .m-eyebrow::before{background:var(--m-champ)}
.m-end .m-h2{font-size:clamp(40px,5.6vw,84px)}
.m-end .m-h2 em{color:#E3D2B3}
.m-end-ctas{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:780px;margin-top:44px}
.m-end-cta{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 16px;padding:24px 26px;border-radius:22px;background:rgba(250,247,241,.95);color:var(--m-esp);text-decoration:none;transition:transform .45s var(--m-ease),background .3s}
.m-end-cta:hover{transform:translateY(-4px);background:#fff}
.m-end-cta small{grid-column:1/-1;font-size:12px;color:var(--m-muted)}
.m-end-cta strong{font:400 clamp(24px,2.2vw,30px)/1.15 var(--m-serif)}
.m-end-cta-alt{background:rgba(33,28,25,.35);border:1px solid rgba(242,237,228,.5);color:var(--m-ivory);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.m-end-cta-alt:hover{background:rgba(33,28,25,.55)}
.m-end-cta-alt small{color:#D7CBBB}
.m-channels{display:grid;grid-template-columns:repeat(4,minmax(0,auto));justify-content:start;gap:20px 44px;margin-top:56px;padding-top:26px;border-top:1px solid rgba(242,237,228,.24)}
.m-channels a{display:grid;gap:4px;color:var(--m-ivory);text-decoration:none;font-size:15px;overflow-wrap:anywhere}
.m-channels a:hover{color:#E3D2B3}
.m-channels small{font:600 10px/1.3 var(--m-sans);letter-spacing:.14em;text-transform:uppercase;color:#CDBFAC}

/* ---------- motion (progressive: only when the script is running) ---------- */
.m-js .m-rise{opacity:0;translate:0 18px;transition:opacity .9s ease,translate 1s var(--m-ease);transition-delay:calc(var(--d,0)*110ms + 200ms)}
.m-js .m-hero.is-in .m-rise{opacity:1;translate:none}
.m-js .m-split .m-line>span{translate:0 108%;transition:translate 1.15s var(--m-ease);transition-delay:calc(var(--i,0)*120ms + 120ms)}
.m-js .m-hero.is-in .m-split .m-line>span{translate:none}
.m-js .m-hero .m-stage::after{transform:scaleY(1)}
.m-js .m-hero.is-in .m-stage::after{transform:scaleY(0);transform-origin:50% 100%;transition:transform 1.25s cubic-bezier(.7,0,.2,1) .1s}
.m-js .m-reveal{opacity:0;translate:0 30px;transition:opacity .9s ease,translate 1.05s var(--m-ease),clip-path 1.25s var(--m-ease);transition-delay:calc(var(--d,0)*100ms)}
.m-js .m-reveal.is-in{opacity:1;translate:none}
.m-js .m-wipe{clip-path:inset(10% 5% 0 5% round 28px)}
.m-js .m-wipe.is-in{clip-path:inset(0 0 0 0 round 28px)}
.m-js .m-svc.m-reveal{translate:-24px 0}
.m-js .m-svc.m-reveal.is-in{translate:none}

@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .m-stage .m-slide{animation:m-hero-out linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
    .m-parallax img{animation:m-par linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
    .m-path-media{animation:m-par-soft linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  }
}

@keyframes m-fill{to{transform:scaleX(1)}}
@keyframes m-kb{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes m-hero-out{to{scale:1.08;opacity:.75}}
@keyframes m-par{from{translate:0 -6%;scale:1.14}to{translate:0 6%;scale:1.14}}
@keyframes m-par-soft{from{translate:0 -3%;scale:1.08}to{translate:0 3%;scale:1.08}}
@keyframes m-marq{to{transform:translateX(-50%)}}
@keyframes m-spin{to{rotate:360deg}}
@keyframes m-pulse{0%{box-shadow:0 0 0 0 rgba(185,162,122,.7)}70%,100%{box-shadow:0 0 0 10px rgba(185,162,122,0)}}

@media (prefers-reduced-motion: reduce){
  .m-js .m-rise,.m-js .m-reveal,.m-js .m-split .m-line>span{opacity:1!important;translate:none!important;transition:none!important}
  .m-js .m-wipe{clip-path:none!important}
  .m-js .m-hero .m-stage::after{display:none}
  .m-slide{transition:none}
  .m-slide.is-active img,.m-dot.is-active .m-dot-bar i{animation:none!important}
  .m-dot.is-active .m-dot-bar i{transform:scaleX(1)}
  .m-marquee-track,.m-orbit-nodes,.m-node-in,.m-pill-dot{animation:none!important}
  .m-home *{scroll-behavior:auto!important}
}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .m-brand-grid>:nth-child(even){margin-top:40px}
  .m-channels{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  body.m-home{--m-gut:20px}
  .m-hero-grid{grid-template-columns:1fr;gap:28px}
  .m-hero-copy{padding:0}
  .m-stage{height:auto;min-height:0;aspect-ratio:3/2;max-width:100%;border-radius:150px 22px 22px 22px}
  .m-stats{grid-template-columns:1fr 1fr}
  .m-stat:nth-child(3){padding-left:0;border-left:0}
  .m-stat:nth-child(n+3){border-top:1px solid var(--m-line);margin-top:22px}
  .m-head-split{grid-template-columns:1fr;gap:24px}
  .m-path-grid{grid-template-columns:1fr}
  .m-path{min-height:460px}
  .m-svc-grid,.m-eco-grid,.m-about-grid{grid-template-columns:1fr}
  .m-svc-intro,.m-eco-intro{position:static}
  .m-orbit{margin-inline:auto!important;width:min(340px,100%)}
  .m-ins-grid{grid-template-columns:1fr}
  .m-founder{max-width:300px}
  .m-end-ctas{grid-template-columns:1fr}
}
@media (max-width:700px){
  .m-brand-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80vw;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin:0 calc(-1*var(--m-gut));padding:0 var(--m-gut) 10px;scroll-padding-inline:var(--m-gut);scrollbar-width:none}
  .m-brand-grid::-webkit-scrollbar{display:none}
  .m-brand-grid>:nth-child(even){margin-top:0}
  .m-brand{min-height:460px;scroll-snap-align:start}
  .m-path{min-height:420px}
  .m-rail{grid-auto-columns:76vw}
  .m-svc{grid-template-columns:40px minmax(0,1fr) 40px;padding:22px 0}
  .m-offer{right:16px;max-width:none}
  .m-stage-ui{left:auto}
  .m-dot.is-active .m-dot-label{max-width:120px}
  .m-channels{grid-template-columns:1fr}
}
@media (max-width:600px){
  .m-stage{aspect-ratio:4/5;border-radius:130px 22px 22px 22px}
}
@media (max-width:420px){
  .m-dot-label{display:none}
  .m-title{font-size:40px}
}