.press-art--swatch .focus-frame path{fill:none;stroke:var(--own, #842323);stroke-width:2.5;stroke-linecap:square;opacity:0;transform-box:view-box;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .3s ease}.press-art--swatch .focus-frame path:nth-child(1){transform:translate(-22px,-22px)}.press-art--swatch .focus-frame path:nth-child(2){transform:translate(22px,-22px)}.press-art--swatch .focus-frame path:nth-child(3){transform:translate(22px,22px)}.press-art--swatch .focus-frame path:nth-child(4){transform:translate(-22px,22px)}.press-art--swatch svg{transition:translate .6s cubic-bezier(.16,1,.3,1),scale .6s cubic-bezier(.16,1,.3,1)}@media(hover:hover)and (pointer:fine){:root:not(.cards-classic) .service-brand.is-active:hover .press-art--swatch{--spread: 21deg}:root:not(.cards-classic) .service-brand.is-active:hover .press-art--swatch svg{translate:0 -8px;scale:1.03;animation:rack-focus .75s cubic-bezier(.16,1,.3,1) both}:root:not(.cards-classic) .service-brand.is-active:hover .focus-frame path{transform:translate(0);opacity:1}}:root:not(.cards-classic) .service-brand:is(.is-active:focus-within,.is-showing) .press-art--swatch{--spread: 21deg}:root:not(.cards-classic) .service-brand:is(.is-active:focus-within,.is-showing) .press-art--swatch svg{translate:0 -8px;scale:1.03;animation:rack-focus .75s cubic-bezier(.16,1,.3,1) both}:root:not(.cards-classic) .service-brand:is(.is-active:focus-within,.is-showing) .focus-frame path{transform:translate(0);opacity:1}@keyframes rack-focus{0%{filter:blur(0)}30%{filter:blur(2.5px)}to{filter:blur(0)}}@media(prefers-reduced-motion:reduce){.press-art--swatch svg,.press-art--swatch .focus-frame path{transition:opacity .2s linear}:root:not(.cards-classic) .service-brand:is(.is-active:hover,.is-active:focus-within,.is-showing) .press-art--swatch svg{animation:none;translate:none;scale:none}.press-art--swatch .focus-frame path:nth-child(n){transform:none}}.layout-guides path{fill:none;stroke:var(--own, #663399);stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:1 1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .45s ease-in,opacity .2s linear .3s}.trace-line{fill:none;stroke:var(--own, #3d6021);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:1 1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .45s ease-in,opacity .2s linear .3s}@media(hover:hover)and (pointer:fine){:root:not(.cards-classic) .service-web.is-active:hover .layout-guides path{stroke-dashoffset:0;opacity:.75;transition:stroke-dashoffset 1.1s cubic-bezier(.65,0,.35,1),opacity .15s linear}:root:not(.cards-classic) .service-web.is-active:hover .layout-guides path:nth-child(n+5){transition-delay:.25s,0s}:root:not(.cards-classic) .service-ai.is-active:hover .trace-line{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset 1.4s cubic-bezier(.65,0,.35,1),opacity .15s linear}}:root:not(.cards-classic) .service-web:is(.is-active:focus-within,.is-showing) .layout-guides path{stroke-dashoffset:0;opacity:.75;transition:stroke-dashoffset 1.1s cubic-bezier(.65,0,.35,1),opacity .15s linear}:root:not(.cards-classic) .service-ai:is(.is-active:focus-within,.is-showing) .trace-line{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset 1.4s cubic-bezier(.65,0,.35,1),opacity .15s linear}@media(prefers-reduced-motion:reduce){.trace-line,.layout-guides path{stroke-dasharray:none;transition:opacity .2s linear!important}}:root.cards-classic .press-art--swatch .focus-frame,:root.cards-classic .trace-line,:root.cards-classic .layout-guides{display:none}@media(hover:none),(pointer:coarse){.press-art--swatch .focus-frame{transform-box:view-box;transform-origin:50% 56%;transform:scale(.84)}:root:not(.cards-classic) .service-brand.is-showing .focus-frame path{animation:touch-mark-fade .7s ease 1.7s forwards}:root:not(.cards-classic) .service-ai.is-showing .trace-line,:root:not(.cards-classic) .service-web.is-showing .layout-guides path{animation:touch-mark-fade .9s ease 2.1s forwards}}@keyframes touch-mark-fade{to{opacity:0}}.work-strip--stack{--fit: calc((100svh - 300px)*1.45) ;margin-inline:calc(50% - 50vw)}.work-strip--stack .strip-btn,.stack-meter{display:none}.work-strip--stack.is-stacking{height:calc(100svh + (var(--n, 3) - 1) * 85svh)}.work-strip--stack.is-stacking .work-board{position:sticky;top:0;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;height:100svh;margin:0;padding:92px var(--gutter) 84px;overflow:clip;scroll-snap-type:none}.work-strip--stack.is-stacking .work-piece{grid-area:1 / 1;transform:translate3d(var(--sx, 0px),var(--sy, 0px),0) rotate(var(--sr, 0deg)) scale(var(--ss, 1)) perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift));transition:none}.work-strip--stack.is-stacking .work-piece.is-under,.work-strip--stack.is-stacking .work-piece.is-gone{pointer-events:none}.work-strip--stack.is-stacking .job-ticket{transition:opacity .35s ease}.work-strip--stack.is-stacking .work-piece:is(.is-under,.is-gone) .job-ticket{opacity:0}.work-strip--stack.is-stacking .work-piece--web{width:min(72vw,900px,var(--fit))}.work-strip--stack.is-stacking .work-piece--sign{width:min(60vw,720px,var(--fit))}.work-strip--stack.is-stacking .work-piece--art{width:min(52vw,620px,var(--fit))}.work-strip--stack.is-stacking .stack-meter{position:absolute;z-index:6;left:max(var(--gutter),calc(50vw - 720px + var(--gutter)));right:max(var(--gutter),calc(50vw - 720px + var(--gutter)));bottom:28px;display:flex;justify-content:space-between;gap:16px;margin:0;font-size:14px;color:var(--muted);pointer-events:none}.stack-count{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}.work-strip--stack.is-listed .work-board{display:flex;flex-direction:column;align-items:center;gap:clamp(56px,8vw,96px);margin:0;padding:24px var(--gutter) 48px;overflow:visible;scroll-snap-type:none}.work-strip--stack.is-listed .work-piece{--tilt: 0deg}@media(max-width:900px){.work-strip--stack{--fit: calc((100svh - 260px)*1.5) }.work-strip--stack.is-stacking .work-piece--web{width:min(90vw,var(--fit))}.work-strip--stack.is-stacking .work-piece--sign{width:min(86vw,var(--fit))}.work-strip--stack.is-stacking .work-piece--art{width:min(80vw,var(--fit))}.work-strip--stack.is-stacking .work-board{top:12px;height:auto;grid-template:auto auto / minmax(0,1fr);align-content:start;row-gap:18px;padding:12px var(--gutter) 8px}.work-strip--stack.is-stacking .stack-meter{position:static;grid-area:2 / 1;font-size:13px}}.overlooked{--ov-sheet: #f3eadb;--ov-texture: url(/assets/paper-texture-light.svg);--ov-ink: #211829;--ov-word: #842323;--ov-under: #663399;--ov-under-ink: #fff9ec;--ov-rim: #fffdf7;--tear-next: #f6e7e2;--tear-rim: #fffdf7;position:relative;isolation:isolate;height:430svh;color:var(--ov-ink);background:var(--ov-texture) 0 0 / 420px repeat,var(--ov-sheet)}@media(prefers-color-scheme:dark){:root:not([data-preview-theme=light]) .overlooked{--ov-sheet: #18131a;--ov-texture: url(/assets/paper-texture-dark.svg);--ov-ink: #fbf6ee;--ov-word: #cc3333;--ov-under: #f3ead9;--ov-under-ink: #3c1212;--ov-rim: #b9ab9c;--ov-glow: .55;--tear-next: #3a2f3d;--tear-rim: #6d5f70}:root:not([data-preview-theme=light]) .perspective{--tear-next: #18131a;--tear-rim: #4a3e46}}:root[data-preview-theme=dark] .overlooked{--ov-sheet: #18131a;--ov-texture: url(/assets/paper-texture-dark.svg);--ov-ink: #fbf6ee;--ov-word: #cc3333;--ov-under: #f3ead9;--ov-under-ink: #3c1212;--ov-rim: #b9ab9c;--ov-glow: .55;--tear-next: #3a2f3d;--tear-rim: #6d5f70}:root[data-preview-theme=dark] .perspective{--tear-next: #18131a;--tear-rim: #4a3e46}.perspective{--tear-next: #f3eadb;--tear-rim: #fffdf7}@media(prefers-color-scheme:light){:root:not([data-preview-theme=dark]) .perspective{--tear-next: #f3eadb;--tear-rim: #fffdf7}}:root[data-preview-theme=light] .perspective{--tear-next: #f3eadb;--tear-rim: #fffdf7}.overlooked:before,.overlooked:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(26px,3.2vw,46px);pointer-events:none;-webkit-mask:var(--tear-mask) -640px bottom / 1440px 100% repeat-x;mask:var(--tear-mask) -640px bottom / 1440px 100% repeat-x}.overlooked:before{z-index:3;--tear-mask: url(/assets/tear-rim.svg);background:var(--tear-rim)}.overlooked:after{z-index:4;--tear-mask: url(/assets/tear.svg);background:var(--tear-next)}.overlooked-stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center;align-content:center;padding:0 16px}.overlooked-title{position:relative;z-index:2;max-width:15em;margin:0;text-align:center;font-size:clamp(30px,3.9vw,54px);font-weight:700;line-height:1.12;letter-spacing:-.02em;color:color-mix(in srgb,var(--ov-ink) calc(100% - 45% * var(--dim, 0)),transparent);text-wrap:balance}.overlooked .overlooked-title .overlooked-word{font-style:normal;color:var(--ov-word)!important;-webkit-text-fill-color:currentColor;background:none}.overlooked-glasses{position:relative;z-index:2;width:clamp(240px,31vw,430px);aspect-ratio:1733 / 465;margin-bottom:clamp(22px,3.4vh,40px);transform:translate(var(--gx, 0px),var(--gy, 0px))}.og-tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) rotate(var(--rz, 0deg))}.og-sheet{position:absolute;inset:0;-webkit-mask:url(/assets/hero-glasses-red.png) center / contain no-repeat;mask:url(/assets/hero-glasses-red.png) center / contain no-repeat}.og-back{background:#1e0a0c33;transform:translate3d(1px,3px,-3px)}.og-edge{position:absolute;inset:0;transform:translateZ(2px);filter:drop-shadow(0 0 6px rgb(230 153 153 / var(--ov-glow, 0))) drop-shadow(0 0 16px rgb(217 102 102 / calc(var(--ov-glow, 0) * .7)))}.og-face{background:url(/assets/paper-texture-light.svg) 0 0 / 260px repeat,url(/assets/hero-glasses-red.png) center / contain no-repeat}.og-shadow{position:absolute;left:8%;right:8%;bottom:-26%;height:22%;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0 / .45),transparent);filter:blur(6px);transform:translate(calc(var(--ry-num, 0) * -.4px)) scaleX(calc(1 - var(--tilt-amt, 0) * .15));z-index:-1}.overlooked-rips{margin:0;padding:0;list-style:none}.rip{position:absolute;z-index:1;left:var(--x);top:var(--y);width:max-content;max-width:min(34vw,430px);transform:translate(-50%,-50%)}.rip[data-slot="0"]{--x: 30%;--y: 16%}.rip[data-slot="1"]{--x: 70%;--y: 85%}.rip[data-slot="2"]{--x: 70%;--y: 16%}.rip[data-slot="3"]{--x: 30%;--y: 85%}.rip-paper{position:relative;display:block;padding:clamp(13px,1.4vw,17px) clamp(22px,2.2vw,30px)}.rip-art{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}.rip-rim{fill:var(--ov-rim)}.rip-hole{fill:var(--ov-under);filter:url(#rip-shade)}.rip-text{position:relative;display:block;text-align:center;font-size:clamp(18px,1.55vw,23px);font-weight:600;line-height:1.3;color:var(--ov-under-ink);opacity:var(--text, 0)}.overlooked:not(.is-ready) .rip{visibility:hidden}@media(min-width:1101px){.rip{max-width:min(27vw,420px)}.rip[data-slot="0"]{--x: 17%;--y: 24%}.rip[data-slot="2"]{--x: 83%;--y: 24%}.rip[data-slot="3"]{--x: 17%;--y: 76%}.rip[data-slot="1"]{--x: 83%;--y: 76%}}@media(min-width:721px)and (max-width:1100px)and (min-height:601px){.overlooked-title{font-size:clamp(34px,4.8vw,50px)}.overlooked-glasses{width:clamp(260px,38vw,400px)}.rip{max-width:42vw}.rip-text{font-size:clamp(17px,2vw,20px)}.rip[data-slot="0"]{--x: 28%;--y: 23%}.rip[data-slot="2"]{--x: 72%;--y: 23%}.rip[data-slot="3"]{--x: 28%;--y: 78%}.rip[data-slot="1"]{--x: 72%;--y: 78%}}@media(min-width:721px)and (max-height:600px){.overlooked-title{font-size:clamp(26px,8svh,40px);max-width:11em}.overlooked-glasses{width:clamp(170px,46svh,280px);margin-bottom:12px}.rip{max-width:21vw}.rip-paper{padding:8px 12px}.rip-text{font-size:13px}.rip[data-slot="0"]{--x: 13%;--y: 30%}.rip[data-slot="2"]{--x: 87%;--y: 30%}.rip[data-slot="3"]{--x: 13%;--y: 72%}.rip[data-slot="1"]{--x: 87%;--y: 72%}}@media(max-width:720px){.overlooked{height:380svh}.overlooked-title{font-size:clamp(28px,8.4vw,40px)}.overlooked-glasses{width:min(80vw,320px)}.rip{max-width:min(calc(100% - 36px),420px)}.rip[data-slot="0"],.rip[data-slot="2"]{--x: 50%;--y: 19%}.rip[data-slot="1"],.rip[data-slot="3"]{--x: 50%;--y: 82%}.rip-text{font-size:18px}}.overlooked.is-static{height:auto}.overlooked.is-static .overlooked-stage{position:relative;height:auto;padding:clamp(80px,10vw,140px) 16px clamp(90px,11vw,150px)}.overlooked.is-static .overlooked-rips{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px 34px;width:min(100%,960px);margin-top:clamp(36px,5vw,64px)}.overlooked.is-static .rip{position:relative;left:auto;top:auto;width:auto;max-width:none;transform:none}.hero #hero-title{text-shadow:0 1px 1px rgb(4 8 17 / 1),0 2px 3px rgb(4 8 17 / .9),0 3px 6px rgb(4 8 17 / .55)}.hero .capabilities{text-shadow:0 1px 1px rgb(0 0 0 / 1),0 1px 2px rgb(0 0 0 / 1),0 2px 4px rgb(0 0 0 / .8)}.hero .hero-intro{text-shadow:0 0 1px rgb(0 0 0 / 1),0 1px 2px rgb(0 0 0 / 1),0 0 4px rgb(0 0 0 / 1),0 2px 6px rgb(0 0 0 / .95),0 0 10px rgb(0 0 0 / .75)}.about .about-heading .signature{margin:0 0 10px;font-size:clamp(17px,1.4vw,20px);font-weight:600;letter-spacing:.01em}.about .about-copy>p:first-child{margin-top:0}@media(min-width:701px){.contact .contact-mark{width:clamp(150px,16vw,216px)}}.inquiry-form .form-actions{margin-top:56px;gap:32px}@media(max-width:700px){.inquiry-form .form-actions{margin-top:44px;gap:20px}}.projects .work-board>.work-heading{width:min(100%,calc(1440px - 2 * var(--gutter)));justify-self:center;align-self:start;margin:0}.projects .work-strip--stack.is-stacking .work-board{grid-template:auto minmax(0,1fr) / minmax(0,1fr);row-gap:var(--sp-48, 48px);padding-top:104px}.projects .work-strip--stack.is-stacking .work-board>.work-heading{grid-area:1 / 1}.projects .work-strip--stack.is-stacking .work-piece{grid-area:2 / 1}.projects .work-strip--stack{--fit: calc((100svh - 400px)*1.45) }.projects .work-strip--stack.is-listed .work-board>.work-heading{margin-bottom:var(--sp-24, 24px)}@media(max-width:900px){.projects .work-strip--stack{--fit: calc((100svh - 400px)*1.5) }.projects .work-strip--stack.is-stacking .work-board{grid-template:auto auto auto / minmax(0,1fr);padding-top:12px}.projects .work-strip--stack.is-stacking .stack-meter{grid-area:3 / 1}}.services .service-nav .service-all+.service-skip:not(:focus-visible){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:root .services.services--press .service-nav>a.service-all{color:var(--muted, #6b5f5f)!important;font-weight:500}:root{--section-gap: clamp(84px, 9.5vw, 128px)}main>.perspective,main>.about,main>.projects,main>.journal{padding-block:var(--section-gap)}:root{--sp-6: 6px;--sp-12: 12px;--sp-24: 24px;--sp-32: 32px;--sp-48: 48px;--sp-head: var(--sp-32);--space-xs: 6px;--space-sm: 12px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px}@media(max-width:700px){:root{--sp-head: var(--sp-24)}}main section:not(.perspective):not(.hero) h2{line-height:1.08}main .about .about-heading .signature,main .journal-intro>.eyebrow{margin:0 0 var(--sp-12)!important}main .perspective h2,main .about .about-heading,main .journal-intro h2,main .contact-head h2{margin-bottom:var(--sp-head)!important}main .about .about-heading h2,main .about .about-copy>p:first-child,main .journal-intro h2+p,main .contact-head h2+p{margin-top:0!important}main .perspective p,main .about-copy p{margin:0 0 var(--sp-24)}main .perspective p:last-of-type,main .about-copy p:last-child{margin-bottom:0}main .about-copy .about-links,main .perspective .text-link{margin-top:var(--sp-32)!important}main .perspective p,main .about-copy p,main .work-heading p,main .journal p:not(.eyebrow),main .approach .process p,main .contact-head p{line-height:1.5!important}main .form-required-note,main .form-actions p,main .stack-meter{line-height:1.45}@media(max-width:700px){main .about-copy .about-links{row-gap:0}main .about-copy .about-links a{margin-top:0}}main .journal-intro>.text-link{margin-top:var(--sp-32)!important}@media(min-width:701px){main .about-copy .about-links{flex-wrap:nowrap;column-gap:var(--sp-48, 48px);white-space:nowrap}}@media(min-width:901px){.hero-copy h1{font-size:clamp(44px,4.2vw,64px)!important}.hero-copy .hero-intro{margin-top:var(--space-md)!important}.hero-copy .hero-intro{margin-bottom:var(--space-lg)!important}.hero-copy .pill{margin-top:0!important}}main .projects h2,main .services>* h2#services-title,main .about h2,main .journal h2#journal-title,main .approach h2,main .contact-head h2{font-size:clamp(34px,3.6vw,52px)!important}@media(max-width:700px){main .projects h2,main .services>* h2#services-title,main .about h2,main .journal h2#journal-title,main .approach h2,main .contact-head h2{font-size:clamp(30px,8vw,38px)!important}}main .journal-intro p:not(.eyebrow){font-size:18px}.inquiry-form .form-fields{gap:var(--space-md) var(--space-lg)}
