
:root{--bg:#050a10;--bg2:#0a1521;--ink:#f6f2eb;--muted:#a4afbb;--gold:#d9ab5d;--gold2:#f8d996;--line:#32404a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}a:hover{color:var(--gold2)}button{font:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:40;background:#050a10ed;border-bottom:1px solid #ffffff21;backdrop-filter:blur(15px)}
.top{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.wordmark{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2em;font-size:19px;color:var(--gold2)}
.wordmark img{width:53px;height:50px;object-fit:contain}.wordmark small{display:block;font-size:8px;letter-spacing:.23em;color:#ddc99e}
nav{display:flex;align-items:center;gap:33px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
nav a.active{color:var(--gold)}nav .nav-contact{border:1px solid #b78b4e;padding:12px 20px;border-radius:50px}
.nav-toggle{display:none;border:1px solid #887052;background:none;color:var(--gold2);border-radius:30px;padding:8px 15px}
h1,h2,h3{font-weight:600;letter-spacing:-.04em;line-height:1.08}h1{font-size:clamp(64px,10vw,148px);margin:14px 0 26px}h2{font-size:clamp(40px,6vw,82px);margin:16px 0}h3{font-size:28px}
.eyebrow,.section-kicker{font-size:11px;letter-spacing:.29em;color:var(--gold2);font-weight:800;text-transform:uppercase}
.lead{font-size:clamp(17px,2vw,22px);line-height:1.6;color:#c5d0da;max-width:630px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:23px;border:1px solid #c0a270;padding:14px 26px;border-radius:40px;color:var(--ink);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:bold;transition:transform .2s}
.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--gold);border-color:var(--gold);color:#071018}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
.hero{position:relative;overflow:hidden;min-height:740px;background:radial-gradient(circle at 74% 40%,#24364b 0,transparent 42%),linear-gradient(140deg,#06111c,#060b12 72%);border-bottom:1px solid #ad89444a}
.hero:before{content:"";position:absolute;inset:0;opacity:.23;background:repeating-linear-gradient(90deg,transparent 0 99px,#9fb1bb30 100px),repeating-linear-gradient(0deg,transparent 0 99px,#9fb1bb22 100px);mask-image:linear-gradient(90deg,transparent,#000)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;min-height:720px;align-items:center;gap:3vw;padding:70px 0 85px}
.hero h1{font-weight:800;text-transform:uppercase;font-size:clamp(58px,8vw,124px);letter-spacing:-.09em;line-height:.97}
.hero h1 em{display:block;font-style:normal;color:var(--gold2);font-weight:300;letter-spacing:-.075em}
.hero-art{position:relative;isolation:isolate;align-self:center;filter:drop-shadow(0 28px 75px #000b)}
.hero-art:before{content:"";position:absolute;inset:9% 0;background:radial-gradient(circle,#e3aa4966,transparent 62%);z-index:-1}
.hero-art img{width:100%;display:block;object-fit:contain;transform:rotate(-3deg);border:1px solid #d1a35344}
.hero-art p{color:var(--gold2);letter-spacing:.3em;font-size:9px;text-align:center}
.hero-rule{border-top:1px solid #d1ae6a77;margin-top:65px;padding-top:16px;display:flex;justify-content:space-between;gap:20px;color:#c0a989;letter-spacing:.17em;font-size:10px}
.section{padding:125px 0}.section-heading{max-width:900px}.section-heading p{color:var(--muted);font-size:19px;max-width:670px}
.section-dark{background:#0d1924}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:55px}.cards.three{grid-template-columns:repeat(3,1fr)}
.feature{padding:38px;min-height:380px;border:1px solid #b6a17a55;background:linear-gradient(145deg,#172b38,#09121b);position:relative;overflow:hidden}
.feature:after{content:"";position:absolute;width:340px;height:340px;right:-180px;top:-200px;border-radius:50%;border:1px solid #cfa46155;box-shadow:0 0 0 60px #dba95b08,0 0 0 130px #dba95b08}
.feature .index{color:var(--gold2);font-size:12px;letter-spacing:.24em}.feature .line-art{font-size:78px;color:var(--gold);margin:22px 0}.feature h3{margin:10px 0}.feature p{color:#b9c8d5;max-width:370px}
.statement{background:linear-gradient(95deg,#bb8c4c,#e9c78d);color:#07111c;padding:115px 0}.statement-grid{display:grid;grid-template-columns:.7fr 1.7fr;gap:50px}.statement .eyebrow{color:#202a31}.statement p{font-size:19px;max-width:720px;color:#192531}.statement .text-link{border-bottom:1px solid;color:#15222b;font-weight:bold}
.cta{text-align:center}.cta p{color:var(--muted);max-width:650px;margin:15px auto 30px}
.page-hero{background:linear-gradient(130deg,#111f30,#050a10);padding:120px 0 85px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(46px,7vw,88px);max-width:1050px}.page-hero p{max-width:720px}
.content-grid{display:grid;grid-template-columns:.75fr 1.5fr;gap:60px}.prose p,.contact-panel p,.notice p{color:#b5c0cb}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-panel{padding:40px;background:#111f2c;border:1px solid #a38b604d}.contact-panel.subdued{background:transparent}.email{display:block;font-size:clamp(20px,2.6vw,34px);color:var(--gold2);overflow-wrap:anywhere}.contact-panel .btn{margin-top:15px}
.legal{max-width:870px}.legal h2{font-size:32px;margin-top:50px}
footer{background:#05080d;border-top:1px solid #665438;padding:65px 0 24px}.foot{display:flex;justify-content:space-between;gap:35px}.foot strong{font-size:23px;color:var(--gold2);letter-spacing:.2em}.foot p{letter-spacing:.22em;color:var(--gold);font-size:11px}.foot small,.copyright{font-size:12px;color:#8f9bab}.foot>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px;font-size:13px}.copyright{border-top:1px solid #ffffff24;margin-top:55px;padding-top:24px}
@media(max-width:820px){.top{min-height:70px}.wordmark{font-size:16px}.wordmark img{width:42px;height:40px}.nav-toggle{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#07121e;padding:22px 26px;flex-direction:column;align-items:stretch;border-bottom:1px solid #ffffff40}nav.open{display:flex}.hero-grid{grid-template-columns:1fr;min-height:unset;padding:85px 0 55px}.hero h1{font-size:clamp(58px,13vw,90px)}.hero-art{max-width:440px;margin:0 auto}.hero-rule{margin-top:45px}.section{padding:85px 0}.cards,.cards.three,.statement-grid,.content-grid,.contact-layout{grid-template-columns:1fr}.statement{padding:85px 0}.foot{flex-direction:column}.page-hero{padding:80px 0 60px}}
@media(max-width:450px){.wrap{width:calc(100% - 36px)}.hero h1{font-size:59px}.hero-rule{font-size:8px}.feature{min-height:290px}.actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Ailutra clean patch: featured as a restrained About page watermark. */
.about-patch-hero{position:relative;isolation:isolate;min-height:490px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-right:min(43%,480px)}
.about-patch-hero:before{content:"";position:absolute;z-index:-1;right:0;top:50%;transform:translateY(-50%);width:min(47%,520px);aspect-ratio:1;background:url("assets/ailutra-clean-patch.png") center/contain no-repeat;opacity:.55;filter:drop-shadow(0 10px 35px #05080ddd)}
.about-patch-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#091523 0%,#09152355 65%,transparent)}
.about-patch-hero h1{font-size:clamp(45px,5.6vw,77px)}
@media(max-width:760px){.about-patch-hero{min-height:560px;padding-right:0;justify-content:flex-start;padding-top:100px}.about-patch-hero:before{right:-16%;top:72%;width:min(90%,420px);opacity:.27}.about-patch-hero:after{background:linear-gradient(180deg,#091523 0%,#091523aa 58%,transparent)}.about-patch-hero h1{font-size:clamp(42px,11vw,70px)}}

/* Corporate v3: dramatic banner composition based on user supplied brand art */
.hero{min-height:790px;background:radial-gradient(circle at 72% 38%,#152c48,#060b13 68%);position:relative}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 56%,#ffae3d12)}
.hero-grid{grid-template-columns:.91fr 1.09fr;gap:2.5vw;align-items:center;min-height:740px}
.hero h1{font-size:clamp(64px,6.6vw,104px);font-weight:900;line-height:.94;letter-spacing:-.075em;text-transform:uppercase;text-shadow:0 10px 30px #0009}
.hero h1 em{display:block;font-weight:800;color:#f6c56a;letter-spacing:-.066em}
.hero-art{margin-left:-1.5vw;margin-right:-3vw;filter:drop-shadow(0 10px 44px #000c)}
.hero-art img{transform:none;aspect-ratio:1.49;object-fit:cover;object-position:center;border:0;border-radius:4px;mask-image:linear-gradient(90deg,transparent,#000 11%,#000 92%,transparent)}
.hero-art p{display:none}.hero .lead{font-size:19px}.hero .btn{box-shadow:0 12px 32px #0005}
.site-header{background:#03070ef5}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr;min-height:0;padding:65px 0}.hero h1{font-size:clamp(55px,12vw,83px)}.hero-art{max-width:100%;margin:15px 0 0}.hero-art img{aspect-ratio:1.5;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.hero{min-height:0}}

/* Corrected header branding */
.wordmark img{width:62px;height:62px;border-radius:50%;object-fit:contain;flex:0 0 auto}.wordmark{gap:13px;line-height:1.15}.wordmark span{display:block}.wordmark small{margin-top:6px;line-height:1.3}@media(max-width:820px){.wordmark img{width:47px;height:47px}.wordmark{gap:9px}.wordmark small{font-size:7px}}
