/* In Focus: registration, editorial scale, native flow. Values in in-focus-tokens.css. */
.in-focus .wrap{max-width:var(--if-page-max);width:calc(100% - var(--page-pad) * 2)}
.in-focus .micro,.in-focus .eyebrow{font-size:var(--if-meta)}
.in-focus [id]{scroll-margin-top:var(--space-8)}
.focus-nav{display:flex;align-items:center;gap:var(--space-12);min-height:var(--if-nav-height);border-bottom:var(--hairline) solid var(--line)}
.focus-brand{display:flex;align-items:center;min-height:var(--touch-size);width:var(--if-brand-width);flex:none}
.focus-brand img{width:100%;height:auto}
.focus-location{font-size:var(--text-small);line-height:var(--leading-body);margin-right:auto}
.focus-nav-links{display:flex;gap:var(--space-6)}
.focus-nav-links a,.focus-hello{min-height:var(--touch-size);display:flex;align-items:center;font-size:var(--text-small)}
.focus-hello{gap:var(--space-8);border-bottom:var(--hairline) solid var(--ink)}
.focus-hello span{color:var(--accent)}
.focus-link{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-10);min-height:var(--touch-size);border-bottom:var(--hairline) solid var(--ink);font-size:var(--text-body)}
.focus-link span{transition:transform var(--if-time) var(--ease-out)}
.focus-link:hover span{transform:translate(var(--space-1),calc(-1 * var(--space-1)))}
.focus-hero{padding-top:var(--space-8)}
.focus-hero-top,.focus-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}
.focus-hero-top>.micro{color:var(--muted)}
.focus-hero-grid{display:grid;grid-template-columns:var(--if-hero-grid);min-height:var(--if-hero-height);align-items:center;gap:var(--space-8)}
.focus-hero h1{font-size:var(--if-display);line-height:var(--if-leading);letter-spacing:var(--if-tracking);font-weight:var(--weight-medium)}
.focus-hero h1 span{color:var(--accent)}
.focus-hero-copy>p{margin-top:var(--space-10);font-size:var(--if-body);line-height:var(--leading-body)}
.focus-hero-copy>.focus-link{margin-top:var(--space-8)}
.focus-hero-bottom{padding-block:var(--space-6) var(--if-hero-bottom);font-size:var(--text-small);border-bottom:var(--hairline) solid var(--line)}
.focus-hero-bottom>a{display:flex;gap:var(--space-12);align-items:center;min-height:var(--touch-size)}
.identity-study{position:relative;aspect-ratio:1;width:var(--if-identity-width);justify-self:end;isolation:isolate}
.identity-art{position:absolute;inset:var(--if-identity-inset)}
.identity-art>img{width:100%;height:100%;object-fit:contain}
.identity-lens{position:absolute;width:var(--if-lens-width);height:var(--if-lens-height);top:var(--if-lens-top);left:var(--if-lens-left);overflow:hidden;background:var(--paper);outline:var(--hairline) solid var(--if-lens-line);transform:translate(var(--if-lens-offset),calc(-1 * var(--if-lens-offset)));transition:transform var(--if-time) var(--ease-out)}
.identity-lens img{position:absolute;width:var(--if-lens-image-size);max-width:none;left:var(--if-lens-image-left);top:var(--if-lens-image-top)}
.identity-study:hover .identity-lens{transform:translate(var(--if-lens-active),calc(-1 * var(--if-lens-active)))}
.identity-frame{position:absolute;inset:0;pointer-events:none}
.identity-frame>span{position:absolute;width:var(--if-frame-size);height:var(--if-frame-size);border-color:var(--ink);border-style:solid;border-width:0}
.identity-frame>span:nth-child(1){top:0;left:0;border-top-width:var(--hairline);border-left-width:var(--hairline)}
.identity-frame>span:nth-child(2){top:0;right:0;border-top-width:var(--hairline);border-right-width:var(--hairline)}
.identity-frame>span:nth-child(3){bottom:0;right:0;border-bottom-width:var(--hairline);border-right-width:var(--hairline)}
.identity-frame>span:nth-child(4){bottom:0;left:0;border-bottom-width:var(--hairline);border-left-width:var(--hairline)}
.identity-note{position:absolute;bottom:var(--if-hero-note-bottom);left:var(--if-hero-note-left);width:var(--if-hero-note-width);background:var(--paper);padding:var(--space-2)}
.identity-coordinate{position:absolute;right:var(--space-3);bottom:var(--space-3);color:var(--muted)}
.focus-workshop{padding-block:var(--if-section-space)}
.focus-section-head{display:grid;grid-template-columns:var(--if-section-grid);gap:var(--space-8);align-items:start;margin-bottom:var(--if-section-head-gap)}
.focus-section-head>.eyebrow{padding-top:var(--space-3)}
.focus-section-head h2{font-size:var(--if-title);line-height:var(--leading-title);letter-spacing:var(--tracking-display)}
.focus-section-head h2>span{color:var(--muted)}
.focus-section-head>p:last-child{font-size:var(--text-body);align-self:end;padding-bottom:var(--space-2)}
.workshop-composition{display:grid;grid-template-columns:var(--if-workshop-grid);gap:var(--if-workshop-gap);align-items:start}
.workshop-composition:not(.is-enhanced) .discipline-list{position:sticky;top:var(--space-8)}
.discipline{display:grid;grid-template-columns:var(--if-discipline-grid);column-gap:var(--space-2);align-items:baseline;padding-block:var(--space-6);border-top:var(--hairline) solid var(--line);color:var(--ink)}
.discipline-name{font-size:var(--if-discipline-type);line-height:var(--leading-title);letter-spacing:var(--tracking-display)}
.discipline-index{color:var(--muted)}
.discipline-arrow{font-size:var(--if-discipline-arrow);transition:transform var(--if-time) var(--ease-out)}
.discipline-line{grid-column:2/-1;font-size:var(--text-body);margin-top:var(--space-3);color:var(--muted)}
.workshop-composition.is-enhanced .discipline:not(.is-active) .discipline-name{color:var(--if-discipline-muted)}
.discipline.is-active .discipline-arrow{transform:rotate(var(--return-turn));color:var(--accent)}
.discipline:hover .discipline-name,.discipline.is-active .discipline-name{color:var(--ink)}
.workshop-aside{padding-top:var(--space-12);font-size:var(--if-body);line-height:var(--leading-body)}
.workshop-views{min-width:0}
.service-view+.service-view{margin-top:var(--space-10)}
.is-enhanced .service-view+.service-view{margin-top:0}
.service-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:var(--if-art-ratio);padding:var(--if-art-pad);overflow:hidden}
.design-art{background:var(--if-design-ground)}
.specimen-meta{display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--micro-size)!important;letter-spacing:var(--route-output-tracking)}
.specimen-type{font-size:var(--if-specimen-type);line-height:var(--if-leading);letter-spacing:var(--if-tracking)}
.specimen-type>span{display:block}
.specimen-stop{color:var(--accent)}
.specimen-bottom{display:flex;justify-content:space-between;align-items:end}
.specimen-a{font-size:var(--if-specimen-aa);letter-spacing:var(--tracking-display)}
.specimen-bottom>img{width:var(--if-specimen-mark);height:var(--if-specimen-mark);object-fit:contain}
.systems-art{background:var(--if-system-ground);color:var(--if-system-ink)}
.system-sequence{display:grid;gap:var(--space-6)}
.system-input,.system-output{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--if-body)}
.system-core{border-block:var(--hairline) solid currentColor;padding-block:var(--space-6);display:flex;gap:var(--space-8);align-items:center}
.system-core img{width:var(--if-system-icon);height:var(--if-system-icon);border-radius:var(--project-icon-radius)}
.system-core>span{font-size:var(--if-system-type);line-height:var(--leading-title);letter-spacing:var(--tracking-title)}
.system-output{justify-content:flex-start}
.marketing-art{background:var(--if-marketing-ground)}
.marketing-type{font-size:var(--if-marketing-type);line-height:var(--leading-display);letter-spacing:var(--tracking-display);align-self:start;margin-bottom:auto;margin-top:var(--space-6)}
.marketing-art>img{position:absolute;width:var(--if-marketing-image);right:var(--if-marketing-image-right);bottom:var(--if-marketing-image-bottom);transform:rotate(var(--if-marketing-turn));border:var(--space-2) solid var(--sheet)}
.marketing-note{position:absolute;bottom:var(--if-marketing-note-bottom)}
.service-description{padding-top:var(--space-6)}
.service-description h3{font-size:var(--if-service-copy-size);font-weight:var(--weight-medium)}
.service-description>p{margin-top:var(--space-3);font-size:var(--text-body);color:var(--muted);line-height:var(--if-copy-leading)}
.service-description>.service-deliverables{margin-top:var(--space-5);font-size:var(--text-small);color:var(--ink)}
.focus-films{background:var(--if-film-ground);padding-block:var(--if-section-space)}
.film-intro{display:grid;grid-template-columns:var(--if-film-intro-grid);gap:var(--space-8)}
.film-intro>.eyebrow{grid-column:1/-1}
.film-intro h2{font-size:var(--if-film-title);line-height:var(--leading-display);letter-spacing:var(--tracking-display);max-width:var(--if-film-intro-width)}
.film-intro h2 em{font-style:normal;color:var(--accent)}
.film-intro>div{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);align-items:start}
.film-intro-arrow{font-size:var(--if-film-arrow);line-height:var(--leading-display)}
.film-stories{display:grid;gap:var(--if-film-space);margin-top:var(--if-film-space)}
.film-story{display:grid;grid-template-columns:var(--if-film-grid);gap:var(--if-film-gap);align-items:center}
.film-side h3{font-size:var(--if-film-side-type);letter-spacing:var(--tracking-display);line-height:var(--leading-title);margin-block:var(--space-6)}
.film-side-note{max-width:var(--if-film-side-measure);margin-bottom:var(--space-8);color:var(--muted)}
.film-side>.micro:last-child{color:var(--muted)}
.cinema{min-width:0}
.cinema-frame{position:relative;aspect-ratio:var(--film-ratio);background:var(--media-void)}
.cinema-frame video{width:100%;height:100%;object-fit:contain;aspect-ratio:var(--film-ratio)}
.cinema-frame video:focus-visible{outline-offset:var(--if-film-outline-offset)}
.film-play{min-width:var(--if-film-play-size);min-height:var(--touch-size);padding:0;border:0;border-bottom:var(--hairline) solid var(--ink);background:var(--if-film-play-ground);color:var(--ink);font-size:var(--text-small);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);transition:color var(--if-time) var(--ease-out)}
.film-play:hover{color:var(--accent-hover)}
.film-play[aria-busy="true"]{cursor:progress}
.cinema-caption{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--if-film-caption);padding-top:var(--space-2)}
.cinema-caption>a{display:flex;align-items:center;gap:var(--space-4);min-height:var(--touch-size)}
.cinema-caption.has-play>a{display:none}
.cinema-caption.is-playing>a{display:flex}
.film-story--offset{width:var(--if-film-offset-width);grid-template-columns:var(--if-film-offset-grid)}
.film-story--offset .cinema{grid-column:1;grid-row:1}
.film-story--offset .film-side{grid-column:2;grid-row:1}
.film-story--wide{display:block;width:var(--if-film-width);justify-self:end}
.film-story--wide .film-side{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}
.film-story--wide .film-side h3{margin:0}
.in-focus .founders{padding-block:var(--if-section-space)}
.focus-footer{border-top:var(--hairline) solid var(--line);padding-block:var(--space-8);display:grid;grid-template-columns:var(--if-footer-grid);gap:var(--space-8);align-items:center}
.focus-footer>.focus-link{justify-self:end;font-size:var(--text-small)}
@media(max-width:960px){.focus-location{display:none}.focus-nav-links{margin-left:auto}.focus-nav{gap:var(--space-8)}.focus-section-head>p:last-child{grid-column:2}.focus-hero-top .micro{display:none}.specimen-meta{flex-wrap:wrap}}
@media(max-width:720px){
  .focus-nav{flex-wrap:wrap;gap:0 var(--space-6);padding-block:var(--space-3)}
  .focus-nav-links{order:3;flex-basis:100%;margin:0;justify-content:space-between;border-top:var(--hairline) solid var(--line);margin-top:var(--space-3)}
  .focus-hello{margin-left:auto}.focus-hero{padding-top:var(--space-8)}
  .focus-hero-top>.eyebrow{font-size:var(--micro-size)}
  .focus-hero-grid{padding-top:var(--space-10);gap:var(--space-10)}
  .focus-hero-copy>p{margin-top:var(--space-6)}.focus-hero-copy>.focus-link{margin-top:var(--space-6)}
  .identity-study{margin-bottom:var(--space-6)}.identity-coordinate{font-size:var(--micro-size)!important}
  .identity-note{font-size:var(--micro-size)!important;line-height:var(--leading-body)}
  .focus-hero-bottom{align-items:start;font-size:var(--micro-size)}.focus-hero-bottom>a{gap:var(--space-4);min-height:0}
  .focus-section-head{gap:var(--space-6)}.focus-section-head>p:last-child{grid-column:1}
  .discipline{padding-block:var(--space-5)}.discipline-line{margin-top:var(--space-2)}.workshop-aside{display:none}
  .is-enhanced .discipline-list{display:grid;grid-template-columns:var(--if-mobile-selector);gap:var(--space-3)}
  .workshop-composition:not(.is-enhanced) .discipline-list{position:static}
  .is-enhanced .discipline{display:flex;flex-direction:column;align-items:start;gap:var(--space-2);border-top:0;border-bottom:var(--if-selector-rule) solid var(--line);padding-block:var(--space-3)}
  .is-enhanced .discipline.is-active{border-bottom-color:var(--accent)}
  .is-enhanced .discipline-name{font-size:var(--if-selector-type);letter-spacing:var(--if-selector-track);white-space:nowrap}
  .is-enhanced .discipline-arrow,.is-enhanced .discipline-line{display:none}
  .film-intro>div{flex-direction:row;align-items:center}.film-intro-arrow{font-size:var(--text-title)}
  .film-side{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:baseline}
  .film-side>.micro:first-child{grid-column:1/-1}.film-side h3{margin:0}.film-side h3 br{display:none}
  .film-side-note{display:none}.film-story--offset .film-side,.film-story--offset .cinema{grid-column:auto;grid-row:auto}
  .film-story--wide .film-side{display:grid;gap:var(--space-4)}.film-story--wide .film-side h3{font-size:var(--if-film-side-type)}
  .cinema-caption{font-size:var(--micro-size)}.cinema-caption>a{gap:var(--space-2)}
  .focus-footer>.focus-link{justify-self:stretch}.specimen-meta{font-size:var(--micro-size)!important}
  .marketing-type{margin-top:var(--space-3)}
}
