:root{color-scheme:dark;--ink:#100808;--wine:#220b0d;--red:#ff2437;--light:#fff6ef;--muted:#e2c6c3;--line:#603038;--heading:Geist,Arial,sans-serif;--body:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--light);font:16px/1.58 var(--body)}[hidden]{display:none!important}
a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,video:focus-visible{outline:2px solid #ff9dab;outline-offset:5px}img,video{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);line-height:1.02;letter-spacing:-.055em}h2{font-size:clamp(2.7rem,6vw,5.35rem)}h3{font-size:1.55rem}section[id]{scroll-margin-top:100px}.wrap{width:min(1320px,calc(100% - 108px));margin:auto}.skip{position:fixed;top:-50px;left:10px;z-index:20;background:var(--light);color:var(--ink);padding:5px 16px}.skip:focus{top:10px}
header{position:sticky;top:0;z-index:10;background:#100808f2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:75px}.brand{display:flex;gap:11px;align-items:center;font:700 .9rem/1.16 var(--heading)}.brand small{display:block;font-weight:500;color:var(--muted);margin-top:3px}.mark{display:grid;place-items:center;height:42px;width:42px;border:1px solid var(--line);border-radius:10px;color:#ff8094;letter-spacing:-.08em;font-size:1.2rem}nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px)}nav a{font-size:.92rem;color:var(--muted);font-weight:700;white-space:nowrap}nav a:hover,.text-link:hover{color:#ff847f}.button{min-height:47px;display:inline-flex;justify-content:center;align-items:center;text-align:center;gap:9px;padding:10px 20px;border-radius:5px;background:var(--red);color:#19090e;font-weight:800;border:1px solid transparent;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#ff7790;transform:translateY(-2px)}.button.secondary{background:#1e0e15;border-color:#74434f;color:var(--light)}.button.secondary:hover{background:#411b29}
.hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 85% 20%,#511020,transparent 58%),var(--ink)}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#100808 0%,transparent 76%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(26px,5vw,88px);padding-top:clamp(75px,11vw,145px);padding-bottom:clamp(38px,6vw,90px)}.kicker{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#ff847f;margin-bottom:17px}.hero h1{font-size:clamp(3.5rem,7.7vw,8rem);font-weight:800;line-height:.92;letter-spacing:-.082em}.hero h1 span{color:#fb5558}.hero-copy>p:not(.kicker){margin-top:24px;color:var(--muted);font-size:clamp(1rem,1.6vw,1.26rem);max-width:34rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-copy{animation:arrive .68s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.filters button{padding:6px 12px;border:1px solid #74434f;border-radius:5px;background:#1c0f15;color:var(--light)}.filters button:hover{border-color:#ff847f}
.section{padding:clamp(75px,9vw,136px) 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section-head>p,.intro{color:var(--muted);max-width:34rem}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filters button{font-size:.85rem}.filters button[aria-pressed=true]{color:#19090e;background:#ff847f;border-color:#ff847f;font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project{border:1px solid var(--line);background:#1a0e14;border-radius:10px;overflow:hidden;transition:transform .25s,border-color .25s}.project:hover{transform:translateY(-5px);border-color:#b75e72}.project video{width:100%;aspect-ratio:16/10;background:#130c10;object-fit:contain}.project-info{padding:20px}.project-info .eyebrow{color:#ff847f;font-weight:700;font-size:.82rem;margin-bottom:6px}.project-info a,.text-link{display:inline-block;margin-top:13px;text-decoration:underline;text-underline-offset:4px;font-weight:700;color:#ff9b8c}.about{background:#1a0c13}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(26px,7vw,115px)}.about-profile{display:grid;grid-template-columns:minmax(0,44rem) 144px;grid-template-areas:"heading photo" "bio photo";align-items:start;justify-content:space-between;gap:24px clamp(22px,6vw,90px)}.about-heading{grid-area:heading}.about-profile .about-copy{grid-area:bio}.profile{grid-area:photo;margin:0;border-radius:4px;overflow:hidden;aspect-ratio:1;background:#281017}.profile img{width:100%;height:auto;object-fit:contain}.about-copy{color:var(--muted);font-size:1.12rem}.about-copy p+p{margin-top:15px}.why{background:radial-gradient(ellipse at 90% 0,#3d101d,transparent 65%),var(--ink)}.comparison{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #774251;border-radius:10px;overflow:hidden;margin:30px 0 16px;background:#170c12;text-align:left;table-layout:fixed}.comparison td,.comparison th{padding:16px clamp(9px,3vw,30px);border-bottom:1px solid var(--line);overflow-wrap:break-word}.comparison tr:last-child td,.comparison tbody tr:last-child th{border-bottom:0}.comparison thead th{background:#290f19;border-bottom:1px solid var(--line)}.comparison :is(th,td):nth-child(2){background:#35121e;color:#ffb6aa}.comparison th:first-child{width:23%}.comparison td{color:var(--muted)}details{padding:13px 0;border-bottom:1px solid var(--line)}summary{font-weight:700;color:var(--light);cursor:pointer}details p{padding-top:10px}.note{font-size:.9rem;color:var(--muted)}.contact{background:radial-gradient(ellipse at 75% 0,#4d1425,transparent 72%),#1a0c13}.contact p:not(.kicker){color:var(--muted);margin-top:15px}.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-block:22px;color:var(--muted);font-size:.88rem}
@media(max-width:960px){.wrap{width:calc(100% - 54px)}.header-inner{gap:12px}.hero h1{font-size:clamp(3.2rem,8vw,5.8rem)}nav{gap:15px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.header-inner{flex-wrap:wrap;padding-top:10px;gap:8px}.header-inner .button{min-height:39px;padding:6px 12px;font-size:.84rem}nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding:8px 0;gap:8px}nav a{font-size:.84rem}.hero-grid,.about-grid{grid-template-columns:1fr}.about-profile{grid-template-columns:minmax(0,1fr) clamp(80px,24vw,104px);column-gap:16px;row-gap:20px;grid-template-areas:"heading photo" "bio bio";align-items:center}.about-heading .page-title{font-size:clamp(2rem,8vw,3.35rem)}.hero-grid{padding-top:54px}.hero h1{font-size:clamp(3.45rem,13.5vw,5.8rem)}.section-head{display:block}.section-head>p{margin-top:14px}.grid{grid-template-columns:1fr}.comparison td,.comparison th{font-size:.81rem;line-height:1.42}.comparison th:first-child{width:24%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

[aria-current=page]{color:#fff!important;text-decoration:underline;text-decoration-color:#ff2437;text-underline-offset:7px}
.hero{background:#140507;min-height:705px;display:flex;flex-direction:column;justify-content:end}
.hero::after{background:linear-gradient(90deg,#100507 4%,#120507f2 30%,#1405089c 54%,#16040727 100%),linear-gradient(0deg,#100507 1%,transparent 45%);z-index:-1}


.hero-grid{display:block;padding:142px 0 105px}
.hero-copy{max-width:700px}
.hero h1{font-size:clamp(4rem,8vw,7.75rem)}
.hero h1 span{color:#ff263a;text-shadow:0 0 36px #ff122477}
.hero-copy>p:not(.kicker){color:#f4ddd7;max-width:39rem}

.kicker{color:#ff7481}
.button{color:white;background:#d9001e;box-shadow:0 0 25px #ff102b40}
.button:hover{background:#b80019}
.button.secondary{box-shadow:none}
.home-reasons{background:radial-gradient(ellipse at 100% 0,#420811,transparent 59%),#100808}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.benefit{padding:25px 22px;border:1px solid #73313a;border-top:2px solid #ff2437;border-radius:8px;background:#190d11}
.benefit p{color:var(--muted);margin-top:12px}
.offer{background:linear-gradient(120deg,#2b0a10,#4c0812 75%,#2c0a10)}
.offer .intro{margin-top:18px;max-width:650px}
.page-lead{min-height:60vh}
@media(max-width:760px){
  .hero{min-height:0}
  .hero-grid{padding:100px 0 50px}
  .hero h1{font-size:clamp(3.3rem,12vw,6rem)}
  .hero::after{background:linear-gradient(90deg,#100507ef,#10050766),linear-gradient(0deg,#100507 7%,transparent 70%)}

  .benefits{grid-template-columns:1fr}
}
.page-title{font-size:clamp(2.7rem,6vw,5.35rem)}

.brand{display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:2px;padding:9px 0}
.brand .mark{width:35px;height:32px}
.brand small{grid-column:1/-1;margin:2px 0 0;color:#fff6ef;font-size:.73rem}

.hero::after{background:linear-gradient(90deg,#100507 0%,#120507eb 23%,#1405088f 48%,#16040713 77%),linear-gradient(0deg,#100507 0%,transparent 35%)}
@media(max-width:760px){
  .hero-grid{padding-top:clamp(145px,49vw,300px)}

  .hero::after{background:linear-gradient(0deg,#100507 47%,#100507d9 61%,transparent 100%)}
}


.hero::after{background:linear-gradient(90deg,#100507 2%,#120507ee 26%,#14050880 49%,transparent 74%),linear-gradient(0deg,#100507 0%,transparent 38%)}

@media(max-width:760px){
  .hero-grid{padding-top:56vw}
  .hero::after{background:linear-gradient(180deg,transparent 18%,#100507 43%)}
}

.hero-backdrop{position:absolute;inset:0;z-index:-1;background:url('media/designer-intro.jpg') right 26%/cover no-repeat}
@media(max-width:760px){
  .hero-backdrop{background-position:top center;background-size:100% auto}
}

.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}
.service-card{padding:clamp(20px,3vw,36px);border:1px solid var(--line);border-top:2px solid var(--red);border-radius:8px;background:#190d11}
.service-card h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}
.service-card p,.service-card li{color:var(--muted)}
.service-card .service-price{font-size:1.45rem;font-weight:800;margin:14px 0;color:var(--light)}
.service-price span{font-size:.9rem;font-weight:500;color:var(--muted)}
.service-card ul{padding-inline-start:20px;margin:16px 0 6px}
.service-card li+li{margin-top:9px}
@media(max-width:700px){
  nav{flex-wrap:wrap;justify-content:flex-start;column-gap:clamp(10px,3vw,22px)}
  nav a{font-size:.8rem}
  .comparison th:first-child{width:34%}
  .comparison th[scope=row]{overflow-wrap:normal}
  .comparison td,.comparison th{padding-inline:6px}
  .services-grid{grid-template-columns:1fr}
}

.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.language-switch{display:inline-flex;align-items:center;min-height:42px;padding:7px 10px;border:1px solid var(--line);border-radius:5px;font-size:.85rem;font-weight:700;color:var(--light);white-space:nowrap}
.language-switch:hover{border-color:var(--red)}
@media(max-width:1100px){nav{gap:clamp(8px,1.5vw,18px)}}
@media(max-width:900px){
  .header-inner{flex-wrap:wrap;padding-top:8px;gap:8px}
  nav{order:3;width:100%;flex-wrap:wrap;justify-content:flex-start;border-top:1px solid var(--line);padding:8px 0;column-gap:clamp(10px,3vw,22px)}
  .header-actions .button,.language-switch{min-height:39px;padding:6px 10px;font-size:.82rem}
}
@media(max-width:395px){
  .header-actions{gap:5px}
  .header-actions .button,.language-switch{padding-inline:7px;font-size:.74rem}
  .brand small{font-size:.67rem}
}