@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');

*{box-sizing:border-box}body{margin:0;color:#171a20;background:#fff;font-family:Arial,sans-serif}.page{min-height:100svh;display:grid;grid-template-columns:1.15fr 1fr}.content{padding:clamp(30px,6vw,100px);display:flex;flex-direction:column;justify-content:space-between;gap:55px}.logo{width:min(290px,80%);height:auto;display:block}.eyebrow{color:#d90922;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:3px;margin-bottom:25px}.line{width:55px;height:3px;background:#df1428;margin:30px 0}h1{font-family:Georgia,serif;font-size:clamp(48px,5.4vw,82px);line-height:1.06;letter-spacing:-2.5px;font-weight:400;margin:0}h1 span{color:#db0e24}p{font-size:17px;line-height:1.85;color:#60646d;max-width:460px}.slogan{font-size:22px;color:#171a20;line-height:1.4}.visual{position:relative;background:#25282d url('assets/hero.png') 73% center/cover no-repeat;min-height:400px}.visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111820c9,transparent 65%)}.quote{position:absolute;z-index:1;bottom:70px;left:50px;right:45px;color:white;font:36px/1.25 Georgia,serif;max-width:370px}.quote small{display:block;font:11px Arial,sans-serif;letter-spacing:3px;margin-top:23px;color:#e6e6e6}footer{font-size:12px;color:#777;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.domain{font-weight:700;color:#171a20}@media(max-width:800px){.page{grid-template-columns:1fr}.content{padding:30px 7%;min-height:85svh;gap:50px}.logo{width:240px}h1{font-size:60px}.visual{min-height:330px;background-position:70% 45%}.quote{font-size:28px;bottom:35px;left:7%}}@media(max-width:390px){h1{font-size:49px;letter-spacing:-1.5px}p{font-size:16px}}


body{background:#101419;font-family:'DM Sans',Arial,sans-serif;color:white}.page{position:relative;isolation:isolate;display:block;min-height:100svh;background:linear-gradient(90deg,#101419f5,#101419db 35%,#10141938 80%),url('assets/hero.png') 72% center/cover no-repeat}.content{padding:0;min-height:100svh;gap:0;display:flex;position:relative}.logo{background:white;width:240px;padding:15px 20px;box-sizing:content-box;margin:28px 5%;border-radius:3px}.content main{padding:48px 5% 70px;max-width:1000px}.eyebrow{color:#e8eaed;letter-spacing:3px;font-size:11px;border-left:35px solid #e3132b;padding-left:15px;line-height:2px;margin:35px 0}h1{font:500 clamp(55px,6.7vw,100px)/1.08 'Playfair Display',Georgia,serif;letter-spacing:-3px;margin:0}h1 span{color:#ff4057;font-style:italic}.line{margin:30px 0;width:80px;height:1px}.slogan{font:500 26px/1.4 'Playfair Display',Georgia,serif;color:white}.content main p:not(.slogan){color:#c9cdd3;max-width:450px;font-size:16px}.visual{background:none;position:absolute;right:6%;bottom:150px;min-height:0;width:250px}.visual:after{display:none}.quote{position:static;font:500 29px/1.4 'Playfair Display',Georgia,serif;border-top:1px solid #ffffff70;padding-top:24px}.quote small{font-size:9px;letter-spacing:2px}footer{margin-top:auto;padding:23px 5%;border-top:1px solid #ffffff30;color:#bdc1c8;background:#10141966;font-size:12px}.domain{color:white}.preview-tag{position:absolute;top:48px;right:5%;font-size:11px;letter-spacing:2px;border:1px solid #ffffff50;border-radius:30px;padding:12px 19px}.below{background:#f7f7f8;color:#15181d;padding:65px 5%}.below-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.below h2{font:500 43px/1.2 'Playfair Display',Georgia,serif;margin:0}.below p{font-size:16px;color:#626771}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px;border-top:1px solid #d9dce0;padding-top:30px}.pillars small{font-size:11px;letter-spacing:2px;color:#d90922}.pillars h3{font-size:21px;margin:13px 0}.pillars p{font-size:14px;line-height:1.8;margin:0}.closing{display:flex;justify-content:space-between;padding:35px 5%;gap:25px;align-items:center}.closing span:first-child{font:500 26px 'Playfair Display',Georgia,serif}.closing span:last-child{color:#ff566a;font-size:15px}@media(max-width:850px){.visual{display:none}.page{background-position:67% center}.content main{padding-top:30px}.below-head{gap:30px}.below h2{font-size:34px}}@media(max-width:540px){.logo{width:175px;padding:12px 14px;margin:25px 6%}.preview-tag{top:39px;right:6%;font-size:9px;padding:9px 11px;letter-spacing:.5px}.content main{padding:45px 6% 60px}h1{font-size:55px;letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:1.4px;border-left-width:20px}.content main p:not(.slogan){font-size:15px}.slogan{font-size:23px}.page{background-image:linear-gradient(90deg,#101419ed,#101419a8),url('assets/hero.png')}.below{padding:40px 6%}.below-head,.pillars{grid-template-columns:1fr;gap:25px}.below h2{font-size:33px}.pillars article+article{border-top:1px solid #d9dce0;padding-top:23px}.closing{flex-direction:column;align-items:start;padding:30px 6%}.closing span:first-child{font-size:24px}footer{padding:22px 6%}}
.logo{background:transparent;filter:url(#logo-dark-surface);border-radius:0}

.brand-signature{display:block;width:160px;height:auto;filter:url(#logo-dark-surface);background:transparent;flex-shrink:0}footer{align-items:center}.closing .brand-signature{width:180px}@media(max-width:540px){.brand-signature{width:130px}.closing .brand-signature{width:155px}}

/* MARKAMLA responsive and accessibility refinements */
html{scroll-behavior:smooth}img{max-width:100%}.logo-filter{position:absolute;pointer-events:none}
.skip-link{position:absolute;left:20px;top:-100px;background:#fff;color:#101419;padding:14px 20px;z-index:10}.skip-link:focus{top:12px;outline:3px solid #ff4057}
.logo{box-sizing:border-box;width:260px;padding:0;margin:32px 5%;height:auto}
.content{min-height:760px;min-height:max(760px,100svh)}
.content main{width:68%;padding-top:35px;max-width:1050px}
.eyebrow{line-height:1.6;border:0;padding-left:0;display:flex;align-items:center;gap:15px}.eyebrow:before{content:"";width:35px;height:2px;background:#e3132b;flex-shrink:0}
.preview-tag{top:42px}.below-head>*{min-width:0}.pillars article{min-width:0}
@media(max-width:1000px){.visual{display:none}.content main{width:100%;max-width:800px}}
@media(max-width:600px){.logo{width:180px;margin:27px 6%}.preview-tag{top:32px;padding:9px 10px;font-size:9px;letter-spacing:.5px}.content{min-height:740px;min-height:max(740px,100svh)}.content main{padding:36px 6% 45px}h1{font-size:clamp(42px,12vw,66px);letter-spacing:-1.8px}.eyebrow{font-size:9px;letter-spacing:1px;margin:20px 0 28px}.eyebrow:before{width:20px}.below-head,.pillars{grid-template-columns:1fr}.below-head{gap:20px}.below h2{font-size:clamp(28px,8vw,36px)}.closing{align-items:flex-start;flex-direction:column}.page{background-position:65% center}}
@media(max-width:360px){.logo{width:150px}.preview-tag{font-size:8px;padding:8px}.content main p:not(.slogan){font-size:14px}.slogan{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}