@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-display:swap;src:url(fonts/barlow-condensed-latin-800-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-display:swap;src:url(fonts/barlow-condensed-latin-ext-800-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url(fonts/barlow-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url(fonts/barlow-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-weight:600;font-display:swap;src:url(fonts/barlow-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-weight:600;font-display:swap;src:url(fonts/barlow-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --orange:#EA5E20;
  --orange-deep:#C2440C;
  --sky:#A2D9F7;
  --sky-soft:#E3F3FC;
  --magenta:#E5097F;
  --yellow:#FFED00;
  --ink:#1E1A18;
  --muted:#5B5450;
  --warm:#F7F3EE;
  --line:#DDD5CB;
  --display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --text:"Barlow",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:#fff;color:var(--ink);font:400 18px/1.55 var(--text)}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}
.wrap{width:min(1200px,100% - 48px);margin-inline:auto}
.skip{position:absolute;left:-999px;background:var(--ink);color:#fff;padding:10px 16px;z-index:10}
.skip:focus{left:8px;top:8px}

h1,h2,h3,dt{font-family:var(--display);font-style:italic;font-weight:800;line-height:1;margin:0;text-wrap:balance}
h1{font-size:clamp(3.4rem,8.200vw,6.600rem);letter-spacing:-.01em}
h2{font-size:clamp(2.400rem,5vw,3.800rem);margin-bottom:40px}
h3{font-size:1.800rem}
.art-t{font-family:var(--display);font-style:italic;font-weight:800}

.cmyk{display:flex;height:8px}
.cmyk i{flex:1}
.cmyk i:nth-child(1){background:var(--sky)}
.cmyk i:nth-child(2){background:var(--magenta)}
.cmyk i:nth-child(3){background:var(--yellow)}
.cmyk i:nth-child(4){background:var(--ink)}

.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-weight:600;font-size:1rem}
.chev{display:inline-flex;flex:none}
.chev i{width:18px;height:14px;margin-right:-5px;clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%,30% 50%)}
.chev i:nth-child(1){background:var(--sky)}
.chev i:nth-child(2){background:var(--yellow)}
.chev i:nth-child(3){background:var(--magenta)}
.hero .chev i:nth-child(1){background:#fff}

.btn{display:inline-block;padding:14px 26px;background:var(--orange-deep);color:#fff;font-weight:600;text-decoration:none;border:2px solid var(--orange-deep);transition:background-color .15s,color .15s,border-color .15s}
.btn:hover{background:var(--ink);border-color:var(--ink)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--ghost:hover{color:#fff}
.btn--small{padding:8px 16px;white-space:nowrap}

.top{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line)}
.top__in{display:flex;align-items:center;gap:32px;padding-block:8px}
.top__logo img{height:68px;width:auto}
.top__nav{display:flex;gap:28px;margin-left:auto;font-weight:600}
.top__nav a{text-decoration:none;padding:6px 0;border-bottom:3px solid transparent}
.top__nav a:hover{border-color:var(--orange)}

.hero{background:var(--sky);overflow:hidden}
.hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.150fr);gap:48px;align-items:center;padding-block:64px}
.lead{font-size:1.300rem;line-height:1.450;margin:24px 0 32px;max-width:32em}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px}

.sec{padding-block:88px}
.sec--warm{background:var(--warm)}
.sec--sky{background:var(--sky-soft)}
.sec--orange{background:var(--orange)}

.tiles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.tile{grid-column:span 3;display:flex;flex-direction:column;padding:24px;border:2px solid var(--ink);background:#fff}
.tile--wide{grid-column:span 6}
.tile--sky{background:var(--sky-soft)}
.tile--warm{background:var(--warm)}
.tile svg{width:100%;margin-bottom:20px}
.tile p{margin:10px 0 0}

.print{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.700fr);gap:64px;align-items:start}
.print__head{position:sticky;top:112px}
.print__head h2{margin-bottom:20px}
.print__head p:last-child{margin:0;color:var(--muted);max-width:26em}
.list{margin:0;border-top:2px solid var(--ink)}
.list>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.300fr);gap:24px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}
.list>div:last-child{border-bottom:2px solid var(--ink)}
.list dt{font-size:1.900rem}
.list dd{margin:0}

.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;counter-reset:s}
.steps li{counter-increment:s;border-top:2px solid var(--ink);padding-top:20px}
.steps li::before{content:counter(s);display:block;font:italic 800 5rem/1 var(--display);margin-bottom:12px}
.steps li:nth-child(1)::before{color:var(--orange)}
.steps li:nth-child(2)::before{color:var(--magenta)}
.steps li:nth-child(3)::before{color:#1A9AD6}
.steps p{margin:10px 0 0;color:var(--muted)}

.contact{display:grid;grid-template-columns:minmax(0,1.300fr) minmax(0,1fr);gap:64px;align-items:start}
.contact h2{margin-bottom:16px}
.contact__tel{display:block;font:italic 800 clamp(3.600rem,9.500vw,7.500rem)/1 var(--display);text-decoration:none;margin-bottom:20px}
.contact__tel:hover{color:#fff}
.contact__links{font-size:1.250rem;margin:0 0 24px;font-weight:600}
.contact address{font-style:normal}
.form{background:#fff;padding:32px;border:2px solid var(--ink)}
.form h3{margin-bottom:20px}
.form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field{margin-bottom:16px}
.field label{display:block;font-weight:600;margin-bottom:4px}
.field input,.field textarea{display:block;width:100%;padding:10px 12px;font:inherit;color:inherit;background:#fff;border:2px solid var(--ink);border-radius:0}
.field textarea{resize:vertical}
.form .form__row .field{margin-bottom:6px}
.form__note{margin:6px 0 16px;font-size:.900rem;color:var(--muted)}
.field .form__note{margin-bottom:0}
.form .btn{cursor:pointer;font:inherit;font-weight:600}
.form .btn+.form__note{margin:12px 0 0}
.hp{position:absolute;left:-9999px}

.result{padding-block:88px;min-height:60vh}
.result h1{font-size:clamp(2.800rem,6vw,4.500rem);margin-bottom:20px}
.result p{max-width:34em;margin:0 0 28px}

.foot{background:var(--warm);color:var(--muted);font-size:.950rem}
.foot__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:20px}
.foot p{margin:0}

@media (max-width:1000px){
  .top__nav{display:none}
  .top .btn{margin-left:auto}
  .hero__in{grid-template-columns:1fr;padding-block:48px}
  .tile{grid-column:span 6}
  .print,.contact{grid-template-columns:1fr;gap:32px}
  .print__head{position:static}
}
@media (max-width:640px){
  body{font-size:17px}
  .wrap{width:calc(100% - 32px)}
  .top__logo img{height:56px}
  .sec{padding-block:56px}
  h2{margin-bottom:28px}
  .tiles{gap:16px}
  .tile,.tile--wide{grid-column:span 12}
  .list>div{grid-template-columns:1fr;gap:4px;padding:16px 0}
  .steps{grid-template-columns:1fr;gap:28px}
  .btn{text-align:center}
  .hero__cta .btn{flex:1 1 100%}
  .top .btn{flex:none}
  .form{padding:24px}
  .form__row{grid-template-columns:1fr;gap:0}
  .form .btn{width:100%}
}