/* Service covers inherit STEPHEN's type and paper/ink palette. */
.service-gallery .gallery-heading{grid-template-columns:29% 1fr}
.service-gallery .service-panel{grid-template-columns:29% 1fr;align-items:stretch}
.service-gallery .service-copy{padding-top:25px}
.service-gallery .service-copy h3{font-family:var(--display);font-size:clamp(32px,3.4vw,47px);line-height:1.1;letter-spacing:-.02em;max-width:14ch}
.service-gallery .service-copy>p{font-size:15px;line-height:1.8;margin-top:25px;max-width:30ch}
.service-deliverables{list-style:none;padding:0;margin:35px 0 30px;width:100%;max-width:30ch;font:400 13px/1.6 var(--sans);color:#c5cbd1}
.service-deliverables li{padding:12px 0;border-top:1px solid #43515c}
.service-gallery .service-copy>.text-link{margin-bottom:45px;padding-top:15px}
.service-cover,.cover-spread{position:relative;display:block;aspect-ratio:6/5;background:#101820;overflow:hidden;color:#f2eee5;isolation:isolate}
.service-cover[hidden],.spread-page[hidden]{display:none!important}
.cover-spread>.service-cover{position:absolute;inset:0}
.cover-photograph{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.18);z-index:-2}
.cover-automation .cover-photograph{object-position:50% 47%}
.cover-ai .cover-photograph{object-position:39% 50%;filter:saturate(.25)}
.cover-automation::before,.cover-ai::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,24,32,.8),rgba(16,24,32,.06) 58%,rgba(16,24,32,.85));z-index:-1}
.cover-title{position:absolute;top:6.5%;left:6.5%;right:6%;font:400 clamp(40px,5.7vw,80px)/.98 var(--display);letter-spacing:-.025em;color:inherit;pointer-events:none}
.cover-title em{font-weight:400}
.cover-baseline{position:absolute;bottom:5.5%;left:6.5%;right:6.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid currentColor;padding-top:15px;font:400 12px/1.5 var(--sans)}
.cover-action{font:500 12px/1.4 var(--sans);color:inherit!important;background:none;border:0;border-bottom:1px solid currentColor;padding:10px 0;min-height:44px;cursor:pointer;white-space:nowrap;text-underline-offset:5px}
.cover-action:hover{opacity:.75}
.cover-website{background:#e2e0d5;color:#101820}
.cover-website .cover-title{font-size:clamp(40px,5.7vw,80px)}
.cover-laptop{width:1800px;height:2699px;top:-45%;filter:saturate(.3);z-index:-1}
.cover-laptop>img:first-child{width:1800px;height:2699px;max-width:none;object-fit:fill}
.cover-laptop .cover-screen{position:absolute;left:0;top:0;width:1265px;height:720px;max-width:none;object-fit:fill;transform-origin:top left;filter:saturate(.25);visibility:hidden}
.cover-laptop .cover-screen.is-fitted{visibility:visible}
.cover-website .cover-baseline{bottom:0;left:0;right:0;padding:12px 6.5%;background:#e8e4da;border:0}
.cover-artwork figcaption{display:flex;justify-content:space-between;gap:24px;padding-top:15px;font:400 11px/1.6 var(--sans);color:#c5cbd1}
.cover-artwork figcaption>span{max-width:none}
.spread-page{position:absolute;inset:0;background:#f2eee5;color:#101820;padding:5% 6.5%;display:flex;flex-direction:column;overflow:auto;scrollbar-color:#89908c #f2eee5;scrollbar-width:thin}
.spread-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:14px;border-bottom:1px solid #a7aaa5;font:400 12px/1.4 var(--sans)}
.spread-toolbar button{background:none;border:0;border-bottom:1px solid #69716f;color:#101820;font:inherit;min-height:34px;padding:4px 0;cursor:pointer}
.spread-page h4{font:400 clamp(27px,3.2vw,43px)/1.08 var(--display);letter-spacing:-.02em;margin:25px 0 18px}
.spread-page h4:focus{outline:none}
.spread-options{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:18px;border-bottom:1px solid #b7b9b2}
.spread-options button{font:500 12px/1.4 var(--sans);color:#505953;background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;min-height:44px;cursor:pointer}
.spread-options button[aria-pressed=true]{color:#101820;border-color:#101820}
.spread-page :is(button,a):focus-visible{outline:2px solid #101820;outline-offset:4px}
.cover-artwork :is(.service-cover,.cover-action):focus-visible{outline:2px solid #f2eee5;outline-offset:5px}
.spread-result blockquote{font:400 clamp(19px,2vw,27px)/1.35 var(--display);margin:3px 0 23px;max-width:38ch}
.spread-result dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #b7b9b2;padding-top:18px}
.spread-result dt{font:400 11px/1.5 var(--sans);color:#505953;margin-bottom:7px}
.spread-result dd{font:400 19px/1.3 var(--display);margin:0}
.spread-draft{font:400 13px/1.7 var(--sans);white-space:pre-line;max-width:67ch;padding:0 0 20px}
.spread-foot{margin-top:auto;padding-top:16px;border-top:1px solid #a7aaa5;display:flex;justify-content:space-between;gap:18px;font:400 11px/1.5 var(--sans)}
.spread-foot a{color:#101820;text-decoration:underline;text-underline-offset:4px}
.service-gallery .service-tabs{overflow-anchor:none}
.service-gallery .gallery-stage{overflow-anchor:none}
.service-cover{container-type:inline-size}
@media(min-width:1500px){.cover-title,.cover-website .cover-title{font-size:88px}}
@media(max-width:900px){.service-gallery .gallery-heading{grid-template-columns:1fr;gap:20px}.service-gallery .service-panel{grid-template-columns:1fr;gap:25px}.service-gallery .service-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;padding-top:0}.service-gallery .service-copy h3{font-size:38px;grid-row:1/3}.service-gallery .service-copy>p{margin:0;max-width:35ch}.service-deliverables{display:none}.service-gallery .service-copy>.text-link{margin:16px 0 0;padding:0;justify-self:start;grid-column:2}.cover-title,.cover-website .cover-title{font-size:clamp(45px,9vw,80px)}.spread-page h4{font-size:38px}.spread-draft{font-size:14px}.cover-artwork figcaption{font-size:11px}}
@media(max-width:540px){.service-gallery .service-tabs{gap:26px}.service-gallery .service-tabs button{font-size:13px}.service-gallery .service-copy{display:block}.service-gallery .service-copy h3{font-size:34px;max-width:19ch}.service-gallery .service-copy>p{margin:17px 0;font-size:14px;max-width:38ch}.service-gallery .service-copy>.text-link{margin:0 0 4px}.service-cover,.cover-spread{aspect-ratio:4/5}.cover-title,.cover-website .cover-title{font-size:clamp(40px,10.7vw,57px);top:7%}.cover-laptop{top:-9%}.cover-baseline{gap:10px;font-size:11px}.cover-baseline>span:first-child{max-width:15ch}.cover-action{font-size:11px}.cover-artwork figcaption{gap:16px;font-size:10px}.cover-artwork figcaption>span{max-width:22ch}.spread-page{padding:6%}.spread-page h4{font-size:31px;margin:20px 0 10px}.spread-toolbar{font-size:11px;padding-bottom:10px}.spread-options{gap:17px;margin-bottom:14px}.spread-options button{font-size:11px}.spread-result blockquote{font-size:22px}.spread-result dl{gap:15px}.spread-result dd{font-size:19px}.spread-draft{font-size:12px;line-height:1.65}.spread-foot{font-size:10px;padding-top:12px}.spread-foot>span{max-width:20ch}}

/* Image-free edition: dense serif lettering, quiet gold rules and real text. */
.service-gallery .service-cover{background:#080f15;color:#f2ead7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8% 7% 22%;text-align:center}
.service-gallery .service-cover::before{content:"";position:absolute;inset:14px;border:1px solid #bda16a;background:none;z-index:-1;pointer-events:none}
.service-gallery .service-cover .cover-title{position:static;font:700 clamp(32px,10.8cqw,84px)/1.04 var(--serif);letter-spacing:-.04em;text-transform:uppercase;color:#f2ead7;pointer-events:none;width:100%}
.service-gallery .cover-title>span{display:block;white-space:nowrap}
.service-gallery .cover-title .cover-gold{color:#e7cf93}
.service-gallery .cover-deck{font:400 clamp(13px,2.15cqw,18px)/1.6 var(--sans);color:#e5dfd1;margin:25px 0 0;max-width:38ch}
.service-gallery .cover-baseline{position:absolute;left:7%;right:7%;bottom:5%;padding:12px 0 0;background:none;border-top:1px solid #bda16a;color:#e7cf93;font-size:12px;text-align:left}
.service-gallery .cover-baseline>span:first-child{max-width:24ch}
.service-gallery .cover-signature{position:absolute;left:7%;right:7%;bottom:18%;display:flex;justify-content:space-between;align-items:baseline;gap:16px;font:400 11px/1.5 var(--sans);color:#bdb6a8}
.service-gallery .cover-signature>span:first-child{font:700 14px/1.4 var(--serif);letter-spacing:.12em;color:#e7cf93}
.service-gallery .service-copy>p{max-width:29ch}
.service-gallery .service-copy>.text-link{margin-top:34px;margin-bottom:0}
.service-cover:hover .cover-action{border-bottom-color:#f2ead7;color:#f2ead7!important}
.service-gallery .cover-action:focus-visible{outline-color:#e7cf93}
.service-cover::selection{background:#e7cf93;color:#080f15}
@media(max-width:900px){.service-gallery .service-copy>.text-link{margin-top:15px}.service-gallery .cover-signature{bottom:18%}}
@media(max-width:540px){.service-gallery .service-cover{padding:9% 7% 27%}.service-gallery .service-cover::before{inset:9px}.service-gallery .service-cover .cover-title{font-size:10.5cqw;letter-spacing:-.04em;line-height:1.12}.service-gallery .cover-deck{font-size:12px;margin-top:24px}.service-gallery .cover-signature{bottom:22%;font-size:10px}.service-gallery .cover-signature>span:first-child{font-size:11px}.service-gallery .cover-baseline{bottom:6%;font-size:10px;padding-top:10px;gap:15px}.service-gallery .cover-baseline>span:first-child{max-width:16ch}}