@font-face{font-family:Switzer;src:url('assets/Switzer-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
    @font-face{font-family:'Temple Beauchesne';src:url('assets/TempleBeauchesne-Regular.woff') format('woff');font-weight:400;font-display:swap}
    *{box-sizing:border-box}
    :root{--editorial:Switzer,Arial,sans-serif}
    body{margin:0;background:#fff;color:#000;font:18px/1.7 Switzer,Arial,sans-serif}
    a{color:inherit;text-decoration:none}
    a:focus-visible{outline:2px solid #000;outline-offset:6px}
    .skip{position:absolute;top:12px;left:24px;transform:translateY(-200%);background:#fff}
    .skip:focus{transform:none}
    header{position:relative;display:flex;justify-content:center;align-items:center;margin:0 48px;padding:30px 0 24px;border-bottom:1px solid #000}
    .brand{text-decoration:none;text-align:center}
    .wordmark{display:block;font:42px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-2px}
    .motto{white-space:nowrap;display:block;margin-top:8px;font:17px/1.3 'Temple Beauchesne',Georgia,serif}
    nav{position:absolute;right:0;display:flex;gap:24px;font:11px/1.5 Switzer,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}
    nav a{white-space:nowrap;text-decoration:none}
    nav a[aria-current]{font-weight:600}
    main{margin:0 auto 140px}
    .story-heading{max-width:1120px;margin:auto;text-align:left;padding:80px 48px 64px}
    .kicker,.byline{font:11px/1.6 'SFMono-Regular',Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
    .kicker{margin:0 0 30px}
    h1{font:400 clamp(64px,8vw,112px)/1 var(--editorial);margin:0;letter-spacing:-.055em}
    h1 em{font-weight:400;font-style:normal}
    .byline{margin:36px 0 0}
    article{max-width:660px;margin:0 auto;padding:0 28px}
    article p{margin:0 0 28px}
    article .story-quote{position:relative;width:calc(100% + 160px);margin:60px -80px;padding:32px 20px;border-top:1px solid #000;border-bottom:1px solid #000;text-align:center;font:400 clamp(32px,3.8vw,48px)/1.15 var(--editorial);letter-spacing:-.025em}
    footer{margin:0 48px;border-top:1px solid #000;padding:24px 0 32px;display:flex;flex-wrap:wrap;gap:16px 28px;font:10px/1.6 Switzer,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}
    @media(max-width:760px){
      header{margin:0 24px;padding:24px 0 20px;justify-content:space-between}
      .brand{text-align:left}
      .wordmark{font-size:28px;letter-spacing:-1px}
      .motto{font-size:14px;margin-top:5px}
      nav{position:static;gap:14px;font-size:9px}
      .story-heading{padding:56px 24px 44px}
      .kicker{margin-bottom:26px;font-size:9px}
      h1{font-size:clamp(54px,10.8vw,82px)}
      .byline{margin-top:28px;font-size:9px}
      article{padding:0 28px;max-width:640px}
      body{font-size:17px;line-height:1.7}
        article .story-quote{width:100%;margin:40px 0;padding:28px 0;font-size:36px}
      main{margin-bottom:80px}
      footer{margin:0 24px;gap:12px 24px}
    }
    @media(max-width:359px){header{margin:0 20px}.motto{font-size:12px}nav{gap:10px}article{padding:0 24px}h1{font-size:52px}}
    .about-preorder{display:none}
    @media(max-width:700px){
      .about-nav{align-items:center;gap:8px;font:13px/1.5 Switzer,Arial,sans-serif;letter-spacing:0;text-transform:none}
      .about-nav .desktop-link{display:none}
      .about-preorder{display:block;text-decoration:underline}
      header{gap:12px}
    }
    footer a,footer .temple-cookie-settings{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;margin:0;font:inherit;letter-spacing:inherit;text-transform:inherit;text-underline-offset:5px}

    .careers-body{max-width:1120px;margin:auto;padding:0 48px}
    .careers-intro{max-width:620px;margin:0 0 64px;font-size:20px;line-height:1.6}
    .role{display:grid;grid-template-columns:56px 1fr auto;gap:24px;border-top:1px solid #000;padding:32px 0}
    .role-number{font:11px/1.6 'SFMono-Regular',Consolas,monospace;padding-top:10px}
    .role h2{font:400 clamp(26px,3vw,40px)/1.15 Switzer,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 16px}
    .role p{max-width:540px;margin:0;font-size:16px}
    .role-apply{align-self:start;display:inline-flex;align-items:center;min-height:44px;font-size:14px;white-space:nowrap}
    .careers-contact{border-top:1px solid #000;padding-top:28px;margin-top:12px;font-size:14px}
    @media(max-width:760px){
      .careers-body{padding:0 24px}
      .careers-intro{font-size:18px;margin-bottom:40px}
      .role{grid-template-columns:28px 1fr;gap:12px;padding:28px 0}
      .role-number{padding-top:4px}
      .role-apply{grid-column:2}
      .role p{font-size:15px}
    }

    footer .temple-cookie-settings{text-decoration:none}
    header .mobile-icon-nav [aria-current=page]{text-decoration:none;font-weight:600}

/* Approved Beauchesne R02 lettering, shared with the landing-page artwork. */
.motto img{display:block;width:200px;max-width:100%;height:auto;margin-inline:auto}
@media(max-width:760px){.motto img{width:170px;margin-inline:0}}
@media(max-width:359px){.motto img{width:150px}}