@font-face{font-family:WayriotManrope;src:url('/assets/wayriot/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:WayriotMono;src:url('/assets/wayriot/IBMPlexMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
.wayriot-case{--wr-paper:#f7f3e9;--wr-ink:#151515;--wr-blue:#164dde;background:var(--wr-paper);color:var(--wr-ink);font-family:WayriotManrope,Arial,sans-serif;padding-top:96px;position:relative;z-index:1}
.wayriot-case *{box-sizing:border-box}
.wayriot-case :is(h1,h2,h3,p,figure){margin:0;color:inherit;text-shadow:none}
.wayriot-case :is(h1,h2,h3){font-family:WayriotManrope,Arial,sans-serif;font-weight:800;text-transform:none}
.wayriot-case h1{font-size:clamp(64px,8.8vw,132px);line-height:.96;letter-spacing:-.04em;word-spacing:.02em}
.wayriot-case h2{font-size:clamp(38px,4.5vw,68px);line-height:1.04;letter-spacing:-.035em;max-width:19ch}
.wayriot-case h3{font-size:clamp(23px,2.2vw,34px);line-height:1.14;letter-spacing:-.025em}
.wayriot-case p{font-size:17px;line-height:1.65;max-width:65ch}
.wayriot-case img{display:block;width:100%;height:auto;max-width:100%}
.wayriot-case a{color:inherit;text-underline-offset:.25em}
.wayriot-case a:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.wayriot-case .wr-pad{padding-left:max(24px,5vw);padding-right:max(24px,5vw)}
.wayriot-case .wr-section{padding-top:100px;padding-bottom:100px;scroll-margin-top:100px}
.wayriot-case .wr-hero{padding-top:28px}
.wayriot-case .wr-kicker{display:flex;justify-content:space-between;gap:20px;padding-bottom:46px;font:11px/1.6 WayriotMono,monospace;text-transform:uppercase;letter-spacing:.035em}
.wayriot-case .wr-wordmark{width:clamp(175px,19vw,290px);height:auto;margin-bottom:36px}
.wayriot-case .wr-hero-line{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}
.wayriot-case .wr-hero-line p{font-size:clamp(18px,1.8vw,25px);line-height:1.4;margin-bottom:24px;letter-spacing:-.03em}
.wayriot-case .wr-button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:50px;padding:13px 21px;border:1px solid var(--wr-ink);border-radius:0;background:var(--wr-ink);color:var(--wr-paper);font:14px/1.4 WayriotMono,monospace;text-decoration:none;transition:background .15s,color .15s}
.wayriot-case .wr-button:hover{background:var(--wr-cobalt-depth);color:white;border-color:var(--wr-blue)}
.wayriot-case .wr-hero-image{width:100%;max-height:780px;object-fit:cover;aspect-ratio:16/9;object-position:center 57%}
.wayriot-case .wr-scope{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:25px 0;font:11px/1.5 WayriotMono,monospace;text-transform:uppercase;letter-spacing:.025em}
.wayriot-case .wr-chapters{display:flex;overflow-x:auto;gap:25px;padding:17px max(24px,5vw);border-top:1px solid #15151530;border-bottom:1px solid #15151530;background:var(--wr-paper);font:12px/1.5 WayriotMono,monospace;scrollbar-width:thin}
.wayriot-case .wr-chapters a{white-space:nowrap;text-decoration:none;padding:6px 0}
.wayriot-case .wr-chapters a:hover{text-decoration:underline}
.wayriot-case .wr-label{display:block;font:11px/1.5 WayriotMono,monospace;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}
.wayriot-case .wr-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end;margin-bottom:48px}
.wayriot-case .wr-heading>p{max-width:49ch}
.wayriot-case .wr-split{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:center}
.wayriot-case .wr-copy p{margin-top:20px}
.wayriot-case .wr-small{font-size:12px;line-height:1.6;max-width:100ch;margin-top:28px;opacity:.8}
.wayriot-case figcaption{font:11px/1.6 WayriotMono,monospace;letter-spacing:.015em;margin-top:13px}
.wayriot-case .wr-naming{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #15151540;margin-top:72px;padding:45px 0}
.wayriot-case .wr-name-part{display:flex;align-items:center;gap:35px}
.wayriot-case .wr-name-part>span{font-size:clamp(45px,7vw,100px);font-weight:800;letter-spacing:-.065em;line-height:1}
.wayriot-case .wr-naming>b{font-size:48px;font-weight:400}
.wayriot-case .wr-name-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.wayriot-case .wr-name-options>div{padding:27px;border:1px solid #15151540}
.wayriot-case .wr-name-options p{font-size:14px;margin-top:12px}
.wayriot-case .wr-name-options .wr-selected{background:var(--wr-cobalt-depth);color:white;border-color:var(--wr-blue)}
.wayriot-case .wr-blue{background:var(--wr-cobalt-depth);color:white}
.wayriot-case .wr-logo-demo{padding:90px 5vw 100px;border-top:1px solid #ffffff55;border-bottom:1px solid #ffffff55;margin-bottom:60px}
.wayriot-case .wr-logo-demo img{max-width:950px;margin:auto}
.wayriot-case .wr-identity-detail figure{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.wayriot-case .wr-type-display{font-size:36px;font-weight:700}
.wayriot-case .wr-type-mono{font:13px/1.5 WayriotMono,monospace}
.wayriot-case .wr-palette{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border:1px solid #ffffff50}
.wayriot-case .wr-palette>div{background:var(--swatch);color:var(--ink);display:flex;flex-direction:column;justify-content:flex-end;height:155px;padding:20px;gap:6px;font-weight:700}
.wayriot-case .wr-palette small{font:11px/1.5 WayriotMono,monospace}
.wayriot-case .wr-products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.wayriot-case .wr-products img{aspect-ratio:3/4;object-fit:contain;background:#faf7ef}
.wayriot-case .wr-products figcaption{margin-top:24px}
.wayriot-case .wr-products h3{font-size:25px}
.wayriot-case .wr-products p{font-size:14px;margin-top:12px}
.wayriot-case .wr-products .wr-label{margin-bottom:8px}
.wayriot-case #packaging{padding-top:0}
.wayriot-case .wr-full{max-height:none;object-fit:contain;object-position:center}
.wayriot-case .wr-tags{display:grid;grid-template-columns:repeat(5,1fr);gap:4vw;padding:60px 3vw 45px}
.wayriot-case .wr-tags img{aspect-ratio:3/5;object-fit:contain;max-height:280px}
.wayriot-case .wr-tags figcaption{text-align:center;font-size:10px}
.wayriot-case .wr-pack-copy{margin:0;border-top:1px solid #15151530;padding-top:35px}
.wayriot-case .wr-ink{background:var(--wr-ink);color:var(--wr-paper)}
.wayriot-case .wr-people{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wayriot-case .wr-people img{height:auto;object-fit:contain}
.wayriot-case .wr-campaign-heading{margin-top:80px}
.wayriot-case .wr-campaigns{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:start}
.wayriot-case .wr-web-layout{margin-top:65px;max-width:960px;margin-left:auto;margin-right:auto}
.wayriot-case .wr-film{background:#eae5da}
.wayriot-case .wr-film video{display:block;width:100%;aspect-ratio:16/9;background:#151515;height:auto}
.wayriot-case .wr-film-note{font-size:12px;margin-top:15px;max-width:100ch}
.wayriot-case .wr-film-beats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.wayriot-case .wr-spatial-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:60px}
.wayriot-case .wr-three-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:48px}
.wayriot-case .wr-three-notes p{font-size:15px;margin-top:16px}
.wayriot-case .wr-three-notes h3{font-size:26px}
.wayriot-case .wr-outcome{border-top:1px solid #15151530}
.wayriot-case .wr-outcome-intro{margin-top:30px;font-size:21px}
.wayriot-case .wr-handoff{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}
.wayriot-case .wr-handoff p{font-size:15px;margin-top:14px}
.wayriot-case .wr-end{border-top:1px solid #15151530;margin-top:65px;padding-top:65px}
.wayriot-case .wr-end img{max-width:1100px;margin:auto}
.wayriot-case .wr-end p{text-align:center;font-size:clamp(28px,5vw,60px);font-weight:800;letter-spacing:-.035em;margin:25px auto 0}
.wayriot-case .wr-cta{background:var(--wr-cobalt-depth);color:white}
.wayriot-case .wr-cta .wr-button{background:white;color:var(--wr-ink);border-color:white;margin-top:35px}
.wayriot-case .wr-service-link{display:inline-block;margin:20px 0 0 25px;font-size:14px}
.wayriot-service-proof .wayriot-proof-image{display:block;margin-top:40px}
.wayriot-service-proof .wayriot-proof-image img{display:block;width:100%;max-height:620px;object-fit:cover;object-position:center 54%;height:auto}
@media(min-width:1600px){.wayriot-case .wr-pad{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}
@media(max-width:1000px){.wayriot-case .wr-name-part{display:block}.wayriot-case .wr-name-part p{margin-top:14px}.wayriot-case .wr-heading{gap:40px}.wayriot-case .wr-split{gap:35px}.wayriot-case .wr-products{grid-template-columns:repeat(2,1fr);gap:36px 22px}}
@media(max-width:760px){.wayriot-case{padding-top:80px}.wayriot-case .wr-pad{padding-left:22px;padding-right:22px}.wayriot-case .wr-section{padding-top:64px;padding-bottom:64px;scroll-margin-top:82px}.wayriot-case .wr-kicker{display:block;font-size:10px;padding-bottom:28px}.wayriot-case .wr-kicker span{display:block;margin-top:18px}.wayriot-case .wr-wordmark{width:190px;margin-bottom:32px}.wayriot-case .wr-hero-line{display:block;margin-bottom:32px}.wayriot-case .wr-hero-line>div{margin-top:26px}.wayriot-case .wr-hero-line p{font-size:19px;margin-bottom:18px}.wayriot-case .wr-hero-image{aspect-ratio:4/3;object-position:center}.wayriot-case .wr-scope{grid-template-columns:1fr 1fr;font-size:10px;gap:12px}.wayriot-case .wr-chapters{gap:24px;padding-left:22px;padding-right:22px}.wayriot-case .wr-heading,.wayriot-case .wr-split{grid-template-columns:1fr;gap:26px}.wayriot-case .wr-heading{margin-bottom:30px}.wayriot-case p{font-size:16px;line-height:1.65}.wayriot-case .wr-naming{gap:12px;margin-top:45px;padding:30px 0}.wayriot-case .wr-name-part>span{font-size:51px}.wayriot-case .wr-name-part p{font-size:12px}.wayriot-case .wr-naming>b{font-size:28px}.wayriot-case .wr-name-options{grid-template-columns:1fr}.wayriot-case .wr-name-options>div{padding:20px}.wayriot-case .wr-name-options h3{font-size:28px}.wayriot-case .wr-small{font-size:12px}.wayriot-case .wr-logo-demo{padding:45px 0 50px;margin-bottom:35px}.wayriot-case .wr-palette{grid-template-columns:repeat(2,1fr);margin-top:30px}.wayriot-case .wr-palette>div{height:110px;padding:16px}.wayriot-case .wr-products{gap:32px 14px}.wayriot-case .wr-products h3{font-size:22px}.wayriot-case .wr-products p{font-size:13px}.wayriot-case .wr-products figcaption{margin-top:15px}.wayriot-case .wr-full{min-height:0}.wayriot-case .wr-tags{grid-template-columns:repeat(3,1fr);gap:28px 15px;padding:36px 0}.wayriot-case .wr-tags img{max-height:190px}.wayriot-case .wr-people{grid-template-columns:1fr;gap:36px}.wayriot-case .wr-campaigns{grid-template-columns:repeat(2,1fr);gap:24px 16px}.wayriot-case .wr-campaign-heading{margin-top:60px}.wayriot-case .wr-web-layout{margin-top:40px}.wayriot-case .wr-film-beats{grid-template-columns:1fr;gap:28px}.wayriot-case .wr-film-note{font-size:12px}.wayriot-case .wr-spatial-pair,.wayriot-case .wr-three-notes,.wayriot-case .wr-handoff{grid-template-columns:1fr;gap:30px;margin-top:36px}.wayriot-case .wr-three-notes h3{font-size:25px}.wayriot-case .wr-outcome-intro{font-size:19px}.wayriot-case .wr-end{margin-top:45px;padding-top:40px}.wayriot-case .wr-end p{font-size:34px}.wayriot-case .wr-service-link{display:block;margin-left:0}.wayriot-service-proof .wayriot-proof-image img{min-height:260px;object-fit:cover}}
@media(prefers-reduced-motion:reduce){.wayriot-case *{scroll-behavior:auto;transition:none}}

.wayriot-page .nav{background:#071c1a!important}
.wayriot-case .wr-hero-image{aspect-ratio:auto;max-height:none;height:auto;object-fit:contain}
@media(max-width:760px){.wayriot-case .wr-hero-image{aspect-ratio:auto;height:auto;object-fit:contain}}
.wayriot-service-proof{padding-top:80px;padding-bottom:80px}
.wayriot-service-proof .wayriot-proof-image{max-width:1100px;margin:40px auto 0}
.wayriot-service-proof .wayriot-proof-image img{max-height:none;min-height:0;height:auto;object-fit:contain}