:root{color-scheme:dark;--ink:#171a15;--paper:#f2f1e9;--yellow:#d5ff37;--red:#ed342b;--surface:#20231d;--rule:#383c32;--muted:#a3a89c;font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:var(--paper);scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,p,figure{margin:0}img{display:block;max-width:100%}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}::selection{background:var(--yellow);color:var(--ink)}[hidden]{display:none!important}
.page-width{width:calc(100% - clamp(40px,9vw,144px));max-width:1440px;margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;z-index:50;background:var(--yellow);color:var(--ink);padding:12px 18px;border-radius:4px}.skip-link:focus{top:12px}
.studio-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:25px;border-bottom:1px solid var(--rule)}.studio-brand{display:flex;align-items:center;gap:15px;font-size:15px;font-weight:800;letter-spacing:.045em}.brand-tile{width:48px;height:48px;display:grid;place-items:center;background:var(--yellow);border-radius:3px}.brand-tile img{width:32px;height:auto}.studio-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:5px}.studio-header nav{display:flex;gap:26px;font-size:11px;color:var(--muted)}.studio-header nav a{display:flex;align-items:center;gap:12px;min-height:44px}.studio-header nav a:hover{color:var(--paper)}
.studio-header nav a[aria-current=page]{color:var(--paper);text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--yellow)}
.studio-intro{display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:10%;padding-block:78px 70px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.04em;color:var(--muted);margin-bottom:25px}.eyebrow>span{width:5px;height:5px;flex-shrink:0;background:var(--yellow);border-radius:50%}h1{font-size:clamp(62px,8vw,115px);line-height:.95;font-weight:800;letter-spacing:-.065em}h1>span{color:var(--yellow)}.intro-copy{padding-bottom:7px}.intro-copy>p{max-width:340px;font-size:17px;line-height:1.65;color:var(--paper);letter-spacing:-.02em}.jump-link{display:inline-flex;gap:30px;align-items:center;font-size:12px;min-height:44px;margin-top:20px;border-bottom:1px solid var(--rule)}.jump-link>span{color:var(--yellow);font-size:19px}.palette{display:flex;align-items:center;gap:7px;margin-top:30px}.swatch{width:14px;height:14px;border:1px solid #ffffff35;border-radius:50%}.ink{background:var(--ink)}.paper{background:var(--paper)}.yellow{background:var(--yellow)}.red{background:var(--red)}.palette>span:last-child{font-size:9px;color:var(--muted);margin-left:5px}
.study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:70px}.study{min-width:0;border:1px solid var(--rule);border-radius:8px;overflow:hidden;background:var(--surface)}.study-featured{grid-column:1/-1}.study-heading{display:flex;align-items:start;gap:18px;padding:26px 26px 21px}.study-number{font-size:10px;color:var(--yellow);padding-top:6px}.study-heading h2{min-width:0;font-size:clamp(21px,2.1vw,31px);font-weight:700;letter-spacing:-.035em;line-height:1.12}.study-featured h2{font-size:clamp(28px,3vw,42px)}.front-note{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto;font-size:9px;color:var(--muted);padding-top:7px}.front-note i{width:7px;height:7px;border-radius:1px}.study-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 24px 17px;min-height:62px}.view-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--rule);border-radius:5px}.view-switch button{min-height:38px;padding:8px 13px;border:0;border-radius:3px;background:transparent;color:var(--muted);font-size:10px;line-height:1.3}.view-switch button[aria-pressed=true]{background:var(--yellow);color:var(--ink)}.view-switch button:hover{color:var(--paper)}.view-switch button[aria-pressed=true]:hover{color:var(--ink)}.study-toolbar>a{font-size:10px;display:flex;align-items:center;gap:12px;min-height:44px;white-space:nowrap}.study-toolbar>a>span{font-size:17px;color:var(--yellow)}.study-visual{aspect-ratio:3/2;background:#e8e4dc;min-width:0;position:relative;overflow:hidden}.study-visual>a{display:block;width:100%;height:100%}.study-visual img{width:100%;height:100%;object-fit:contain}.study-featured .study-visual{max-height:760px}.study-visual.is-art{background:var(--ink)}.study-visual.is-art img{padding:20px}.study-visual>a:focus-visible{outline-offset:-5px}.study-downloads{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 24px;border-top:1px solid var(--rule)}.study-downloads a{display:flex;align-items:center;gap:14px;font-size:10px;min-height:36px;color:var(--muted)}.study-downloads a>span{color:var(--yellow);font-size:16px}.study-downloads a:hover{color:var(--paper)}
.studio-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:27px 35px;border-top:1px solid var(--rule);font-size:10px;color:var(--muted)}.studio-footer>span{color:var(--paper)}.studio-footer a{display:flex;gap:18px;align-items:center;min-height:36px}.studio-footer a>span{color:var(--yellow);font-size:16px}
@media(max-width:1050px){.studio-intro{gap:7%;grid-template-columns:1fr .8fr}.study-heading{gap:13px;padding:23px 20px 18px}.study-toolbar{padding-inline:18px}.study-heading h2{font-size:25px}.study-downloads{padding-inline:19px}.front-note{font-size:8px}.study-number{font-size:9px}}
@media(max-width:760px){.studio-intro{padding-block:52px;grid-template-columns:1fr;gap:30px}.intro-copy>p{font-size:15px;max-width:450px}.intro-copy{display:grid;grid-template-columns:1fr auto;gap:10px 25px;align-items:center}.intro-copy>p{grid-column:1/-1}.jump-link{justify-self:start;margin-top:5px}.palette{margin-top:5px}.study-grid{grid-template-columns:1fr;gap:23px;margin-bottom:45px}.study-featured{grid-column:auto}.study-heading h2,.study-featured h2{font-size:29px}.study-featured .study-visual{max-height:none}.studio-footer{flex-wrap:wrap;gap:10px 25px}.studio-footer>p{margin-right:auto}.studio-footer a{margin-left:auto}}
@media(max-width:480px){.studio-header{gap:12px;padding-block:18px}.studio-brand{gap:10px;font-size:12px}.brand-tile{width:40px;height:40px}.brand-tile img{width:27px}.studio-brand small{font-size:9px}.studio-header nav{flex-direction:column;gap:0;font-size:9px}.studio-header nav a{min-height:29px;justify-content:end;gap:8px}.studio-intro{padding-block:39px 37px;gap:24px}.eyebrow{font-size:9px;margin-bottom:21px}h1{font-size:clamp(59px,17vw,79px)}.intro-copy{display:block;padding:0}.intro-copy>p{font-size:14px;line-height:1.7;max-width:340px}.jump-link{font-size:11px;margin-top:14px}.palette{margin-top:21px}.study-heading{padding:22px 17px 16px;gap:11px;flex-wrap:wrap}.study-heading h2,.study-featured h2{font-size:25px;flex:1}.study-number{padding-top:4px}.front-note{width:100%;margin-left:24px;padding-top:0;font-size:8px}.study-toolbar{padding:0 15px 14px;gap:10px;min-height:60px}.view-switch button{font-size:9px;padding:8px 10px;min-height:38px}.study-toolbar>a{font-size:9px;gap:7px}.study-toolbar>a>span{font-size:15px}.study-visual.is-art img{padding:14px}.study-downloads{padding:10px 15px;gap:10px}.study-downloads a{font-size:9px;min-height:40px;gap:8px}.studio-footer{font-size:9px;padding-block:22px 25px}.studio-footer>p{width:100%}.studio-footer a{margin-left:0}}
.view-switch button{min-height:44px;font-size:11px}
.study-visual{width:100%}
.study-featured .study-visual:not(.is-art){max-height:none}
.study-visual.is-art{aspect-ratio:2/3;max-height:800px}
@media(max-width:480px){.view-switch button{font-size:10px}.study-toolbar>a{font-size:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

.hardcore-studio-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:20px 0 28px;scroll-margin-top:25px}.hardcore-studio-heading h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.04em}.hardcore-studio-heading .eyebrow{color:#ff574d;margin-bottom:16px}.hardcore-studio{--yellow:#ed342b}.hardcore-studio .study{border-color:#ed342b44}.hardcore-studio .study-number{color:#ff574d}.hardcore-studio .study-visual{background:#111212}.hardcore-studio .view-switch button[aria-pressed=true]{color:#fff}.hardcore-studio .view-switch button[aria-pressed=true]:hover{color:#fff}@media(max-width:600px){.hardcore-studio-heading{align-items:start;flex-direction:column;gap:0}.hardcore-studio-heading h2{font-size:34px}}
