/* Details from the selected editorial reference; homepage only. */
@font-face{font-family:RobotoCondensed;src:url('/assets/fonts/roboto-condensed-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:RobotoCondensed;src:url('/assets/fonts/roboto-condensed-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:RobotoCondensed;src:url('/assets/fonts/roboto-condensed-700.ttf') format('truetype');font-weight:700;font-display:swap}
body.home{--paper:#faf9f3;--red:#fa4032;--lime:#b2f914;--line:#b4b4ba;font-family:RobotoCondensed,Arial,sans-serif;background-color:var(--paper)}
.home .site-header{background:transparent}.home .site-header-inner,.home .site-footer{border-color:#72758c}.home .site-nav a{font-size:20px;font-weight:600}.home .interests{font-weight:600;color:#e84335}.home .hero-art{overflow:visible}.hero-note{position:absolute;left:1%;top:29%;width:25%;height:auto;z-index:2;pointer-events:none}.home .world-band{min-height:225px;background-position:center 44%}.home .world-band h2{font-family:Inter,Arial,sans-serif;font-weight:400}.home .world-band p{font-size:27px}.home .eyebrow{display:flex;align-items:center;gap:20px;font-size:15px;letter-spacing:3px}.home .eyebrow::after{content:'';width:60px;border-top:1px solid var(--red)}.home .guides-heading p{font-size:19px;line-height:1.4}.home .guide-copy h3{font-size:29px;font-weight:700;letter-spacing:-.7px}.home .guide-copy p{font-size:21px;line-height:1.42;margin-bottom:25px}.home .guide-copy .text-link{font-size:20px;font-weight:700;gap:12px}.home .guide-copy{border-color:#77798a;padding-left:24px}.home .guide-art{width:100%;align-self:center;mix-blend-mode:multiply}.home .paper{width:100%;height:auto}.home .guide-number{letter-spacing:-5px}.home .site-footer{font-size:17px;padding-top:15px}.home .footer-top>span{border:0;padding-left:0}.home .footer-top>span::before{content:'/';padding-right:20px;color:#717487}.home .footer-note{font-size:12px}
@media(min-width:851px){.home .home-hero{height:clamp(570px,49.1vw,707px)}.home .hero-copy{padding-top:62px}.home .interests{font-size:20px;margin-bottom:27px}.home .interests span{margin:0 7px}.home .hero-copy h1{font-size:clamp(66.3px,7.65vw,108.8px);line-height:1.12;transform:scaleY(1.06);transform-origin:left top;letter-spacing:-2.8px;margin-bottom:30px}.home .intro{font-size:clamp(24px,2.4vw,34px);line-height:1.23;margin-bottom:18px;max-width:580px}.home .hero-actions{gap:42px}.home .primary-link{font-size:27px;font-weight:400;min-height:72px;padding:13px 34px}.home .hero-actions>.text-link{font-size:23px}.home .world-band h2{font-size:clamp(40px,4.65vw,65px);letter-spacing:-1.5px}.home .home-guides{padding-top:27px;padding-bottom:48px}.home .guides-heading{grid-template-columns:3fr 1fr;gap:44px;margin-bottom:34px}.home .guides-heading h2{font-size:clamp(48px,5.95vw,83px);letter-spacing:-1.7px}.home .guide-entry{grid-template-columns:clamp(78px,9.2vw,128px) minmax(0,1fr) clamp(125px,14.8vw,207px);gap:16px;padding-right:20px}.home .guide-entry+.guide-entry{padding-left:20px;padding-right:0}.home .guide-number{font-size:clamp(100px,11.2vw,156px)}.home .guide-art{margin-top:-18px;margin-bottom:-12px}.home .guide-copy{padding-top:3px}.home .guide-logo{width:44%;height:38%;left:49%;top:32%}}
@media(min-width:851px) and (max-width:1150px){.home .hero-copy{padding-top:34px}.home .interests{font-size:16px}.home .hero-copy h1{font-size:7.225vw}.home .intro{font-size:26px}.home .primary-link{font-size:22px;min-height:62px;padding:12px 22px}.home .hero-actions{gap:25px}.home .guide-copy{padding-left:15px}.home .guide-copy h3{font-size:23px}.home .guide-copy p{font-size:17px}.home .guide-copy .text-link{font-size:17px}.home .guides-heading p{font-size:16px}.home .site-nav a{font-size:18px}}
@media(max-width:850px){.home .site-nav a{font-size:17px}.home .world-band p{font-size:20px}.home .guide-copy h3{font-size:23px}.home .guide-copy p{font-size:17px}.home .guide-copy .text-link{font-size:16px}.home .site-footer{font-size:15px}}
@media(max-width:600px){.home .hero-copy h1{font-size:clamp(41.65px,10.03vw,60.35px)}.home .intro{font-size:20px;line-height:1.45}.home .interests{font-size:13px}.hero-note{left:4%;top:29%;width:24%}.home .world-band h2{font-size:32px;letter-spacing:-.9px}.home .world-band p{font-size:18px}.home .world-band{min-height:190px}.home .eyebrow{font-size:12px}.home .guides-heading p{font-size:17px}.home .guide-entry{grid-template-columns:51px minmax(0,1fr) 100px;gap:10px}.home .guide-entry+.guide-entry{padding-top:26px}.home .guide-number{font-size:68px;letter-spacing:-3px}.home .guide-copy{padding-left:12px}.home .guide-copy h3{font-size:20px;letter-spacing:-.5px}.home .guide-copy p{font-size:16px;line-height:1.4;margin-bottom:14px}.home .guide-copy .text-link{font-size:15px;gap:8px}.home .guide-art{display:block}.home .guide-logo{width:44%;height:38%;left:49%;top:32%}.home .site-footer{font-size:14px}.home .footer-top>span::before{padding-right:12px}}
@media(max-width:370px){.home .guide-entry{grid-template-columns:45px minmax(0,1fr) 82px;gap:8px}.home .guide-number{font-size:59px}.home .guide-copy h3{font-size:19px}.home .guide-copy .text-link{font-size:14px}.home .guide-copy .text-link img{width:17px}}

.home{background-image:url("/assets/paper-texture.webp");background-size:700px 700px}.home .guide-logo{width:34%;height:34%;left:50%;top:38%}.home .guide-number{background-image:url("/assets/paper-texture.webp");background-color:var(--red);background-blend-mode:multiply;background-clip:text;-webkit-background-clip:text;color:transparent}.home .codex .guide-number{background-color:var(--lime)}
.hero-note{left:4%;top:26%;width:24%;clip-path:polygon(4% 13%,22% 6%,26% 8%,52% 7%,64% 5%,73% 6%,88% 3%,91% 10%,92% 18%,94% 29%,96% 31%,95% 39%,97% 44%,96% 52%,97% 63%,97% 73%,96% 78%,97% 84%,97% 91%,91% 93%,72% 94%,53% 95%,40% 95%,35% 96%,29% 95%,19% 97%,18% 96%,17% 89%,14% 85%,15% 79%,10% 66%,12% 64%,13% 57%,11% 54%,12% 51%,10% 46%,9% 40%,9% 35%,6% 28%,8% 22%,7% 18%)}
.home .world-band{background-image:url('/assets/concert-refined.webp');background-position:center 60%}
@media(min-width:851px){.home .hero-copy h1{margin-bottom:14px}.home .intro{max-width:550px}}
@media(max-width:600px){.hero-note{left:4%;top:29%;width:24%}}
.home{background-image:none;isolation:isolate}.home::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/assets/paper-texture.webp') repeat; background-size:700px 700px;opacity:.2}
.home .guide-number{background:none;color:var(--red)}.home .codex .guide-number{background:none;color:var(--lime)}
@media(min-width:1151px){.home .guide-entry{grid-template-columns:112px minmax(0,1fr) 185px}.home .guide-copy h3{font-size:28px;white-space:nowrap}.home .guide-number{font-size:148px}.home .guide-copy p{font-size:20px}}
.home .guide-art{clip-path:polygon(22% 14%,35% 16%,36% 13%,86% 3%,87% 10%,91% 35%,93% 38%,92% 46%,96% 71%,92% 73%,93% 78%,88% 81%,86% 97%,47% 91%,27% 92%,26% 85%,14% 88%,7% 44%,10% 41%,12% 38%,11% 24%,19% 23%)}
.home .codex .guide-art{clip-path:polygon(37% 6%,68% 9%,70% 13%,76% 14%,80% 15%,82% 24%,91% 24%,88% 35%,91% 51%,94% 86%,55% 93%,54% 89%,20% 82%,10% 80%,11% 71%,7% 71%,10% 44%,11% 40%,9% 39%,10% 13%,34% 14%,36% 7%)}

.footer-utilities{display:flex;gap:22px}.footer-utilities a{text-decoration:none}.footer-utilities a:hover{text-decoration:underline}
@media(min-width:1151px){.home .guides-heading h2{font-size:clamp(72px,6.3vw,89px)}.home .guide-entry{grid-template-columns:112px minmax(0,1fr) 210px;gap:12px}}
@media(max-width:600px){.home .guide-number{font-size:58px}}
@media(min-width:1151px){.home .guide-number{font-size:128px}}

/* The paper photographs sit above the real keyboard, as in the reference. */
.home .keyboard-placement{z-index:1}
.home .collage-foreground{position:absolute;inset:0;z-index:2;pointer-events:none;mask-image:url('/assets/hero-paper-mask.svg');mask-size:cover;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url('/assets/hero-paper-mask.svg');-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}
.home .hero-note{z-index:3}
@media(max-width:600px){.home .collage-foreground{mask-position:center 62%;-webkit-mask-position:center 62%}}