.websites-page{--paper:#f3f5f7;--web-muted:#9eacc2}.websites-page h1,.websites-page h2,.websites-page h3{font-family:Barlow,Impact,'Arial Narrow',sans-serif;font-weight:800}.websites-page h2{font-size:clamp(62px,6.6vw,112px);line-height:.98;letter-spacing:-.025em;margin:0}.websites-page em{font-style:normal;color:#367fff}.websites-page section{position:relative;scroll-margin-top:0}.websites-page .desktop-nav a{font-size:13px;font-weight:700;padding:12px 0;white-space:nowrap}.websites-page .desktop-nav a:hover{color:#8ab1ff}.websites-page .web-eyebrow{font:700 10px/1.6 var(--font-body);letter-spacing:2px;margin:0 0 25px}.web-eyebrow>span{margin:0 14px;color:#53647d}.web-eyebrow a{color:#97a8c2}.web-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:12px;line-height:1.5;font-weight:700;padding:13px 0;border-bottom:1px solid #ffffff45}.text-link span{font-size:21px;font-weight:400}.text-link:hover{color:#7daaff}.web-light{background:var(--paper);color:#091326}.web-light em{color:var(--blue)}.web-light .text-link{border-color:#9aa9bd}.web-light :is(a,button,summary):focus-visible{outline:3px solid var(--blue);outline-offset:4px}.web-light .web-eyebrow{color:var(--blue)}
/* The first screen pairs the message with actual website work. */
.web-hero{isolation:isolate;background:radial-gradient(ellipse at 85% 50%,#102c63 0%,#091429 38%,#060a11 75%);min-height:max(740px,100svh);overflow:hidden;padding:150px var(--page-pad) 100px;display:flex;align-items:center}.web-hero-grid{display:grid;grid-template-columns:47% 53%;width:100%;max-width:1760px;margin:auto;align-items:center}.web-hero-copy{position:relative;z-index:2}.web-hero h1{font-size:clamp(76px,7.8vw,138px);line-height:.91;letter-spacing:-.03em;margin:0 0 27px}.web-intro{font-size:15px;line-height:1.85;max-width:410px;color:#c2cedf;margin:0 0 28px}.hero-site-stage{position:relative;height:510px;perspective:1500px;isolation:isolate;transform:translateY(var(--hero-drift,0px))}.stage-orbit{position:absolute;inset:-8% -25% -8% -10%;border:1px solid #517fd12e;border-radius:50%;transform:rotate(-22deg);z-index:-1}.stage-orbit:after{content:'';position:absolute;inset:55px;border:1px solid #517fd12e;border-radius:50%}.floating-site{position:absolute;border:1px solid #536c925c;border-radius:9px;box-shadow:0 35px 70px #0007;overflow:hidden;background:#172236}.floating-site>img{display:block;width:100%;height:auto}.browser-strip{display:flex;justify-content:space-between;align-items:center;padding:9px 13px;font:9px/1.4 var(--font-body);color:#aec0dc;background:#121d2d}.browser-dots{font-size:7px;letter-spacing:3px;color:#6e7e95}.site-back{width:78%;top:3%;right:-10%;transform:rotate(8deg);opacity:.58}.site-front{width:104%;top:26%;left:2%;transform:rotate(-5deg);transition:transform .3s}.site-front:hover{transform:rotate(-3deg) translateY(-4px)}.hero-phone{position:absolute;width:24%;left:1%;bottom:-1%;padding:5px;border:1px solid #687992;border-radius:18px;background:#08111d;box-shadow:0 22px 35px #0008;transform:rotate(7deg)}.hero-phone>img{width:100%;height:auto;display:block;border-radius:12px}.stage-caption{position:absolute;bottom:0;right:-3%;font-size:7px;font-weight:700;letter-spacing:1.7px;max-width:65%;text-align:right;line-height:1.8;color:#93abd2}.web-hero-bottom{position:absolute;left:var(--page-pad);right:var(--page-pad);bottom:28px;border-top:1px solid #ffffff20;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:8px;font-weight:700;letter-spacing:1.6px;color:#8295b3}.web-hero-bottom>a{display:flex;align-items:center;gap:18px;color:#fff;font-size:10px;letter-spacing:.3px}.web-hero-bottom>a>span{color:#4e8aff;font-size:22px}
/* A generous, interactive portfolio rather than a small thumbnail grid. */
.web-work{padding:84px var(--page-pad) 75px}.web-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;max-width:1600px;margin:0 auto 44px}.web-section-heading>p{font-size:15px;line-height:1.9;color:#526176;max-width:340px;margin:0 0 8px}.project-tabs{display:grid;grid-template-columns:repeat(3,1fr);max-width:1600px;margin:0 auto 38px;border-bottom:1px solid #cbd3df}.project-tabs button{display:flex;align-items:center;gap:15px;text-align:left;padding:24px 12px 22px 0;border-bottom:3px solid transparent;background:transparent;color:#637087;font-size:12px;font-weight:700}.project-tabs button>span:first-child{font:800 25px/1 Barlow;color:#a7b3c4}.project-tabs button>span:last-child{margin-left:auto;margin-right:24px;font-size:22px}.project-tabs button[aria-selected=true]{color:#091326;border-bottom-color:var(--blue)}.project-tabs button[aria-selected=true]>span{color:var(--blue)}.project-panel{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr);gap:5%;max-width:1600px;margin:auto;align-items:center}.project-display{min-width:0;align-self:center;padding:21px;background:#e0e6ed;border:1px solid #d2dae5;border-radius:5px;box-shadow:0 20px 40px #1236590b}.project-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px}.project-controls>span{font-size:10px;color:#5e6d81;overflow-wrap:anywhere}.project-controls>div{display:flex;gap:3px;padding:3px;background:#cdd7e3;border-radius:4px}.project-controls button{font-size:9px;font-weight:700;padding:7px 12px;background:transparent;color:#5a687c;border-radius:2px;min-height:30px}.project-controls button[aria-pressed=true]{background:white;color:#0d1b31;box-shadow:0 2px 7px #102e5210}.project-image-button{position:relative;display:block;width:100%;padding:0;background:#111b2b;border-radius:3px;overflow:hidden;box-shadow:0 10px 30px #132d4926}.project-image-button>img{width:100%;height:auto;display:block}.image-enlarge{position:absolute;right:13px;bottom:13px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff85;background:#071528b0;border-radius:50%;color:white;font-size:22px}.project-display[data-device=mobile] .project-image-button{width:210px;max-width:100%;margin:auto;border:6px solid #0c1728;border-radius:21px}.project-display[data-device=mobile] .project-image-button img{border-radius:13px}.project-story{position:relative}.project-story .web-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:16px}.project-story h3{font-size:clamp(37px,3.7vw,63px);line-height:1;letter-spacing:-.015em;margin:0 0 22px;white-space:pre-line}.project-story>p:not(.web-eyebrow){font-size:13px;line-height:1.9;color:#536178;margin:0 0 22px}.project-story ul{list-style:none;padding:0;margin:0 0 15px}.project-story li{font-size:11px;line-height:1.8;padding:8px 0;border-bottom:1px solid #d2dae5}.project-story li:before{content:'↗';color:var(--blue);margin-right:12px}.project-story .text-link{font-size:11px}.project-index{display:block;margin-top:26px;color:#8a98ac;font-size:9px;letter-spacing:2px}.image-dialog{width:min(1250px,calc(100% - 32px));padding:22px}.image-dialog h2{font-size:32px;margin:6px 0 20px}.image-dialog>img{display:block;width:auto;max-width:100%;max-height:69svh;margin:auto;object-fit:contain}.image-dialog>.text-link{display:flex;max-width:145px;margin:14px 0 0 auto}
/* Real mobile work anchors the practical deliverables. */
.web-foundation{display:grid;grid-template-columns:1fr 1.05fr;align-items:stretch;background:#091629}.foundation-visual{position:relative;background:radial-gradient(ellipse at 60% 48%,#245cba,#073984 58%,#05275e);isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:850px}.oversized-word{position:absolute;left:-7%;top:13%;font:800 clamp(130px,16.4vw,275px)/.85 Barlow;color:#4a85df55;letter-spacing:-.03em;transform:rotate(-90deg) translateX(-10%);transform-origin:55% 55%}.foundation-phone{position:relative;transform:rotate(-8deg);width:40%;max-width:300px;min-width:215px;border:7px solid #061224;border-radius:30px;box-shadow:28px 38px 80px #0006;outline:1px solid #ffffff50}.foundation-phone img{display:block;width:100%;height:auto;border-radius:23px}.foundation-caption{position:absolute;bottom:36px;left:30px;right:30px;text-align:center;font-size:8px;font-weight:700;letter-spacing:1.4px;color:#9bbce9}.foundation-copy{padding:80px max(40px,4.2vw) 65px}.foundation-copy h2{font-size:clamp(55px,5.2vw,88px)}.foundation-copy .web-eyebrow{color:#7babff;font-size:9px;letter-spacing:1.5px}.section-intro{font-size:15px;line-height:1.8;color:#b0bdd1;margin:24px 0 32px;max-width:410px}.foundation-list article{display:flex;gap:23px;padding:21px 0;border-top:1px solid #ffffff20}.foundation-list article>span{font:800 36px/1 Barlow;color:#4b8cff;min-width:34px}.foundation-list h3{font-size:25px;line-height:1.1;margin:0 0 9px}.foundation-list p{font-size:12px;line-height:1.8;color:#a9b8ce;margin:0;max-width:390px}
/* The website connects the advertising, creative, and response. */
.web-connected{padding:100px var(--page-pad) 100px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:9%;isolation:isolate;overflow:hidden}.connected-film,.connected-shade{position:absolute;inset:0;z-index:-1}.connected-film{background:#0b1422}.connected-film>img,.connected-film>video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.connected-film>video{opacity:0;transition:opacity .5s}.connected-film>video.is-ready{opacity:1}.connected-shade{background:linear-gradient(90deg,#040d1be6,#061224c9 50%,#061224e8),linear-gradient(0deg,#061224cc,transparent 60%)}.connected-copy .web-eyebrow{color:#94b9ff;font-size:9px;letter-spacing:1.4px}.connected-copy h2{font-size:clamp(62px,6.5vw,112px)}.connected-copy>p:not(.web-eyebrow){font-size:15px;line-height:1.9;color:#b8c6da;max-width:425px;margin:28px 0 17px}.connected-steps{list-style:none;margin:0;padding:0;position:relative}.connected-steps:before{content:'';position:absolute;left:23px;top:32px;bottom:50px;width:1px;background:#688ab8a0}.connected-steps>li{display:flex;gap:24px;align-items:flex-start;position:relative;padding:24px 0}.connected-steps>li>span{display:grid;place-items:center;flex-shrink:0;width:47px;height:47px;border:1px solid #6380a7;border-radius:50%;background:#102542;font:800 25px/1 Barlow;color:#91b8f4;z-index:1}.connected-steps h3{font-size:31px;line-height:1.05;margin:1px 0 12px}.connected-steps p{font-size:12px;line-height:1.8;color:#b3c2d7;margin:0;max-width:350px}.connected-steps .connected-focus>span{background:var(--blue);border-color:#6ca0ff;color:white;box-shadow:0 0 0 8px #005bff25}.connected-bottom{position:absolute;bottom:25px;left:var(--page-pad);right:var(--page-pad);display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff25;padding-top:14px}.connected-bottom>span{font-size:7px;letter-spacing:1.7px;color:#a1b6d6}.connected-bottom button{padding:10px 0;background:transparent;font-size:10px;display:flex;gap:10px;align-items:center;min-height:44px}.connected-bottom button>span:first-child{color:#84b1ff}
/* Clear approvals, a small number of useful questions. */
.web-process{padding:85px var(--page-pad) 80px}.web-process-steps{max-width:1600px;list-style:none;padding:0;margin:55px auto 65px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.web-process-steps li{position:relative;border-top:1px solid #b7c5d8;padding-top:25px}.web-process-steps li:before{content:'';width:8px;height:8px;background:var(--blue);position:absolute;top:-4px;left:0}.web-process-steps li>span{font:800 65px/1 Barlow;color:var(--blue)}.web-process-steps h3{font-size:31px;margin:19px 0 13px;line-height:1.1}.web-process-steps p{font-size:13px;line-height:1.85;color:#536178;max-width:350px;margin:0}.web-faq{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;max-width:1600px;margin:auto;padding-top:40px;border-top:1px solid #c5d0df}.web-faq .web-eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:17px}.web-faq h3{font-size:clamp(62px,6.6vw,112px);line-height:.98;letter-spacing:-.025em;margin:0}.web-faq-list details{border-bottom:1px solid #c5d0df}.web-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;padding:20px 0;font-size:13px;font-weight:700;line-height:1.5}.web-faq-list summary::-webkit-details-marker{display:none}.web-faq-list summary>span{font-size:22px;font-weight:400;color:var(--blue);transition:transform .2s}.web-faq-list details[open] summary>span{transform:rotate(45deg)}.web-faq-list details>p{font-size:12px;line-height:1.9;color:#526176;margin:0;padding:0 32px 22px 0;max-width:650px}
.web-close{background:#0054ed;padding:48px var(--page-pad) 28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate}.web-close:before{content:'';position:absolute;width:80vw;height:80vw;border:1px solid #ffffff1f;border-radius:50%;right:-20%;top:10%;z-index:-1}.web-close:after{content:'';position:absolute;width:60vw;height:60vw;border:1px solid #ffffff1f;border-radius:50%;right:-10%;top:25%;z-index:-1}.close-top{display:flex;justify-content:space-between;gap:25px;color:#c4d9ff}.close-top .web-eyebrow{margin:0}.close-top>span{font-size:8px;letter-spacing:1.7px;font-weight:700}.close-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center;margin:60px 0;max-width:1600px;width:100%;align-self:center}.close-grid h2{font-size:clamp(90px,9.1vw,154px);line-height:.89;letter-spacing:-.02em}.close-grid h2 em{color:#a9cbff}.close-offer{max-width:370px}.close-arrow{display:block;font:400 80px/1 var(--font-body);margin-bottom:22px;color:#b5d3ff}.close-offer h3{font-size:43px;line-height:1.02;margin:0 0 22px}.close-offer p{font-size:14px;line-height:1.85;color:#d3e3ff;margin:0 0 30px}.close-offer .button{background:white;color:#0649c3;width:100%;justify-content:space-between}.close-offer .button:hover{background:#e3edff}.close-offer .text-link{margin-top:20px;font-size:10px}.close-offer .text-link:hover{color:#fff}.close-bottom{padding-top:22px;border-top:1px solid #ffffff3a;font-size:8px;letter-spacing:1.6px;color:#c9ddff;line-height:1.7}.websites-page .navigation-dialog nav a{font-family:Barlow,sans-serif;font-size:36px;text-align:left;border-bottom:1px solid #ffffff20;padding:15px 0;display:flex;justify-content:space-between;align-items:center}
@media(min-width:1800px){.hero-site-stage{height:650px}.web-intro{font-size:19px;max-width:500px}.project-story>p:not(.web-eyebrow){font-size:16px}.project-story li{font-size:13px}.foundation-visual{min-height:100svh}.foundation-copy{display:flex;flex-direction:column;justify-content:center}.foundation-list h3{font-size:30px}.foundation-list p{font-size:15px}.connected-steps h3{font-size:38px}.connected-steps p{font-size:15px}}
@media(max-width:1100px){.web-hero-grid{grid-template-columns:48% 52%}.web-hero h1{font-size:8.4vw}.hero-site-stage{height:430px}.web-intro{font-size:14px;max-width:350px}.web-actions{gap:17px}.web-actions .button{font-size:12px;padding:16px 18px;min-height:54px}.web-actions .text-link{font-size:10px}.project-panel{grid-template-columns:minmax(0,1.9fr) minmax(220px,1fr);gap:30px}.project-display{padding:14px}.project-controls>span{font-size:8px}.project-story h3{font-size:37px}.project-story>p:not(.web-eyebrow){font-size:12px}.foundation-copy{padding:60px 35px}.foundation-visual{min-height:840px}.foundation-copy h2{font-size:58px}.connected-steps h3{font-size:27px}.web-connected{gap:6%}.project-tabs button{font-size:11px;gap:9px}.project-tabs button>span:last-child{margin-right:15px}}
@media(max-width:800px){.web-hero{padding-top:135px;padding-bottom:90px;min-height:100svh}.web-hero-grid{grid-template-columns:1fr;gap:30px}.web-hero h1{font-size:clamp(75px,12vw,108px)}.web-hero-copy{max-width:600px}.web-intro{font-size:15px;max-width:450px}.hero-site-stage{height:480px;max-width:660px;width:90%;margin:auto}.site-front{width:100%;left:4%}.site-back{right:-5%}.hero-phone{left:0;width:22%}.web-hero-bottom>span{font-size:7px;letter-spacing:1px}.web-section-heading{display:block;margin-bottom:30px}.web-section-heading>p{margin:23px 0 0;max-width:460px;font-size:14px}.websites-page h2{font-size:clamp(58px,9.5vw,86px)}.web-work{padding-top:65px}.project-tabs{gap:10px;margin-bottom:27px}.project-tabs button{font-size:10px;line-height:1.5;align-items:flex-start;gap:8px;min-height:84px}.project-tabs button>span:last-child{display:none}.project-tabs button>span:first-child{font-size:22px}.project-panel{grid-template-columns:1fr;gap:32px}.project-story{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.project-story .web-eyebrow{grid-column:1/-1}.project-story h3{grid-column:1;font-size:43px}.project-story>p:not(.web-eyebrow){grid-column:2;grid-row:2;margin:0;font-size:13px}.project-story ul{grid-column:2;grid-row:3 / span 2}.project-story .text-link{grid-column:1;grid-row:3;width:max-content}.project-index{grid-column:1;margin-top:18px}.project-display[data-device=mobile] .project-image-button{width:230px}.web-foundation{grid-template-columns:1fr}.foundation-visual{min-height:650px}.foundation-phone{width:240px}.oversized-word{font-size:190px;left:3%;top:8%}.foundation-copy{padding:65px var(--page-pad)}.foundation-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.foundation-list article{gap:17px}.foundation-list p{font-size:12px}.foundation-list h3{font-size:27px}.web-connected{grid-template-columns:1fr;padding-top:75px;padding-bottom:105px;gap:35px}.connected-copy>p:not(.web-eyebrow){max-width:470px}.connected-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.connected-steps:before{display:none}.connected-steps>li{gap:18px}.connected-steps h3{font-size:28px}.connected-steps>li>span{width:39px;height:39px;font-size:22px}.web-process{padding-top:65px}.web-process-steps{gap:25px;margin:40px auto 50px}.web-process-steps h3{font-size:27px}.web-process-steps p{font-size:12px}.web-faq{grid-template-columns:1fr;gap:25px;padding-top:33px}.web-faq h3{font-size:clamp(58px,9.5vw,86px)}.web-faq h3 br{display:none}.close-grid{grid-template-columns:1fr 1fr;gap:30px}.close-grid h2{font-size:clamp(68px,10vw,95px)}.close-offer h3{font-size:34px}.close-offer p{font-size:13px}.close-top>span{display:none}.close-arrow{font-size:60px}}
@media(max-width:480px){.websites-page{--page-pad:23px}.web-hero{padding-top:124px;padding-bottom:86px}.websites-page .web-eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:21px}.web-hero h1{font-size:clamp(61px,16.2vw,78px);margin-bottom:22px}.web-intro{font-size:13px;line-height:1.8;margin-bottom:24px}.web-actions{gap:18px}.web-actions .button{font-size:11px;gap:15px;padding:15px 17px;min-height:51px}.web-actions .text-link{font-size:10px;gap:9px}.web-hero-grid{gap:21px}.hero-site-stage{height:300px;width:100%;margin-left:-2%}.site-back{width:76%;top:3%;right:-6%}.site-front{top:24%;width:106%;left:0}.hero-phone{left:0;bottom:1%;width:25%;border-radius:12px;padding:3px}.hero-phone>img{border-radius:8px}.browser-strip{font-size:6px;padding:5px 7px}.browser-dots{font-size:4px;letter-spacing:1px}.floating-site{border-radius:5px}.stage-caption{font-size:5px;letter-spacing:1.1px;bottom:4%;right:-4%;max-width:61%}.web-hero-bottom{bottom:20px;gap:15px;padding-top:16px}.web-hero-bottom>span{font-size:6px;letter-spacing:.6px;max-width:200px;line-height:1.6}.web-hero-bottom>a{font-size:9px;gap:11px}.websites-page h2{font-size:clamp(46px,12.2vw,60px)}.web-work{padding:55px 23px}.web-section-heading>p{font-size:13px;line-height:1.8;margin-top:20px}.project-tabs{gap:15px;margin-bottom:24px}.project-tabs button{display:block;font-size:10px;line-height:1.6;padding:15px 2px 14px 0;min-height:100px}.project-tabs button>span:first-child{display:block;margin-bottom:8px;font-size:28px}.project-display{padding:10px;margin:0 -7px}.project-controls{gap:9px;margin-bottom:10px}.project-controls>span{font-size:7px}.project-controls button{padding:6px 8px;font-size:8px}.project-controls>div{gap:0;padding:2px}.image-enlarge{width:28px;height:28px;font-size:18px;right:8px;bottom:8px}.project-story{display:block}.project-story .web-eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:13px}.project-story h3{font-size:42px;margin-bottom:16px}.project-story>p:not(.web-eyebrow){font-size:13px;margin-bottom:19px}.project-story ul{margin-bottom:18px}.project-story li{font-size:11px}.project-index{float:right;margin-top:22px}.project-story .text-link{font-size:11px}.project-display[data-device=mobile] .project-image-button{width:210px}.foundation-visual{min-height:620px}.foundation-phone{width:225px}.oversized-word{left:-13%;font-size:175px;top:14%}.foundation-caption{font-size:6px;letter-spacing:1px;left:23px;right:23px;bottom:29px}.foundation-copy{padding:55px 23px}.foundation-copy .web-eyebrow{font-size:8px;letter-spacing:1px}.section-intro{font-size:13px;margin:22px 0 28px}.foundation-list{grid-template-columns:1fr}.foundation-list article{gap:21px;padding:23px 0}.foundation-list h3{font-size:27px}.foundation-list p{font-size:12px;line-height:1.9}.web-connected{padding:59px 23px 115px;gap:29px}.connected-copy .web-eyebrow{font-size:7px;letter-spacing:.8px}.connected-copy>p:not(.web-eyebrow){font-size:13px;margin-top:23px}.connected-copy .text-link{font-size:11px}.connected-steps{display:block}.connected-steps:before{display:block;left:21px;top:35px;bottom:62px}.connected-steps>li{gap:22px;padding:23px 0}.connected-steps>li>span{width:43px;height:43px;font-size:24px}.connected-steps h3{font-size:28px}.connected-steps p{font-size:12px;line-height:1.85}.connected-bottom>span{font-size:6px;letter-spacing:.9px;max-width:200px;line-height:1.8}.connected-bottom button{font-size:9px;gap:7px}.web-process{padding:55px 23px}.web-process-steps{display:block;margin:35px 0 45px}.web-process-steps li{padding:23px 0 26px;display:grid;grid-template-columns:55px 1fr;gap:0 20px}.web-process-steps li>span{font-size:50px;grid-row:1/3}.web-process-steps h3{font-size:29px;margin:0 0 13px}.web-process-steps p{font-size:12px;line-height:1.85}.web-faq h3{font-size:clamp(46px,12.2vw,60px)}.web-faq .web-eyebrow{font-size:7px;letter-spacing:.9px}.web-faq-list summary{font-size:12px;padding:20px 0}.web-faq-list details>p{font-size:12px;padding-right:12px}.web-close{padding:38px 23px 24px}.close-grid{grid-template-columns:1fr;gap:40px;margin:35px 0 45px}.close-grid h2{font-size:clamp(73px,19.4vw,93px)}.close-offer{max-width:none}.close-arrow{display:none}.close-offer h3{font-size:37px}.close-offer p{font-size:13px;max-width:320px}.close-offer .button{font-size:13px}.close-bottom{font-size:6px;letter-spacing:1px}.image-dialog{padding:15px}.image-dialog h2{font-size:27px}.image-dialog .dialog-topline{gap:10px}.websites-page .navigation-dialog nav a{font-size:32px}}
@media(max-width:650px){.close-grid{grid-template-columns:1fr}.close-offer{max-width:430px}.close-arrow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hero-site-stage{transform:none!important}.site-front,.connected-film>video{transition:none}.site-front:hover{transform:rotate(-5deg)}}