@font-face{font-family:"Bricolage Grotesque";src:url("../../fonts/bricolage-grotesque-latin.woff2") format("woff2");font-display:swap}.webdesign-page{font-family:"Bricolage Grotesque",sans-serif;color:#111820;background:#fff}.webdesign-page *{box-sizing:border-box}.webdesign-page em{font-style:normal;color:#ed1b2f}.webdesign-hero{min-height:41.2vw;padding:clamp(90px,7vw,132px) var(--site-gutter) 30px;background:#edf2f5 center top/100% auto no-repeat}.webdesign-hero-copy{width:43%;max-width:690px}.webdesign-page .eyebrow{margin:0 0 14px;color:#ed1b2f;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.webdesign-hero h1{margin:0;font-size:clamp(52px,5.3vw,90px);line-height:.94;text-transform:uppercase}.webdesign-hero-copy>p:not(.eyebrow){max-width:620px;margin:22px 0 0;font-size:clamp(17px,1.2vw,21px);line-height:1.45}.webdesign-page .actions{display:flex;gap:14px;margin-top:25px}.webdesign-highlights{display:flex;gap:clamp(24px,4vw,65px);padding:0;margin:30px 0 0;list-style:none}.webdesign-highlights li{display:grid}.webdesign-highlights b{font-size:15px}.webdesign-highlights span{font-size:14px}.webdesign-facets{padding:42px var(--site-gutter) 52px;background:#f7f9fb}.webdesign-facets header{max-width:850px;margin-bottom:25px}.webdesign-facets h2,.webdesign-process h2,.webdesign-showcase h2,.webdesign-final h2{margin:0;font-size:clamp(32px,3.2vw,54px);line-height:1.02}.webdesign-facets header>p:last-child{max-width:760px;margin:12px 0 0;color:#536171}.webdesign-facet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.webdesign-facet-grid article{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e4e9ed;box-shadow:0 10px 28px rgba(14,28,40,.06)}.webdesign-facet-grid .picture{display:grid;place-items:center;width:100%;aspect-ratio:1.85/1;color:#8b949c;background:#e9edf0;overflow:hidden}.webdesign-facet-grid .picture img{width:100%;height:100%;object-fit:cover}.webdesign-facet-grid h3{margin:16px 18px 7px;font-size:18px}.webdesign-facet-grid p{flex:1;margin:0 18px 14px;color:#536171;line-height:1.45}.webdesign-facet-grid a{margin:0 18px 17px;color:#ed1b2f;font-weight:700;text-decoration:none}.webdesign-process{display:grid;grid-template-columns:28% 1fr;gap:5%;padding:38px var(--site-gutter);background:#f0f5f8}.webdesign-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.webdesign-process-grid article{position:relative;padding-top:28px;border-top:1px solid #ed1b2f}.webdesign-process-grid b{position:absolute;top:-17px;left:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#ed1b2f}.webdesign-process-grid h3{margin:0 0 5px;font-size:16px}.webdesign-process-grid p{margin:0;color:#536171;font-size:14px}.webdesign-showcase{min-height:20vw;padding:45px var(--site-gutter);background:#fff center/100% auto no-repeat}.webdesign-showcase>div{width:39%;max-width:590px}.webdesign-showcase p:not(.eyebrow){color:#536171;line-height:1.5}.webdesign-final{min-height:17vw;display:flex;align-items:center;padding:35px var(--site-gutter);color:#fff;background:#111d25 center/cover no-repeat}.webdesign-final>div{width:70%}.webdesign-final p{margin:12px 0 0}.webdesign-final .outline{color:#fff;border-color:#fff}.webdesign-final .actions{justify-content:center;margin-top:-55px;margin-left:45%}@media(max-width:1050px){.webdesign-facet-grid{grid-template-columns:repeat(2,1fr)}.webdesign-process{grid-template-columns:1fr}.webdesign-showcase{background-size:cover}}@media(max-width:760px){.webdesign-hero{min-height:0;padding:48px var(--site-gutter) 36px;background-size:cover;background-position:62% center}.webdesign-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,251,253,.98),rgba(248,251,253,.68))}.webdesign-hero{position:relative}.webdesign-hero-copy{position:relative;width:100%;z-index:1}.webdesign-hero h1{font-size:clamp(46px,13vw,68px)}.webdesign-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.webdesign-facet-grid{grid-template-columns:1fr}.webdesign-process-grid{grid-template-columns:repeat(2,1fr);gap:34px 18px}.webdesign-showcase{min-height:360px;background-position:65% center}.webdesign-showcase>div{width:70%}.webdesign-final{min-height:380px}.webdesign-final>div{width:100%}.webdesign-final .actions{display:grid;justify-content:stretch;margin:22px 0 0}.webdesign-final .button{width:100%}}@media(max-width:480px){.webdesign-highlights,.webdesign-process-grid{grid-template-columns:1fr}.webdesign-showcase>div{width:100%;padding:18px;background:rgba(255,255,255,.82)}}