@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#242529;--muted:#707276;--paper:#f7f5f1;--white:#fff;--maroon:#8c2334;--ember:#dd603d;--line:#dedbd6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--maroon)}.container{width:min(1250px,calc(100% - 92px));margin:auto}.topline{height:7px;background:linear-gradient(90deg,#812332,#c34235,#ef9654)}.nav{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:800 18px 'Manrope',sans-serif;letter-spacing:-1px}.wordmark span:not(.spark){color:var(--maroon)}.wordmark .spark{color:var(--ember);margin-right:7px}.wordmark small{color:var(--muted);font-size:10px;letter-spacing:1.4px;font-weight:700;margin-left:12px}.nav nav{display:flex;gap:29px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.4px}.navpill{border:1px solid #c8c4bf;padding:10px 13px;border-radius:30px}.hero{display:grid;grid-template-columns:1.1fr .85fr;gap:64px;padding-top:73px;padding-bottom:80px;align-items:center}.eyebrow{font:800 11px 'Manrope',sans-serif;letter-spacing:2.2px;color:var(--maroon);text-transform:uppercase}.dot{display:inline-block;width:7px;height:7px;background:var(--ember);border-radius:50%;vertical-align:middle;margin-right:7px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope',sans-serif;letter-spacing:-2.8px;line-height:1.13}h1{font-size:clamp(40px,4.1vw,70px);margin:22px 0 28px;font-weight:800}h2{font-size:clamp(36px,3.4vw,55px);margin:16px 0 0;font-weight:800}em{font-style:normal;color:var(--maroon)}.lead{font-size:21px;line-height:1.45;font-weight:600;max-width:640px;margin-bottom:18px}.hero-copy>p:not(.lead){max-width:610px;color:#63656a;font-size:16px}.actions{display:flex;gap:25px;align-items:center;margin-top:34px}.primary{display:inline-flex;align-items:center;gap:35px;background:var(--maroon);color:white;padding:14px 21px;font-size:13px;font-weight:800;border-radius:4px}.primary:hover{color:white;background:#621522}.subtle{font-weight:800;font-size:13px}.hero-foot{display:flex;flex-wrap:wrap;gap:16px;color:#777;font-size:11px;margin-top:66px}.hero-foot span+span:before{content:'•';padding-right:16px}.hero-visual{height:620px;position:relative;background:#d2cdc7;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;display:block}.corner-label{background:white;position:absolute;bottom:0;left:0;padding:15px 24px;color:#797979;font-size:10px;letter-spacing:1.3px;line-height:1.8}.corner-label b{color:var(--ink)}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0}.facts>div{display:flex;gap:15px;align-items:center;padding:5px 25px;border-right:1px solid var(--line)}.facts>div:first-child{padding-left:0}.facts>div:last-child{border-right:0}.facts b{color:var(--ember);font-size:13px}.facts span{font-size:14px;line-height:1.35;font-weight:700}.work{padding:115px 0}.section-top{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:44px}.section-top>p{max-width:390px;color:var(--muted);margin:0}.cases{display:grid;grid-template-columns:1fr 1fr;gap:25px}.case{background:white;overflow:hidden;border:1px solid #e9e7e3}.case-wide{grid-column:1/-1;display:grid;grid-template-columns:1.18fr 1fr}.case-wide.reverse{grid-template-columns:1fr 1.18fr}.case-wide.reverse .case-img{order:2}.case-img{height:300px;position:relative;overflow:hidden;background:#c8c4bf}.case-wide .case-img{height:430px}.case-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.case:hover .case-img img{transform:scale(1.03)}.img-num{position:absolute;top:16px;left:17px;background:#fffffff2;font-weight:800;font-size:10px;letter-spacing:1.2px;padding:7px 12px}.case-copy{padding:34px 38px;display:flex;flex-direction:column}.tag{color:var(--maroon);font-weight:800;font-size:10px;letter-spacing:1.8px}.case h3{font:800 27px/1.2 'Manrope',sans-serif;letter-spacing:-1px;margin:13px 0 18px}.case p{color:#64676b;line-height:1.65}.role{color:#67676a;font-size:12px;margin-top:auto;padding-top:18px}.role b{font-size:10px;color:var(--ink);letter-spacing:1px;margin-right:8px}.case-links{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid var(--line);padding-top:18px;margin-top:19px}.case-links a,.people-copy>a{color:var(--maroon);font-size:12px;font-weight:800}.people{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:0 0 110px;align-items:center}.people-photo{height:470px;overflow:hidden}.people-photo img{width:100%;height:100%;object-fit:cover}.people-copy h2{margin-bottom:24px}.people-copy p{color:var(--muted)}.about{border-top:1px solid var(--line);padding:110px 0 115px}.approach{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:60px}.approach>div{border-top:2px solid var(--maroon);padding-top:22px}.approach span{color:var(--ember);font-weight:800;font-size:12px}.approach h3{font:800 23px 'Manrope',sans-serif;margin:15px 0 12px}.approach p{color:var(--muted)}.fineprint{color:#939191;font-size:11px;line-height:1.65;margin-top:65px;max-width:950px}.contact{background:#302b2a;color:#fff;padding:100px 0}.contact h2{margin:18px 0 22px}.contact p{color:#c5bdba;max-width:540px}.contact .eyebrow{color:#fa967b}.contact .primary{background:#bb463e;margin:14px 0 24px}.contact-meta a{color:white;text-decoration:underline}.contact-meta span{padding:0 8px}.footer{display:flex;justify-content:space-between;padding:24px 0;font-size:11px;color:#777}.footer b{color:var(--maroon)}
@media(max-width:900px){.container{width:min(100% - 36px,700px)}.nav{height:80px}.wordmark small{display:none}.nav nav{gap:12px}.nav nav a:not(.navpill){display:none}.hero{grid-template-columns:1fr;gap:25px;padding-top:50px;padding-bottom:40px}.hero-visual{height:450px}.hero-foot{margin-top:30px}.facts{grid-template-columns:1fr 1fr;gap:12px}.facts>div{padding:8px!important;border:0}.section-top{display:block}.section-top>p{margin-top:25px}.work{padding:70px 0}.cases{grid-template-columns:1fr}.case-wide,.case-wide.reverse{grid-column:auto;display:block}.case-wide.reverse .case-img{order:initial}.case-img,.case-wide .case-img{height:310px}.case-copy{padding:24px}.people{grid-template-columns:1fr;gap:30px;padding-bottom:70px}.people-photo{height:360px}.about{padding:70px 0}.approach{grid-template-columns:1fr;gap:12px;margin-top:35px}.contact{padding:65px 0}.footer{display:block}.footer span{display:block;margin:6px 0}}@media(max-width:470px){h1{font-size:39px;letter-spacing:-2px}h2{font-size:36px;letter-spacing:-1.5px}.hero-visual{height:370px}.hero-foot{display:block}.hero-foot span{display:block}.hero-foot span+span:before{display:none}.actions{gap:12px;flex-wrap:wrap}.case h3{font-size:24px}}

/* Portfolio refresh: cohesive brand mark and representative web-project visual */
.brand-icon{display:inline-flex;vertical-align:-7px;color:var(--ember);margin-right:8px}.brand-icon svg{display:block}.site-visual{background:linear-gradient(135deg,#202c3b 0%,#3b4c57 58%,#9e6352 100%);padding:46px 34px 28px;display:flex;align-items:center;justify-content:center}.browser-frame{width:100%;max-width:670px;height:315px;background:#f7f7f5;box-shadow:0 20px 40px #111a2380;overflow:hidden;transform:rotate(-1.2deg)}.browser-top{height:32px;background:#e9e9e6;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:10px;color:#657078}.browser-dots{display:flex;gap:5px}.browser-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#aeb7b9}.browser-address{background:#fff;padding:2px 40px;border-radius:4px}.browser-content{height:calc(100% - 32px);background:linear-gradient(115deg,#fff 0%,#fff 53%,#d9e2e6 53%,#8ca2b0 100%);padding:22px 28px}.browser-brand{font:800 17px 'Manrope',sans-serif;color:#263b4c;letter-spacing:-.8px}.browser-brand span{font-size:9px;letter-spacing:1px}.browser-kicker{font-size:9px;letter-spacing:1.6px;font-weight:800;color:#ad6847;margin-top:29px}.browser-heading{font:800 clamp(18px,2.3vw,31px)/1.2 'Manrope',sans-serif;letter-spacing:-1px;color:#203345;margin-top:9px}.browser-rule{height:3px;width:42px;background:#d36d47;margin-top:16px}.browser-grid{display:flex;gap:8px;margin-top:20px}.browser-grid div{background:#ffffffdc;padding:7px 10px;min-width:0}.browser-grid b{display:block;font-size:8px;color:#243847}.browser-grid small{display:block;font-size:7px;color:#64707a}.visual-disclaimer{position:absolute;right:12px;bottom:7px;color:#fff;font-size:9px;letter-spacing:.3px;text-shadow:0 1px 2px #0008}@media(max-width:900px){.site-visual{padding:36px 24px 24px}.browser-frame{height:250px}.browser-content{padding:16px 18px}.browser-kicker{margin-top:20px}.browser-grid{margin-top:15px}.browser-grid div{padding:5px}}@media(max-width:470px){.browser-frame{height:230px}.browser-address{padding:2px 15px}.browser-heading{font-size:21px}.browser-grid{gap:4px}.browser-grid div{padding:4px}.browser-grid small{font-size:6px}.browser-brand{font-size:13px}}

/* BlazenDesign brand refresh — 2026 */
:root{--ink:#202124;--maroon:#b8322e;--ember:#ff5034;--paper:#f8f7f4;--line:#e2ded9}
.topline{height:5px;background:linear-gradient(90deg,#202124 0%,#202124 65%,#ff5034 65%,#ff5034 100%)}
.nav{height:104px}.brand-lockup{display:inline-flex;align-items:center;gap:12px;min-width:0;color:var(--ink)}.brand-lockup:hover{color:var(--ink)}.brand-lockup img{width:64px;height:58px;object-fit:contain}.brand-stack{display:flex;flex-direction:column;gap:1px}.brand-name{font:400 22px/1.1 'Manrope',sans-serif;letter-spacing:-1.4px;white-space:nowrap}.brand-name strong{font-weight:800}.brand-tagline{font:800 9px/1.5 'Manrope',sans-serif;letter-spacing:2.15px;white-space:nowrap}.brand-tagline b{color:var(--ember)}
.navpill{border-color:#202124;border-radius:3px}.navpill:hover{background:var(--ink);color:#fff}.eyebrow{color:#a53130}.dot{background:var(--ember)}em{color:#b63230}.primary{background:#202124;border-left:4px solid var(--ember);transition:background .2s,transform .2s}.primary:hover{background:#b63230;transform:translateY(-2px)}.case{transition:box-shadow .2s,transform .2s}.case:hover{box-shadow:0 14px 35px #20212412;transform:translateY(-2px)}.facts b,.approach span{color:var(--ember)}.approach>div{border-top-color:var(--ember)}.contact{background:#202124;position:relative;overflow:hidden}.contact:after{content:'';position:absolute;width:230px;height:460px;background:#ff50341c;transform:rotate(38deg);right:7%;top:-90px;pointer-events:none}.contact>.container{position:relative;z-index:1}.contact .primary{background:var(--ember);border-left-color:#fff}.contact .primary:hover{background:#d43c29}.footer{align-items:center;gap:20px}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand img{object-fit:contain}.footer-brand span{display:flex;flex-direction:column;line-height:1.4}.footer-brand small{font-size:8px;letter-spacing:1.3px;color:#777}.footer b{color:var(--ink)}
@media(max-width:900px){.nav{height:83px}.brand-lockup img{width:48px;height:46px}.brand-name{font-size:18px}.brand-tagline{font-size:7px;letter-spacing:1.5px}}
@media(max-width:470px){.brand-lockup{gap:6px}.brand-lockup img{width:39px;height:39px}.brand-name{font-size:15px;letter-spacing:-.9px}.brand-tagline{font-size:6px;letter-spacing:.9px}.nav nav{gap:0}.navpill{font-size:10px;padding:7px 8px}.footer{display:flex;flex-wrap:wrap}}