@font-face{font-family:"IBM Plex Mono";src:url("assets/plex-mono.ttf") format("truetype");font-weight:400;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f2e9;color:#242825;font:15px/1.45 "IBM Plex Mono",monospace;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #798b29;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:"IBM Plex Mono",monospace;font-weight:620;letter-spacing:-.025em}h2{font-size:clamp(36px,4.8vw,76px);line-height:.98;text-wrap:balance}h3{font-size:29px;line-height:1.08}p{max-width:60ch;font-size:17px;line-height:1.55}p+p{margin-top:20px}header{height:88px;border-bottom:1px solid #242825;display:flex;justify-content:space-between;align-items:center;padding:0 32px;position:relative;z-index:2;background:#f4f2e9;font-size:11px}.saitoc{font-size:29px;font-weight:750;letter-spacing:-2px}.saitoc span{font-size:10px;vertical-align:top;letter-spacing:0}.datum{position:absolute;top:88px;bottom:0;left:0;width:166px;padding:36px 20px;border-right:1px solid #242825;display:flex;flex-direction:column;gap:18px;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#2428250a 40px);font-size:10px;letter-spacing:.03em}.datum a{border-top:1px solid #24282555;padding-top:12px}.datum span{margin-top:95px;line-height:1.9}body{position:relative}main,footer{margin-left:166px}main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 2.25fr;border-bottom:1px solid #242825;padding:55px 35px 45px;gap:45px;align-items:end}.intro img{display:block;width:100%;max-width:700px}.eyebrow{font-size:10px;line-height:1.8;letter-spacing:.035em}.lede{font:26px/1.15 "IBM Plex Mono",monospace;margin-top:22px;letter-spacing:-.025em}.hero{grid-column:1/-1;position:relative;border-bottom:1px solid #242825;overflow:hidden}.hero img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.hero figcaption{position:absolute;bottom:22px;right:25px;background:#d6ef4b;font-size:10px;padding:10px 14px}.text-grid{grid-column:2/12;padding:80px 0;display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}.text-grid h2{margin-bottom:28px}.text-grid h3{margin:30px 0 16px}.section-label{display:flex;justify-content:space-between;gap:20px;padding:18px 25px;font-size:10px;letter-spacing:.05em;border-bottom:1px solid currentColor}.film{grid-column:1/-1;background:#242825;color:#f4f2e9}.film video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.film-foot{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;padding:35px}.film-foot h2{font-size:36px}.film-foot p{font-size:15px}.film-foot>a{font-size:11px;grid-column:2}.brand-banner{grid-column:1/10;margin:60px 0;background:#d6ef4b;padding:45px 35px 0;border:1px solid #242825;border-left:0}.brand-banner>img{width:90%;display:block}.brand-note{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.brand-note span{font-size:10px}.brand-note p{font-size:14px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid #242825}.swatches span{font-size:10px;padding:20px 12px}.campaign{grid-column:1/-1;padding-bottom:35px;border-top:1px solid #242825;border-bottom:1px solid #242825}.ads{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#242825;margin-top:25px}.ad{position:relative;overflow:hidden;min-height:540px;padding:25px;display:flex;flex-direction:column;background:#f4f2e9}.ad>span,.ad>b{font-size:9px;letter-spacing:.04em}.ad h2{font-size:clamp(31px,3.6vw,57px);margin:75px 0 26px;letter-spacing:-.025em}.ad p{font-size:14px;line-height:1.4}.ad b{margin-top:auto;padding-top:30px}.photo{background-size:cover;background-position:70% center;color:#f4f2e9}.photo:before{content:'';position:absolute;inset:0;background:#101b10a0}.photo>*{position:relative}.signal{background:#d6ef4b}.dark{background:#242825;color:#f4f2e9}.duct{font-size:100px;position:absolute;right:20px;top:50px;line-height:1;color:#d6ef4b}.dark h2{margin-top:190px}.button{display:inline-block;margin-top:26px;padding:12px 0;border-top:1px solid #242825;border-bottom:1px solid #242825;font-size:11px}.deck-preview{grid-column:3/-1;display:grid;grid-template-columns:1.4fr 1fr;border:1px solid #242825;border-right:0;gap:35px;align-items:center;padding:25px 35px 25px 25px;background:#e6e8de}.deck-preview>a{display:block;background:#242825;color:#d6ef4b;padding:30px;aspect-ratio:1.25}.deck-preview span,.deck-preview b{font-size:9px}.deck-preview h2{font-size:clamp(35px,4vw,65px);margin:40px 0 24px}.deck-preview h3{font-size:24px;margin:16px 0}.deck-preview p{font-size:13px}.deck-preview b{display:block;margin-top:35px}.deck-preview hr{border:0;border-top:1px solid #24282555;margin:26px 0}.ops-preview{grid-column:1/-1;padding:0 25px 50px}.ops-preview iframe{width:100%;height:860px;border:1px solid #242825}.strategy{grid-column:1/-1;background:#242825;color:#f4f2e9;padding-bottom:40px}.strategy>h2{padding:50px 35px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #f4f2e966;border-bottom:1px solid #f4f2e966}.roadmap article{padding:30px 28px;border-right:1px solid #f4f2e966}.roadmap article:last-child{border:0}.roadmap span{font-size:9px;letter-spacing:.03em}.roadmap h3{margin:30px 0 20px}.roadmap p{font-size:14px}.roadmap b{display:block;color:#d6ef4b;font-size:9px;margin-top:30px;font-weight:500}.measurement{display:grid;grid-template-columns:1fr 2fr;padding:35px;gap:35px}.measurement p{font-size:15px}.closing{grid-column:2/12;padding:75px 0}.closing>span{font-size:10px}.closing h2{margin:30px 0 25px;font-size:clamp(35px,4vw,60px)}.closing p{font-size:16px}.closing a{display:inline-block;margin-top:30px;border-bottom:1px solid;font-size:12px}footer{border-top:1px solid #242825;display:flex;justify-content:space-between;gap:20px;padding:25px;font-size:10px}::selection{background:#d6ef4b;color:#242825}@media(max-width:900px){.datum{width:120px;padding:30px 14px;font-size:9px}main,footer{margin-left:120px}.intro{grid-template-columns:1fr;padding:35px;gap:30px}.text-grid{grid-column:2/12;grid-template-columns:1fr;padding:55px 0;gap:24px}.ads{grid-template-columns:1fr}.ad{min-height:520px}.ad h2{font-size:62px}.brand-banner{grid-column:1/12}.deck-preview{grid-column:2/-1;grid-template-columns:1fr}.roadmap{grid-template-columns:1fr}.roadmap article{border-right:0;border-bottom:1px solid #f4f2e966}.film-foot{grid-template-columns:1fr}.film-foot>a{grid-column:1}}@media(max-width:600px){header{height:72px;padding:0 20px}header>a:nth-child(2){display:none}.datum{position:static;width:auto;display:flex;flex-direction:row;gap:0;padding:0;border:0;border-bottom:1px solid #242825;background:none}.datum a{font-size:8px;flex:1;text-align:center;border:0;border-right:1px solid #242825;padding:15px 5px}.datum span{display:none}main,footer{margin-left:0}.intro{padding:32px 22px;gap:30px}.intro .eyebrow{font-size:9px}.intro .eyebrow br:nth-child(n+3){display:none}.lede{font-size:24px}.hero img{content:url('assets/roof.jpg');aspect-ratio:4/5;object-position:64% center}.hero figcaption{left:20px;right:auto;bottom:20px}.text-grid{grid-column:1/-1;padding:50px 24px;gap:22px}.text-grid h2{font-size:43px}.section-label{font-size:8px;padding:16px 20px}.film-foot{padding:30px 24px;gap:20px}.film-foot h2{font-size:33px}.film-foot p{font-size:14px}.brand-banner{grid-column:1/12;margin:35px 0;padding:30px 20px 0}.brand-note{grid-template-columns:1fr;gap:20px}.swatches span{font-size:8px;padding:18px 6px}.ads{margin-top:20px;gap:15px;background:#f4f2e9;padding:0 20px}.ad{padding:25px;min-height:510px}.ad h2{font-size:53px}.deck-preview{grid-column:2/-1;padding:20px;gap:25px}.deck-preview>a{padding:25px}.deck-preview h2{font-size:45px}.ops-preview{padding:0 14px 35px}.ops-preview iframe{height:1020px}.strategy>h2{padding:40px 24px;font-size:43px}.roadmap article{padding:28px 24px}.measurement{grid-template-columns:1fr;padding:30px 24px;gap:20px}.closing{grid-column:1/-1;padding:50px 24px}.closing h2{font-size:41px}footer{flex-direction:column;gap:8px;padding:25px 24px}p{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.human-strip{grid-column:3/-1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #242825;border-left:1px solid #242825;margin-bottom:40px}.human-strip img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.human-strip figure+figure{border-left:1px solid #242825}.human-strip figcaption{font-size:12px;padding:14px 18px;border-top:1px solid #242825;border-bottom:1px solid #242825;letter-spacing:.02em}@media(max-width:600px){.human-strip{grid-column:2/-1;grid-template-columns:1fr}.human-strip figure+figure{border-left:0}.human-strip img{aspect-ratio:4/3}.human-strip figcaption{font-size:11px}}
@media(max-width:600px){.intro .eyebrow br:nth-child(n+3){display:revert}}