:root{--wine:#a92f40;--wine-dark:#912838;--ink:#30282d;--muted:#6c6267;--peach:#fff0ea;--peach-2:#fde5de;--line:#f0d5cf;--footer:#2d1517}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:14px/1.62 "Poppins",sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(169,47,64,.08)}.nav-container{height:70px;display:flex;align-items:center;justify-content:space-between}.site-logo{height:46px;width:auto}.site-nav ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.site-nav a{font-size:12px;font-weight:500;transition:.2s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--wine)}.site-nav .nav-cta{padding:10px 25px;border-radius:99px;color:#fff;background:linear-gradient(135deg,#b83b4c,#9b2637);box-shadow:0 7px 18px rgba(169,47,64,.2)}.nav-toggle{display:none;border:0;background:none;padding:7px}.nav-toggle span{display:block;width:23px;height:2px;margin:5px;background:var(--wine)}
.project-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 5%,#fff 0,transparent 36%),linear-gradient(110deg,#fff9f5,#ffe0d6)}.hero-grid{min-height:555px;display:grid;grid-template-columns:.9fr 1.25fr;align-items:center;gap:0;padding:82px 0 58px}.hero-copy{position:relative;z-index:2;padding-right:10px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--wine);font-size:10px;font-weight:700;margin:0 0 12px}h1,h2{font-family:"Playfair Display",serif;color:var(--wine-dark);line-height:1.08;margin:0}h1{font-size:clamp(42px,4.2vw,61px);letter-spacing:-.025em}.hero-copy>p:not(.eyebrow):not(.script-note){margin:14px 0 19px;color:#574e53;font-size:14px}.badges{display:flex;flex-wrap:wrap;gap:9px}.badges span{padding:5px 12px;border-radius:99px;background:#fde4df;color:#9e2938;font-size:10px;font-weight:600}.hero-image{position:relative;z-index:1;margin-left:-70px;margin-right:-90px}.hero-image:before{content:"";position:absolute;z-index:2;top:-3px;bottom:-3px;left:-3px;width:18%;pointer-events:none;background:linear-gradient(90deg,#fff4ee 0,rgba(255,239,232,.82) 30%,rgba(255,232,223,.25) 68%,transparent 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 30%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 30%,transparent 100%)}.hero-image img{width:100%;border:0;border-radius:0;box-shadow:none;filter:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.72) 7%,#000 15%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.72) 7%,#000 15%,#000 100%)}.script-note{position:relative;width:max-content;color:#c6404f;font-family:"Segoe Script","Brush Script MT",cursive;font-size:27px;line-height:1.02;transform:rotate(-5deg);margin:20px 0 0 5px;padding-bottom:10px}.script-note:after{content:"";display:block;width:96px;height:4px;margin:8px 0 0 16px;border-radius:50%;background:#f89a51;transform:rotate(-8deg)}
.section{padding:38px 0;border-bottom:1px solid var(--line)}.section h2{font-size:clamp(31px,3.2vw,43px);letter-spacing:-.02em}.section-copy>p:last-child,.section-intro,.technology-results p,.takeaways-section p{color:var(--muted);margin:12px 0 0}.overview-grid,.challenge-grid,.solution-grid,.tech-results-grid,.takeaways-grid{display:grid;align-items:center;gap:42px}.overview-grid{grid-template-columns:.83fr 1.17fr}.project-details{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:24px;border-radius:12px;background:linear-gradient(120deg,#fff9f7,#fff1ed);box-shadow:0 10px 25px rgba(75,38,29,.06)}.detail-item{display:flex;gap:13px;min-height:67px;padding:10px 16px;border-left:1px solid var(--line)}.detail-item:nth-child(odd){border-left:0}.detail-item p{margin:0;color:#61575d;font-size:12px}.detail-item strong{display:block;color:#2e272a;font-size:12px}.icon{color:var(--wine);font-size:22px}
.challenge-grid{grid-template-columns:.78fr 1.22fr}.challenge-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini-card,.feature-card,.result-grid article{border:1px solid #f1ddd7;background:linear-gradient(145deg,#fff,#fff9f7);border-radius:11px;box-shadow:0 8px 20px rgba(65,35,30,.05)}.mini-card{padding:21px 17px;text-align:center}.round-icon{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;margin:0 auto 13px;border-radius:50%;background:#fde8e2;color:var(--wine);font-size:25px}.mini-card h3,.feature-card h3,.process-grid h3{font-size:13px;margin:0 0 7px}.mini-card p,.feature-card p,.process-grid p{margin:0;color:var(--muted);font-size:11px}
.solution-grid{grid-template-columns:.73fr 1.27fr}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:22px;padding:12px 24px;border-radius:99px;background:linear-gradient(135deg,#b93a4b,#982536);color:#fff;font-size:12px;font-weight:500;box-shadow:0 9px 21px rgba(169,47,64,.22);transition:.2s}.primary-btn:hover{transform:translateY(-2px)}.dashboard-shot{overflow:hidden;border-radius:11px;box-shadow:0 13px 27px rgba(55,37,31,.13)}.dashboard-shot img{width:100%}
.features-section .section-intro,.process-section .section-intro{margin-top:7px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.feature-card{display:flex;align-items:flex-start;gap:15px;padding:20px}.feature-card .round-icon{margin:0}.feature-card h3{margin-top:3px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:24px}.process-grid article{position:relative;text-align:center}.process-grid article:not(:last-child):after{content:"→";position:absolute;top:11px;right:-28px;color:#d85260;font-size:24px}.process-grid article>span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:#fde2dc;color:var(--wine);font-size:20px;font-weight:700}.process-grid h3{font-size:12px}.process-grid p{max-width:205px;margin:auto}
.tech-results-grid{grid-template-columns:1fr 1fr;align-items:start}.tech-results-grid>div+div{border-left:1px solid var(--line);padding-left:42px}.tech-badges{margin-top:20px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.result-grid article{min-height:93px;display:grid;grid-template-columns:55px 1fr;align-content:center;padding:14px}.result-grid strong{grid-row:1/3;align-self:center;color:var(--wine);font-family:"Playfair Display",serif;font-size:24px;text-align:center}.result-grid span{font-weight:600;font-size:11px}.result-grid small{color:var(--muted);font-size:9px}.takeaways-grid{grid-template-columns:1.45fr .55fr}.takeaways-section .script-note{justify-self:center;font-size:37px}
.case-cta{text-align:center;background:radial-gradient(circle at 50% 0,#fff 0,transparent 45%),linear-gradient(110deg,#fff1ec,#ffe0d7);padding:42px 0 38px}.case-cta h2{font-size:clamp(32px,3.6vw,48px)}.case-cta>div>p:not(.eyebrow){max-width:700px;margin:11px auto 0;color:#685d62}.case-cta .primary-btn{margin-top:17px}
.back-link{padding:18px 32px;text-align:center;border-bottom:1px solid var(--line)}.back-link a{color:var(--wine);font-size:12px;font-weight:600}.back-link a:hover{text-decoration:underline}
.site-footer{background:var(--footer);color:#fbe3d3}.footer-inner{display:grid;grid-template-columns:minmax(300px,1.9fr) minmax(150px,.75fr) minmax(170px,.75fr);gap:60px;padding:34px 0 27px}.footer-brand{max-width:345px}.footer-logo{height:48px;width:auto;margin-bottom:8px}.footer-brand p{margin:0;color:#f7d7cf;font-size:12px}.footer-column{display:flex;flex-direction:column}.footer-heading{margin:3px 0 9px;text-transform:uppercase;letter-spacing:.18em;color:#ffe3d7;font-size:10px}.footer-column a{width:max-content;margin:2px 0;font-size:11px;opacity:.9}.footer-column a:hover{color:#f6ac85}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);background:#1f0e10;text-align:center;color:#c89a94;font-size:10px;padding:13px 0}
@media(max-width:1050px){.container{width:min(100% - 42px,940px)}.site-nav ul{gap:16px}.site-nav a{font-size:11px}.hero-grid{grid-template-columns:1fr 1.15fr;padding-top:72px}.hero-image{margin-left:-40px;margin-right:-45px}.challenge-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){body.nav-open{overflow:hidden}.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fff;padding:18px 23px 26px;box-shadow:0 12px 25px rgba(45,21,23,.13)}.site-nav.nav-open{display:block}.site-nav ul{align-items:stretch;flex-direction:column;gap:3px}.site-nav a{display:block;padding:9px;font-size:14px}.site-nav .nav-cta{justify-content:center;margin-top:8px}.hero-grid,.overview-grid,.solution-grid,.tech-results-grid,.takeaways-grid{grid-template-columns:1fr}.hero-grid{padding:42px 0 48px}.hero-image{order:-1;margin:0 0 28px}.hero-image:before{display:none}.hero-image img{-webkit-mask-image:none;mask-image:none;border-radius:10px}.hero-copy h1 br{display:none}.hero-copy .script-note{display:none}.challenge-cards{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr;gap:30px}.process-grid article:after{display:none}.tech-results-grid>div+div{border-left:0;border-top:1px solid var(--line);padding:32px 0 0}.takeaways-section .script-note{justify-self:start}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:520px){.container{width:calc(100% - 32px)}.site-logo{height:38px}.nav-container{height:63px}.site-nav{top:62px}h1{font-size:39px}.section{padding:32px 0}.project-details,.challenge-cards,.process-grid,.result-grid{grid-template-columns:1fr}.detail-item{border-left:0;border-top:1px solid var(--line)}.detail-item:first-child{border-top:0}.feature-card{padding:17px}.takeaways-section .script-note{font-size:32px}.footer-inner{grid-template-columns:1fr;gap:24px}.footer-brand{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-btn{transition:none}}