@font-face{font-family:'LS GT Standard';src:url('/design-system/assets/fonts/GT-America-Standard-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
.studio-page{--ink:#080908;--paper:#f2f0e6}.studio-page .site-header{background:var(--ink)}.studio-page .menu-toggle{display:none}.micro{font:400 11px/1.6 GTMono,monospace;color:#9b9f94;letter-spacing:.015em}
.studio-opening{height:100svh;min-height:730px;position:relative;padding:0 var(--gutter);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;overflow:hidden}.studio-name{padding-bottom:30px}.studio-name h1{font:400 clamp(32px,3.2vw,52px)/1.2 GTMono,monospace;letter-spacing:-.055em;margin:25px 0 24px}.studio-coordinate{font-size:12px;line-height:1.8;color:#bebfb5}.jump-study{width:clamp(280px,32vw,450px);margin:0 0 20px;justify-self:center;transform:translateY(18px)}.jump-window{aspect-ratio:1.05;overflow:hidden;background:#141611}.jump-window img{width:100%;height:100%;object-fit:cover;object-position:42% center;filter:grayscale(1) contrast(1.08) brightness(.86)}.jump-study figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;font:400 10px/1.5 GTMono,monospace;color:#9b9f94;padding-top:8px}.jump-study button,.desert-window button{display:grid;place-items:center;width:44px;height:44px;padding:0;background:none;border:0;color:var(--paper)}.jump-study svg{width:16px;height:16px;fill:currentColor}.opening-bottom{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between}.opening-bottom .eye-link{font-size:13px}.opening-bottom .action-eye{width:28px}
.studio-story{padding:145px var(--gutter) 140px;display:grid;grid-template-columns:1fr 1fr;gap:40px 50px;scroll-margin-top:60px}.story-label{grid-column:1/-1}.studio-story h2{font-size:clamp(48px,6.3vw,100px);letter-spacing:-.065em;line-height:1.04}.story-copy{max-width:470px;margin-left:auto;padding-top:5px;display:grid;gap:26px}.story-copy p{font:400 clamp(15px,1.35vw,19px)/1.75 GTMono,monospace;letter-spacing:-.025em}.story-copy p:first-child{color:var(--paper)}.story-copy p:not(:first-child){color:#aeb2a6}.practice-notes{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:90px}.practice-links{display:grid;gap:25px;width:100%;max-width:470px;margin-left:auto}.practice-links a{font-size:13px;display:flex;justify-content:space-between;align-items:baseline;gap:20px}.project-note{font-size:10px;color:#8b9183;text-align:right}.link-color-line{height:3px}
.desert-window{position:relative;height:clamp(240px,33vw,470px);overflow:hidden;margin:0;background:#171814}.desert-window video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 57%;filter:grayscale(1)}.desert-window:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#08090826,transparent 50%,#08090844)}.desert-window button{position:absolute;right:var(--gutter);bottom:22px;z-index:1;filter:drop-shadow(0 1px 4px #000)}.desert-window svg{width:23px;height:23px;fill:currentColor}
.studio-invitation{padding:140px var(--gutter) 120px;display:flex;justify-content:space-between;align-items:end;gap:50px}.studio-invitation .micro{margin-bottom:28px}.studio-invitation h2{font:400 clamp(28px,3.5vw,52px)/1.25 GTMono,monospace;letter-spacing:-.05em}.invitation-links{display:flex;align-items:center;gap:50px;padding-bottom:5px}.invitation-links .eye-link{font-size:18px}.social-link{font-size:12px;color:#aeb2a6}.studio-page footer{padding-top:30px}.studio-page .footer-bottom{font-size:11px}.studio-page .footer-bottom .wordmark{font-size:22px}
@media(max-width:760px){.studio-opening{min-height:820px;height:100svh;padding:130px 24px 110px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:36px}.studio-name{padding:0}.studio-name .micro{font-size:10px}.studio-name h1{font-size:34px;margin:18px 0 20px}.studio-coordinate{font-size:11px}.jump-study{width:min(73vw,340px);align-self:end;margin:0;transform:none}.jump-window{aspect-ratio:1.14}.jump-study figcaption{font-size:9px}.opening-bottom{left:24px;right:24px;bottom:24px}.opening-bottom .micro{font-size:9px;max-width:14ch;text-align:right}.opening-bottom .eye-link{font-size:12px}.studio-story{display:block;padding:85px 24px 85px}.story-label{margin-bottom:30px}.studio-story h2{font-size:clamp(42px,11.2vw,70px);margin-bottom:42px}.story-copy{margin:0;max-width:100%;gap:22px}.story-copy p{font-size:15px;line-height:1.75}.practice-notes{display:block;margin-top:58px}.practice-links{margin-top:25px;gap:23px}.practice-links a{font-size:12px;gap:10px}.project-note{font-size:9px}.desert-window{height:290px}.desert-window button{right:20px;bottom:15px}.studio-invitation{padding:80px 24px 80px;display:block}.studio-invitation h2{font-size:32px}.invitation-links{margin-top:38px;justify-content:space-between;gap:25px}.invitation-links .eye-link{font-size:17px}.studio-page .footer-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){.studio-page *{scroll-behavior:auto!important}}

/* Standard Regular for the compact labels and project list. */
html:root body.studio-page :is(.story-label,.practice-notes>.micro,.practice-links a,.practice-links a span,.jump-study figcaption>span){
 font-family:'LS GT Standard','Helvetica Neue',Helvetica,Arial,sans-serif!important;
 font-weight:400!important;
}
/* Keep the hero metadata quiet until someone interacts with it. */
.studio-opening :is(.studio-coordinate,.jump-study figcaption>span,.opening-bottom>a,.opening-bottom>.micro){
 opacity:.4;
 transition:opacity 160ms ease;
}
.studio-opening :is(.studio-coordinate,.jump-study figcaption>span,.opening-bottom>a,.opening-bottom>.micro):is(:hover,:focus-visible,:focus-within){
 opacity:.9;
}
@media(prefers-reduced-motion:reduce){
 .studio-opening :is(.studio-coordinate,.jump-study figcaption>span,.opening-bottom>a,.opening-bottom>.micro){transition:none}
}

/* Studio metadata uses one readable size on desktop and mobile. */
html:root body.studio-page main :is(.micro,.studio-coordinate,.jump-study figcaption>span,.opening-bottom>.eye-link,.practice-links a,.project-note,.social-link){
 font-size:16px;
}
.studio-intro-meta{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 28px}
html:root body.studio-page .studio-intro-meta :is(.studio-coordinate,.studio-linkedin){
 font:400 16px/1.8 'LS GT Standard','Helvetica Neue',Helvetica,Arial,sans-serif;
 color:var(--paper);
 opacity:.9;
 transition:opacity 160ms ease;
}
html:root body.studio-page .studio-intro-meta :is(.studio-coordinate,.studio-linkedin):is(:hover,:focus-visible,:focus-within){opacity:1}
.studio-linkedin .link-ink{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.studio-linkedin.has-color-underline .link-ink{text-decoration-color:transparent}
@media(prefers-reduced-motion:reduce){
 html:root body.studio-page .studio-intro-meta :is(.studio-coordinate,.studio-linkedin){transition:none}
}