
/* MAISON ATLAS — functional luxury entry, responsive and editorial */
.ma-entry{position:relative;background:#0d0c0a;color:#f3eee6;padding:calc(var(--hdr) + 24px) 0 44px;overflow:hidden}
.ma-entry .shell{position:relative;z-index:2}
.ma-hero{position:relative;min-height:420px;display:flex;align-items:center;padding:42px 0 25px;isolation:isolate}
.ma-hero::before{content:"";position:absolute;inset:-35px calc(-1 * var(--gut));z-index:-2;background:linear-gradient(90deg,#0d0c0a 0%,rgba(13,12,10,.9) 33%,rgba(13,12,10,.12) 82%),none center right/cover no-repeat}
.ma-hero::after{content:"";position:absolute;inset:-35px calc(-1 * var(--gut));z-index:-1;background:linear-gradient(0deg,#0d0c0a,transparent 40%)}
.ma-eyebrow{font:500 11px/1.5 var(--sans);letter-spacing:.2em;color:var(--brass);text-transform:uppercase}
.ma-hero h1{font:400 clamp(60px,8vw,128px)/.88 var(--serif);letter-spacing:-.04em;margin:19px 0 22px;max-width:820px}
.ma-hero .ma-cn{font:400 clamp(18px,2vw,26px)/1.55 var(--serif);color:#eee5d7}
.ma-hero .ma-desc{font-size:14px;color:#c8c1b5;max-width:480px;line-height:1.9;margin-top:15px}
.ma-search{display:flex;align-items:center;gap:12px;border:1px solid var(--brass);border-radius:40px;background:rgba(13,12,10,.85);max-width:780px;min-height:58px;padding:6px 7px 6px 21px;margin-top:18px}
.ma-search svg{width:20px;height:20px;stroke:var(--brass);fill:none;flex:none}
.ma-search input{flex:1;min-width:0;background:transparent;border:0;outline:none;font-size:16px;color:var(--fg)}
.ma-search input::placeholder{color:#a69b8d}
.ma-search button{flex:none;border-radius:50%;background:var(--brass);color:#18130c;width:44px;height:44px;font-size:24px}
.ma-hot{display:flex;align-items:center;gap:9px;overflow-x:auto;white-space:nowrap;padding:16px 0 0;scrollbar-width:none}
.ma-hot span{font-size:11px;color:var(--brass);flex:none}
.ma-hot button{border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:12px;color:#e5dfd5;flex:none}
.ma-tools{padding-top:38px;border-top:1px solid var(--line)}
.ma-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:20px}
.ma-section-head h2{font:400 clamp(29px,3.4vw,47px)/1.1 var(--serif);margin-top:3px}
.ma-section-head a{font-size:11px;letter-spacing:.08em;color:var(--brass);white-space:nowrap}
.ma-toolgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ma-tool{position:relative;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:20px;border:1px solid rgba(200,169,120,.27);background:#17140f;isolation:isolate;transition:border-color .25s,transform .25s}
.ma-tool:hover{border-color:var(--brass);transform:translateY(-3px)}
.ma-tool::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(15,13,11,.97),rgba(15,13,11,.55) 62%,rgba(15,13,11,.18)),var(--tool-img) center right/cover no-repeat}
.ma-tool::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent)}
.ma-tool-top{display:flex;justify-content:space-between;color:var(--brass);font:400 25px/1 var(--serif)}
.ma-tool-top small{font:500 10px/1 var(--sans);letter-spacing:.18em}
.ma-tool b{font:400 clamp(18px,2vw,25px)/1.15 var(--serif);letter-spacing:.01em}
.ma-tool p{font-size:12px;color:#e0d6c8;margin-top:6px}
.ma-tool .ma-arrow{position:absolute;right:17px;bottom:18px;border:1px solid var(--brass);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:var(--brass)}
.ma-featured{margin-top:48px}
.ma-featuregrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ma-feature{position:relative;min-height:235px;background:#211c17;overflow:hidden;border:1px solid var(--line)}
.ma-feature img{height:100%;object-fit:cover;filter:brightness(.85);transition:transform .6s}
.ma-feature:hover img{transform:scale(1.05)}
.ma-feature span{position:absolute;bottom:0;left:0;right:0;padding:28px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.9));font:500 11px/1.4 var(--sans);letter-spacing:.1em}
.ma-editorial{display:block;margin-top:38px;position:relative;min-height:300px;overflow:hidden;background:#211913 none center/cover no-repeat}
.ma-editorial::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.15))}
.ma-editorial-inner{position:relative;padding:46px 30px;max-width:580px}
.ma-editorial h2{font:400 clamp(44px,6vw,86px)/.9 var(--serif);margin:16px 0}
.ma-editorial p{font-size:14px;color:#e0d6c8}
.ma-editorial strong{display:inline-block;margin-top:22px;border:1px solid var(--brass);padding:10px 20px;font-size:11px;letter-spacing:.1em;color:var(--brass);font-weight:400}
@media(max-width:700px){.ma-entry{padding-top:calc(var(--hdr) + 4px);padding-bottom:85px}.ma-hero{min-height:350px;align-items:end;padding:45px 0 15px}.ma-hero::before{background:linear-gradient(0deg,#0d0c0a 1%,rgba(13,12,10,.28) 70%),linear-gradient(90deg,rgba(13,12,10,.7),transparent 90%),none center right/cover no-repeat}.ma-hero h1{font-size:clamp(43px,10.5vw,72px);max-width:420px;overflow-wrap:normal}.ma-hero .ma-desc{font-size:12.5px;max-width:340px}.ma-search{min-height:53px;margin-top:8px}.ma-toolgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ma-tool{min-height:146px;padding:14px}.ma-tool b{font-size:17px;max-width:95%}.ma-tool p{font-size:11px;max-width:90%}.ma-tool .ma-arrow{width:26px;height:26px;right:10px;bottom:11px}.ma-featuregrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ma-feature{flex:0 0 42%;min-height:220px;scroll-snap-align:start}.ma-editorial{min-height:300px}.ma-editorial-inner{padding:42px 20px}.ma-tools{padding-top:25px}.ma-featured{margin-top:36px}.ma-section-head h2{font-size:30px}}
@media(max-width:380px){.ma-tool b{font-size:15px}.ma-tool{min-height:136px}.ma-hero h1{font-size:clamp(39px,10.4vw,49px)}}

