/* Services: editorial companion to the founder profile. */
.services-page{overflow:visible;padding-bottom:72px}
.services-page .page-shade{position:fixed;background:linear-gradient(90deg,rgba(3,10,19,.67),rgba(4,10,18,.22) 72%),linear-gradient(0deg,rgba(3,9,16,.58),transparent 58%)}
.services-page .page-content{width:calc(100% - 112px);max-width:1600px;min-height:0;margin:22px auto 0;padding:38px 0 0}
.services-page .services-layout{display:block}
.services-page .services-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:24px clamp(55px,7vw,118px);align-items:end;padding:55px 0 58px;border:0;border-top:1px solid rgba(255,255,255,.38);border-bottom:1px solid rgba(255,255,255,.48);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:0 2px 20px rgba(2,8,14,.72)}
.services-page .services-intro::before{content:"THE SERVICES EDITION";position:absolute;left:0;top:14px;color:rgba(255,255,255,.88);font-size:.58rem;font-weight:600;letter-spacing:.22em}
.services-page .services-intro::after{content:"BARABOO, WISCONSIN  ·  CREATIVE & DIGITAL PRACTICE";position:absolute;right:0;top:14px;color:var(--amber);font-size:.58rem;font-weight:600;letter-spacing:.18em}
.services-page .services-intro .eyebrow{grid-column:1;margin:0 0 12px;color:var(--amber);font-size:.63rem;letter-spacing:.25em}
.services-page .services-intro .display-title{grid-column:1;max-width:980px;margin:0;font:500 clamp(4.8rem,6.3vw,7.8rem)/.79 var(--display);letter-spacing:-.052em;text-wrap:balance}
.services-page .services-intro .display-title em::after{content:none}
.services-page .services-intro .lead{grid-column:2;grid-row:2/4;align-self:center;max-width:620px;margin:0;color:rgba(255,255,255,.91);font-size:clamp(1.12rem,1.4vw,1.42rem);line-height:1.58;text-wrap:balance}
.services-page .services-intro .glow-button{grid-column:1;width:max-content;min-width:245px;margin:12px 0 0}
.services-page .services-intro .local-line{grid-column:2;grid-row:4;align-self:end;margin:0;padding:0;border:0;color:rgba(255,255,255,.68);font-size:.58rem;letter-spacing:.24em;text-align:right}
.services-page .offer-grid{counter-reset:service;display:block;margin:0;padding:0}
.services-page .offer-card{counter-increment:service;position:relative;display:grid;grid-template-columns:minmax(330px,.86fr) minmax(0,1.14fr);gap:clamp(50px,7vw,110px);align-items:center;min-height:0;padding:78px 0;border:0;border-bottom:1px solid rgba(255,255,255,.35);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-decoration:none;text-shadow:0 2px 18px rgba(2,8,14,.72);overflow:visible}
.services-page .offer-card::before{content:"0" counter(service) "  ·  SERVICE";position:absolute;top:30px;left:calc(50% + clamp(25px,3.5vw,55px));color:var(--amber);font-size:.61rem;font-weight:600;letter-spacing:.22em}
.services-page .offer-card:nth-child(even)::before{left:0}
.services-page .offer-card::after{content:none}
.services-page .offer-card img{position:relative;z-index:auto;inset:auto;display:block;grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:none;border:1px solid rgba(255,255,255,.7);border-top-color:rgba(250,184,70,.9);border-radius:22px;box-shadow:0 22px 58px rgba(0,0,0,.42),0 0 24px rgba(255,168,50,.1);transition:transform .45s cubic-bezier(.2,.72,.2,1),box-shadow .35s ease}
.services-page .offer-copy{grid-column:2;grid-row:1;max-width:720px;padding:20px 0}
.services-page .offer-card:nth-child(even) img{grid-column:2}
.services-page .offer-card:nth-child(even) .offer-copy{grid-column:1}
.services-page .offer-copy h2{max-width:720px;margin:0 0 22px;color:var(--paper);font:600 clamp(2.9rem,4.1vw,5rem)/.9 var(--display);letter-spacing:-.035em;text-wrap:balance}
.services-page .offer-copy p{max-width:680px;margin:0;color:rgba(255,255,255,.86);font-size:clamp(1rem,1.08vw,1.12rem);line-height:1.78}
.services-page .offer-card>i{position:absolute;right:2px;bottom:31px;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(255,190,79,.72);border-radius:50%;background:rgba(74,45,25,.38);color:var(--amber);font-style:normal;font-size:1.75rem;box-shadow:0 0 20px rgba(255,168,50,.16);transition:transform .3s ease,background .3s ease}
.services-page .offer-card:nth-child(even)>i{right:auto;left:2px}
.services-page .offer-card:hover,.services-page .offer-card:focus-visible{box-shadow:none}
.services-page .offer-card:hover img,.services-page .offer-card:focus-visible img{transform:none;box-shadow:0 22px 58px rgba(0,0,0,.42),0 0 24px rgba(255,168,50,.1)}
.services-page .offer-card:hover>i,.services-page .offer-card:focus-visible>i{transform:translateX(5px);background:rgba(109,65,28,.58)}
.services-page .offer-card:focus-visible{outline:1px solid var(--amber);outline-offset:12px}
.services-page .offer-card:nth-child(2){margin-bottom:clamp(80px,9vw,135px);border-bottom:0}
.services-page .offer-card:nth-child(2)::after{content:"“Clear structure turns complexity into confidence.”";position:absolute;z-index:auto;inset:auto 6% calc(clamp(80px,9vw,135px) * -1);height:clamp(80px,9vw,135px);display:flex;align-items:center;justify-content:center;border-top:1px solid var(--amber);border-bottom:1px solid rgba(255,255,255,.38);background:none;color:var(--paper);font:italic 600 clamp(2.4rem,4vw,4.7rem)/.94 var(--display);letter-spacing:-.03em;text-align:center;text-wrap:balance}
.services-page .offer-card:last-child{border-bottom:1px solid rgba(255,190,79,.65)}
@media(max-width:1000px){.services-page .page-content{width:calc(100% - 36px)}.services-page .services-intro{grid-template-columns:1fr;padding-top:58px}.services-page .services-intro .eyebrow,.services-page .services-intro .display-title,.services-page .services-intro .lead,.services-page .services-intro .glow-button,.services-page .services-intro .local-line{grid-column:1;grid-row:auto}.services-page .services-intro .lead{max-width:800px}.services-page .services-intro .local-line{text-align:left}.services-page .offer-card{grid-template-columns:1fr;gap:30px;padding:72px 0}.services-page .offer-card::before,.services-page .offer-card:nth-child(even)::before{left:0;top:26px}.services-page .offer-card img,.services-page .offer-card:nth-child(even) img{grid-column:1;grid-row:1;width:min(820px,100%)}.services-page .offer-card .offer-copy,.services-page .offer-card:nth-child(even) .offer-copy{grid-column:1;grid-row:2;max-width:820px}.services-page .offer-card>i,.services-page .offer-card:nth-child(even)>i{left:auto;right:2px}}
@media(max-width:620px){.services-page{padding-bottom:34px}.services-page .page-content{width:100%;margin-top:14px;padding-top:20px}.services-page .services-intro{gap:18px;padding:54px 7px 42px}.services-page .services-intro::after{display:none}.services-page .services-intro .display-title{font-size:clamp(3.5rem,15vw,4.8rem)}.services-page .services-intro .lead{font-size:1rem;line-height:1.66}.services-page .services-intro .glow-button{width:100%;min-width:0}.services-page .offer-card{gap:22px;padding:66px 7px 74px}.services-page .offer-card img,.services-page .offer-card:nth-child(even) img{border-radius:17px}.services-page .offer-copy{padding:0}.services-page .offer-copy h2{font-size:clamp(2.55rem,12vw,3.65rem)}.services-page .offer-copy p{font-size:.98rem;line-height:1.72}.services-page .offer-card>i,.services-page .offer-card:nth-child(even)>i{right:7px;bottom:18px;width:46px;height:46px}.services-page .offer-card:nth-child(2){margin-bottom:125px}.services-page .offer-card:nth-child(2)::after{left:7px;right:7px;bottom:-125px;height:125px;justify-content:flex-start;font-size:2.35rem;text-align:left}}