.service-universe{--diagram-line:#f1bf9859}.universe-hero{min-height:min(960px,100svh);padding-top:max(120px, calc(var(--header-height) + 24px));grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;column-gap:5vw;padding-bottom:65px;display:grid}.universe-hero .offer-breadcrumb{grid-column:1/-1;margin-bottom:32px}.universe-hero h1{width:100%;margin:0;font-size:clamp(42px,4.3vw,76px);line-height:1.05}.universe-hero h1 em{margin:12px 0 0}.universe-hero .offer-hero-copy{width:100%;max-width:570px;margin-top:30px}.universe-hero .offer-hero-copy>p{font-size:clamp(17px,1.2vw,20px)}.universe-hero .offer-scroll{margin-top:28px}.universe-hero-stage{isolation:isolate;min-width:0;position:relative}.universe-hero .offer-hero-art{z-index:-1;opacity:.45;width:130%;height:130%;inset:-15%}.service-illustration{margin:0;position:relative}.service-chapter{padding:var(--section) var(--gutter);position:relative}.service-chapter h3{font-size:clamp(25px,2.2vw,36px);line-height:1.12}.service-chapter h2{text-wrap:balance}.service-chapter p{max-width:65ch}.chapter-intro{grid-template-columns:1.3fr .8fr;align-items:end;gap:7vw;display:grid}.chapter-intro>p{color:var(--muted)}.paper .chapter-intro>p{color:var(--text)}.narrative-note{border-top:1px solid var(--line);color:var(--muted);margin-top:50px;padding-top:22px;font-size:15px}.paper .narrative-note{border-color:var(--paper-line);color:var(--text)}.service-universe .offer-photo{position:relative;inset:auto}.service-universe .offer-steps li{min-height:0}.offer-concerns{border-top:1px solid var(--line);grid-template-columns:1fr 1.2fr;gap:8vw;margin-top:75px;padding-top:75px;display:grid}.offer-concerns h2{font-size:clamp(32px,3.5vw,52px)}.offer-concerns details{border-bottom:1px solid var(--line)}.offer-concerns summary{cursor:pointer;justify-content:space-between;gap:25px;padding:23px 0;font-size:20px;line-height:1.35;list-style:none;display:flex}.offer-concerns summary::-webkit-details-marker{display:none}.offer-concerns summary span{color:var(--copper)}.offer-concerns details[open] summary span{transform:rotate(45deg)}.offer-concerns details p{color:var(--muted);margin:0 0 26px}.automation-workbench{border-radius:0 64px 0 0}.automation-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw;margin:70px 0 0;padding:0;list-style:none;display:grid}.automation-flow li{position:relative}.automation-flow li+li:before{content:"→";color:var(--copper-dark);font-size:32px;position:absolute;top:82px;left:-3.5vw}.automation-flow h3{margin-top:30px}.automation-flow p{margin-top:16px}.flow-drawing{border:1px solid var(--paper-line);height:200px;color:var(--copper-dark);border-radius:4px 36px 4px 4px;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.validation-boundary{border-top:1px solid var(--paper-line);align-items:center;gap:35px;margin-top:65px;padding:35px 0 0;display:flex}.validation-boundary>span{color:var(--copper-dark);font-size:60px}.validation-boundary strong{letter-spacing:-.04em;font-size:clamp(26px,2.6vw,40px);font-weight:500;line-height:1.2}.automation-connection{background:var(--green)}.automation-setup{grid-template-columns:.85fr 1fr;gap:7vw;display:grid}.service-universe .connection-photo{height:700px;max-height:80svh;top:calc(var(--header-height) + 30px);position:sticky}.connection-photo:after{background:linear-gradient(160deg, transparent 35%, var(--photo-green-wash))}.connection-method h2{font-size:clamp(36px,3.6vw,58px)}.connection-method>p{color:var(--muted);margin-top:25px}.compact-steps{margin-top:36px}.compact-steps li{padding:28px 0}.compact-steps h3:before{margin:0 18px 0 0;display:inline-block}.automation-possibilities{border-top:1px solid var(--line);grid-column:1/-1;margin-top:70px;padding-top:60px}.automation-possibilities h2{max-width:850px;font-size:clamp(36px,4vw,60px)}.possibility-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw;margin-top:45px;display:grid}.possibility-grid p{color:var(--muted);margin-top:20px}.universe-marketing .offer-hero-art{opacity:.25;transform:rotate(14deg)}.strategy-route{border-radius:70px 0 0}.strategy-route-heading{max-width:960px}.strategy-route-heading>p{max-width:660px;margin:32px 0 0 auto}.strategy-route-map{grid-template-columns:1.1fr 1fr;align-items:start;gap:7vw;margin-top:65px;display:grid}.strategy-route-art{top:calc(var(--header-height) + 40px);height:auto;position:sticky}.service-universe .route-steps li{border-top:0;border-left:1px solid var(--paper-line);padding:38px 0 38px 35px;position:relative}.route-steps li:before{content:"";background:var(--copper-dark);width:11px;height:11px;box-shadow:0 0 0 7px var(--paper);border-radius:50%;position:absolute;top:40px;left:-6px}.route-steps h3:before,.route-steps .is-active h3{color:var(--copper-dark)}.route-steps p{color:var(--text)}.strategy-planning{background:radial-gradient(ellipse at 90% 20%, var(--green), var(--ink) 65%)}.planning-heading{grid-template-columns:1.4fr .7fr;align-items:end;gap:8vw;display:grid}.planning-heading p{color:var(--muted)}.planning-photo{border-radius:45px 3px 3px;height:220px;margin-bottom:24px;overflow:hidden}.planning-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:70px 0 0;padding:0;list-style:none;display:grid}.planning-board li{border:1px solid var(--line);background:var(--green);padding:35px}.planning-board li:nth-child(2){background:var(--paper);color:var(--ink);margin-top:45px;margin-bottom:-45px}.planning-board li:nth-child(3){border-radius:0 0 35px;margin-top:90px;margin-bottom:-90px}.planning-symbol{color:var(--copper);margin-bottom:30px;font-size:64px;line-height:1;display:block}.planning-board li:nth-child(2) .planning-symbol{color:var(--copper-dark)}.planning-board p{margin-top:20px}.strategy-planning>.narrative-note{margin-top:140px}.web-illustration{padding:45px 0 75px}.browser-model{background:var(--paper);color:var(--ink);border:1px solid var(--paper-line);border-radius:10px;overflow:hidden;transform:perspective(1000px)rotateY(-7deg)rotateX(3deg);box-shadow:0 30px 75px #00000059}.browser-chrome{border-bottom:1px solid var(--paper-line);justify-content:space-between;align-items:center;padding:15px 20px;font-size:13px;display:flex}.browser-chrome>span:first-child{letter-spacing:4px;color:var(--copper-dark);font-size:8px}.browser-content{grid-template-columns:1.1fr 1fr;min-height:270px;display:grid}.browser-content>div:first-child{padding:30px 20px}.browser-content strong{letter-spacing:-.045em;font-size:clamp(23px,2.3vw,36px);font-weight:500;line-height:1.1;display:block}.browser-content em{color:var(--copper-dark)}.model-contact{border-top:1px solid var(--paper-line);margin-top:25px;padding-top:14px;font-size:13px;display:block}.browser-photo{min-width:0}.browser-answers{border-top:1px solid var(--paper-line);justify-content:space-between;gap:16px;padding:25px 20px;font-size:13px;display:flex}.phone-model{border:3px solid var(--line);background:var(--ink);border-radius:22px;width:145px;padding:8px;position:absolute;bottom:43px;right:-2%;transform:rotate(6deg);box-shadow:0 12px 35px #0006}.phone-speaker{background:var(--line);border-radius:4px;width:30px;height:3px;margin:1px auto 8px}.phone-image{border-radius:12px 12px 0 0;height:98px;overflow:hidden}.phone-model strong{margin:15px 3px;font-size:15px;font-weight:450;line-height:1.15;display:block}.phone-model>span{color:var(--copper);margin:12px 3px;font-size:11px;display:block}.universe-web .offer-hero-art{opacity:.5;height:125%;inset:-25% -12% 0}.web-anatomy{border-radius:0 70px 0 0}.anatomy-layout{grid-template-columns:1.1fr .85fr;align-items:start;gap:8vw;margin-top:75px;display:grid}.website-blueprint{border:1px solid var(--paper-line);background:var(--paper);top:calc(var(--header-height) + 30px);border-radius:5px;position:sticky;box-shadow:0 25px 60px #10111414}.blueprint-bar{border-bottom:1px solid var(--paper-line);justify-content:space-between;padding:20px;font-size:15px;display:flex}.blueprint-hero{grid-template-columns:1.1fr 1fr;gap:20px;padding:25px;display:grid}.blueprint-hero>div:first-child{padding:15px 0}.blueprint-hero span,.blueprint-proof>span{color:var(--copper-dark);margin-bottom:20px;font-size:14px;display:block}.blueprint-hero strong{letter-spacing:-.05em;font-size:clamp(25px,2.2vw,38px);font-weight:450;line-height:1.1}.blueprint-hero .offer-photo{border-radius:30px 0 0;min-height:170px}.blueprint-hero .offer-photo:after{display:none}.blueprint-proof{border-top:1px solid var(--paper-line);padding:25px}.blueprint-proof>div{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.blueprint-contact{background:var(--green);color:var(--paper);justify-content:space-between;gap:20px;padding:22px 25px;font-size:17px;display:flex}.blueprint-contact span{color:var(--copper)}.anatomy-layers{margin:0;padding:0;list-style:none}.anatomy-layers li{border-top:1px solid var(--paper-line);padding:30px 0 40px;position:relative}.anatomy-layers li:before{content:"";border-top:1px solid var(--paper-line);width:6vw;position:absolute;top:46px;right:calc(100% + 12px)}.anatomy-layers li>span{color:var(--copper-dark);font-size:15px}.anatomy-layers h3{margin:15px 0}.web-making{background:var(--green)}.web-build-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw;margin-top:60px;display:grid}.web-build-steps li{justify-content:start;padding-top:20px}.build-glyph{align-items:center;gap:10px;height:90px;margin-bottom:25px;display:flex}.build-glyph-2{gap:25px}.universe-image .universe-hero{grid-template-columns:1fr;gap:35px}.universe-image .universe-hero-copy{grid-template-columns:1.3fr .8fr;align-items:end;gap:0 7vw;display:grid}.universe-image .universe-hero-copy h1{grid-row:span 2}.universe-image .universe-hero-stage{width:91%;margin-left:auto}.universe-image .editorial-hero-photo{height:clamp(380px,53svh,620px)}.universe-image .offer-hero-art{max-width:340px;max-height:350px}.image-illustration{padding-bottom:30px}.editorial-hero-photo{border-radius:100px 3px 3px;height:clamp(370px,40vw,680px);position:relative;overflow:hidden}.editorial-hero-photo img{filter:saturate(.85)}.viewfinder{opacity:.85;filter:drop-shadow(0 1px 3px var(--ink));grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:12%}.viewfinder i{border-top:1px solid var(--paper);border-left:1px solid var(--paper);width:30px;height:30px}.viewfinder i:nth-child(2){justify-self:end;transform:rotate(90deg)}.viewfinder i:nth-child(3){align-self:end;transform:rotate(-90deg)}.viewfinder i:nth-child(4){place-self:end;transform:rotate(180deg)}.universe-image .offer-hero-art{z-index:1;opacity:.9;width:65%;height:65%;filter:drop-shadow(0 3px 8px var(--ink));inset:auto -10% -16% auto}.image-reportage{display:block}.reportage-intro h2{font-size:clamp(36px,4vw,64px)}.reportage-intro{grid-template-columns:1.2fr .8fr;align-items:end;gap:7vw;display:grid}.reportage-intro>p{margin-top:30px}.reportage-steps{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw;display:grid}.reportage-steps li{border-color:var(--paper-line);justify-content:start;padding:35px 0 0}.reportage-steps p{color:var(--text)}.reportage-steps h3:before{display:none}.reportage-steps .is-active h3{color:var(--copper-dark)}.reportage-stage{color:var(--copper-dark);margin-bottom:28px;font-size:45px}.image-formats{background:radial-gradient(ellipse at 30% 45%, var(--green), var(--ink) 70%)}.format-gallery{grid-template-columns:1.2fr .85fr 1fr;gap:4vw;margin:70px 0 0;padding:0;list-style:none;display:grid}.format-mount{flex-direction:column;justify-content:center;align-items:center;gap:22px;height:370px;display:flex}.format-mount>span{color:var(--copper);font-size:14px}.format-photo{border:1px solid var(--line);background:var(--ink);width:100%;height:200px;padding:8px}.format-mount-1 .format-photo{border-radius:15px;width:190px;max-width:90%;height:270px}.format-mount-1 img{border-radius:8px}.format-mount-2 .format-photo{background:var(--paper);max-width:240px;height:290px;padding:20px 20px 45px;transform:rotate(5deg)}.format-gallery h3{margin-top:35px}.format-gallery p{color:var(--muted);margin-top:18px}@media (width>=801px) and (height<=800px){.universe-hero{padding-bottom:35px}.universe-hero .offer-breadcrumb{margin-bottom:20px}.universe-hero .offer-hero-copy{margin-top:25px}}.motion-paused .service-universe *,.motion-paused .service-universe :before{animation-play-state:paused}@media (width<=1100px){.universe-hero{gap:3vw}.universe-hero h1{font-size:clamp(40px,4.8vw,54px)}.browser-content{min-height:220px}.browser-content>div:first-child{padding:20px 15px}.phone-model{width:115px;bottom:30px}.phone-model strong{font-size:13px}.browser-answers{flex-wrap:wrap}.planning-board li{padding:25px}.format-mount{height:320px}}@media (width<=800px){.universe-hero,.universe-image .universe-hero{grid-template-columns:1fr;gap:0;min-height:0;padding-top:115px;display:grid}.universe-hero .offer-breadcrumb{margin-bottom:28px}.universe-hero h1{max-width:650px;font-size:clamp(40px,8vw,62px)}.universe-hero-stage{width:100%;margin-top:45px}.universe-hero-copy,.universe-image .universe-hero-copy{display:contents}.universe-hero-copy>h1,.universe-image .universe-hero-copy h1{grid-row:2}.universe-hero-stage{grid-row:3;margin-top:24px}.universe-hero-copy>.offer-hero-copy{grid-row:4}.universe-hero-copy>.offer-scroll{grid-row:5}.universe-image .universe-hero-stage{width:100%;margin-left:0}.universe-hero .offer-hero-art{order:unset;margin:0;position:absolute}.universe-hero .offer-scroll{margin-top:25px}.web-illustration{max-width:600px;margin:auto;padding-top:15px;padding-bottom:0}.browser-model{transform:none}.browser-content{min-height:240px}.browser-content strong{font-size:25px}.browser-chrome{padding:12px}.browser-answers{display:none}.phone-model{width:115px;bottom:55px;right:0}.image-illustration{margin-right:4%}.editorial-hero-photo{border-top-left-radius:70px;height:430px}.universe-image .offer-hero-art{bottom:-12%}.chapter-intro,.planning-heading,.offer-concerns,.strategy-route-map,.anatomy-layout,.image-reportage,.automation-setup{grid-template-columns:1fr;gap:30px}.service-chapter{padding-block:65px}.service-chapter h2{font-size:clamp(36px,7vw,54px)}.service-chapter h3{font-size:28px}.automation-flow{grid-template-columns:1fr;gap:50px;margin-top:40px}.automation-flow li{grid-template-columns:110px 1fr;align-items:start;gap:12px 22px;display:grid}.automation-flow li+li:before{content:"↓";top:-45px;left:46px}.flow-drawing{border-radius:3px 25px 3px 3px;grid-row:span 2;height:145px}.possibility-grid{grid-template-columns:1fr;gap:40px}.automation-flow h3{margin:0;font-size:25px}.automation-flow p{margin:0;font-size:16px}.validation-boundary{gap:20px}.validation-boundary>span{font-size:40px}.service-universe .connection-photo{height:340px;position:relative;top:auto}.connection-method{grid-row:1}.connection-method h2{font-size:38px}.offer-concerns{margin-top:45px;padding-top:40px}.offer-concerns h2{font-size:34px}.offer-concerns summary{font-size:19px}.strategy-route-art{height:auto;margin-right:18px;position:relative;top:auto}.strategy-route-heading>p{margin-top:25px}.strategy-route-map{margin-top:40px}.service-universe .route-steps li{padding:30px 0 30px 28px}.planning-board{grid-template-columns:1fr;gap:0;margin-top:45px}.planning-board li:nth-child(2),.planning-board li:nth-child(3){margin:0}.planning-board li{padding:28px}.planning-symbol{float:right;margin:0 0 25px 15px;font-size:45px}.strategy-planning>.narrative-note{margin-top:35px}.anatomy-layout{margin-top:40px}.website-blueprint{position:relative;top:auto}.blueprint-hero{gap:12px;padding:18px}.blueprint-hero span{font-size:13px}.blueprint-hero strong{font-size:25px}.blueprint-proof{padding:18px}.blueprint-contact{padding:18px;font-size:16px}.anatomy-layers li:before{display:none}.web-build-steps,.reportage-steps{grid-template-columns:1fr;gap:0;margin-top:35px}.web-build-steps li{grid-template-columns:70px 1fr;column-gap:22px;padding:25px 0;display:grid}.build-glyph{grid-row:span 2;gap:3px;height:75px;margin:0}.build-glyph-2{gap:5px}.web-build-steps h3:before{display:none}.reportage-intro{grid-row:1}.reportage-steps li{padding:30px 0}.reportage-stage{margin-bottom:18px;font-size:35px}.format-gallery{grid-template-columns:1fr;gap:45px;margin-top:30px}.format-mount{height:330px}.format-mount-0 .format-photo{height:240px}.format-gallery h3{margin-top:20px}.service-universe .offer-reassurance{gap:28px}}@media (prefers-reduced-motion:reduce){.browser-model,.phone-model{transform:none}.strategy-route-art,.website-blueprint,.service-universe .connection-photo{position:relative;top:auto}}@media print{.universe-hero,.chapter-intro,.service-chapter,.strategy-route-map,.anatomy-layout{display:block}.universe-hero-stage,.strategy-route-art,.format-gallery,.service-universe .connection-photo{break-inside:avoid}.service-chapter{padding:30px 0}.website-blueprint,.service-universe .connection-photo{position:relative;top:auto}}
