@font-face{font-family:Anton;src:url("fonts/Anton-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"League Gothic";src:url("fonts/LeagueGothic.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Oxygen;src:url("fonts/Oxygen-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
:root{--paper:#f8f8f7;--ink:#080808}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Oxygen,sans-serif}
.aperture{position:relative;width:100%;aspect-ratio:1672/941;min-height:100svh;container-type:inline-size}
.aperture img{object-fit:cover}
.aperture .optical-field{position:absolute;left:32%;top:0;width:68%;height:100%;object-fit:fill;pointer-events:none}
.motion-art{overflow:hidden;pointer-events:none;background:var(--paper)}
.motion-art>img,.motion-art>svg{display:block;width:100%;height:100%;object-fit:fill}
.motion-art>svg{position:absolute;inset:0}
.featured-art{display:none}
.mobile-optical-field,.mobile-break,.project-pager{display:none}
.wave-definitions{position:absolute;pointer-events:none}
.plate-wave{top:66.1%;height:8.08%}
.plate-wave-one{left:3.53%;width:14.83%}
.plate-wave-two{left:19.68%;width:14.59%}
.plate-wave-three{left:35.47%;width:14.06%}
.explore-pattern{left:54.9%;top:65.25%;width:4.07%;height:5.84%}
html{scroll-behavior:smooth;scrollbar-color:var(--ink) var(--paper)}
::selection{background:var(--ink);color:var(--paper)}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}
button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
.skip-link{position:fixed;top:12px;left:12px;z-index:10;padding:16px;background:var(--ink);color:var(--paper);transform:translateY(-160%)}
.skip-link:focus{transform:none}
h1,h2,h3,p{margin:0}
.masthead,.masthead nav,.introduction,.project-selectors,.featured-project,.work-intro{display:contents}
.brand,.masthead nav a,.availability,.intro,h1,.featured-label,.featured-title,.featured-description,.featured-status,.featured-divider,.featured-focus,.explore-button,.section-rule,.section-label,.section-heading,.section-divider,.section-description,.all-work{position:absolute}
.brand{left:3.59%;top:1.4%;font:4.4cqw/1 "League Gothic",sans-serif;text-decoration:none;transform:scaleX(.7);transform-origin:left}
.brand-egg{display:none;position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.brand.egg-active .brand-word{visibility:hidden}
.brand.egg-active .brand-egg{display:block;animation:ink-wink-arrive 480ms cubic-bezier(.16,1,.3,1) both}
.brand.egg-active .egg-eye{transform-box:fill-box;transform-origin:center;animation:ink-wink-eye 900ms 220ms both}
@keyframes ink-wink-arrive{from{clip-path:ellipse(0% 0% at 50% 60%)}to{clip-path:ellipse(80% 80% at 50% 50%)}}
@keyframes ink-wink-eye{0%,30%,70%,100%{transform:scaleY(1)}45%,55%{transform:scaleY(.12)}}
.masthead nav a{top:calc(3.6% - 12px);font:1.18cqw/1.2 Oxygen,sans-serif;text-decoration:none;padding:12px 8px;transform:translateX(-8px);transition:background-color 160ms,color 160ms}
.masthead nav a:is([aria-current="location"],:active,:focus-visible){background:var(--ink);color:var(--paper)}
@media(hover:hover) and (pointer:fine){.masthead nav a:hover{background:var(--ink);color:var(--paper)}}
.nav-work{left:13.9%}
.nav-approach{left:19.5%}
.nav-contact{left:27.15%}
.availability{left:82.78%;top:3.4%;font:1.2cqw/1.2 "League Gothic",sans-serif;display:flex;align-items:center;gap:.65cqw}
.availability span{width:.54cqw;height:.54cqw;border-radius:50%;background:var(--ink)}
h1{left:3.47%;top:12.54%;font:400 8.4cqw/.95 Anton,sans-serif;letter-spacing:0;transform:scaleX(.81);transform-origin:top left}
.intro{left:3.65%;top:42.19%;font-size:2.05cqw;line-height:1.1;letter-spacing:-.02em}
.project-selector{position:absolute;top:49.2%;height:25.19%;padding:0;border:1px solid var(--ink);border-radius:.48cqw;text-align:left;background:var(--paper);color:var(--ink);overflow:hidden}
.project-one{left:3.47%;width:14.95%}
.project-two{left:19.62%;width:14.71%}
.project-three{left:35.41%;width:14.17%}
.project-selector[aria-pressed="true"] .project-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.project-number{position:absolute;left:8%;top:7%;font:1.2cqw/1.2 "League Gothic",sans-serif}
.project-arrow{position:absolute;right:7%;top:6%;width:2.45cqw;height:2.45cqw;border:1px solid;border-radius:50%;display:grid;place-items:center}
.project-arrow svg{width:70%;height:70%}
.project-name{position:absolute;left:8%;top:23%;font:2.8cqw/1 "League Gothic",sans-serif}
.project-description{position:absolute;left:8%;top:44.5%;font-size:1.15cqw;line-height:1.2}
.card-waves{position:absolute;left:0;bottom:0;width:100%;height:28%;pointer-events:none}
.project-status{position:absolute;left:8%;top:66.5%;border-radius:999px;background:var(--paper);color:var(--ink);padding:.2cqw .95cqw;font-size:.82cqw;line-height:1.3}
.featured-label{left:54.37%;top:23.8%;font:.85cqw/1.25 Oxygen,sans-serif}
.featured-title{left:54.49%;top:26.8%;font:400 7.057cqw/1 "League Gothic",sans-serif}
.featured-description{left:54.61%;top:40.06%;font:1.735cqw/1.22 Oxygen,sans-serif}
.featured-status{left:54.84%;top:49.09%;width:7.42%;height:3.08%;border:1px solid #555;border-radius:999px;display:grid;place-items:center;font-size:.98cqw;background:#ededed}
.featured-divider{left:54.84%;top:53.99%;width:22.61%;height:1px;background:#777}
.featured-focus{left:54.78%;top:56.43%;font-size:1.31cqw;line-height:1.25}
.explore-button{left:54.84%;top:65.25%;width:19.32%;height:6.06%;border-radius:.35cqw;overflow:hidden;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);text-decoration:none;padding-right:1.1cqw;font:1.18cqw/1 Oxygen,sans-serif}
.explore-button span{position:absolute;left:8%;font-size:1.23cqw}
.explore-button svg{position:absolute;right:7.6%;width:1.75cqw;height:1.75cqw}
.explore-button{isolation:isolate;border:1px solid var(--ink);transition:color 240ms,transform 140ms}
.explore-button::before{content:"";position:absolute;left:var(--fill-x,50%);top:var(--fill-y,50%);width:var(--fill-size,300%);aspect-ratio:1;z-index:-1;background:var(--paper);border-radius:46% 54% 57% 43% / 55% 44% 56% 45%;transform:translate(-50%,-50%) scale(0) rotate(-14deg);transition:transform 240ms cubic-bezier(.16,1,.3,1);pointer-events:none}
.explore-button svg{transition:transform 300ms cubic-bezier(.16,1,.3,1)}
.explore-button:is(:focus-visible,:active){color:var(--ink)}
.explore-button:is(:focus-visible,:active)::before{transform:translate(-50%,-50%) scale(1) rotate(0);transition-duration:480ms}
.explore-button:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.explore-button:hover{color:var(--ink)}.explore-button:hover::before{transform:translate(-50%,-50%) scale(1) rotate(0);transition-duration:480ms}.explore-button:hover svg{transform:translateX(4px)}}
.section-rule{left:3.65%;top:78.32%;width:41.99%;height:1px;background:#777}
.section-label{left:3.71%;top:80.87%;font-size:.78cqw;letter-spacing:.12em}
.section-heading{left:3.65%;top:90.325%;font:4.4cqw/.88 "League Gothic",sans-serif;transform:translateY(-50%) scaleX(.82);transform-origin:left}
.section-divider{left:22.98%;top:83.1%;width:1.3px;height:14.45%;background:#777}
.section-description{left:25.72%;top:90.325%;font-size:1.13cqw;line-height:1.3;transform:translateY(-50%)}
.all-work{left:53.95%;top:89.69%;display:flex;align-items:center;gap:1cqw;text-decoration:none;font:1.2cqw/1 "League Gothic",sans-serif}
.all-work svg{width:2.5cqw;height:1.9cqw}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.content-width{width:calc(100% - 7.3%);max-width:1550px;margin-inline:auto}
[id]{scroll-margin-top:32px}
.work-section{padding-block:0 100px}
.project-story{display:grid;grid-template-columns:42% 1fr;gap:6%;padding-block:64px;border-top:1px solid var(--ink)}
.story-title h2{font:400 clamp(52px,6.6vw,96px)/1 "League Gothic",sans-serif}
.story-title p{margin-top:16px;font-size:14px}
.story-action{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}
.visit-site{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:14px 18px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:var(--paper);font-size:15px;line-height:1.2;text-decoration:none}
.visit-site svg{width:20px;height:20px;flex-shrink:0}
.visit-site:hover:not(:disabled){background:#303030}
.visit-site:disabled{background:#ededed;color:#555;border-color:#888;cursor:not-allowed}
.site-link-note{font-size:12px;line-height:1.5;color:#555}
.story-content h3{font:400 clamp(30px,3vw,46px)/1.1 "League Gothic",sans-serif;margin-bottom:24px;max-width:22ch}
.story-content>p,.detail-copy,.index-detail{font-size:17px;line-height:1.7;max-width:68ch}
.story-content details{margin-top:28px;border-top:1px solid #aaa}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.story-content summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;font-size:15px}
.plus{position:relative;width:18px;height:18px;flex-shrink:0;display:inline-block}
.plus::before,.plus::after{content:"";position:absolute;background:currentColor;top:8px;left:1px;width:16px;height:1px}
.plus::after{transform:rotate(90deg)}
details[open]>summary .plus::after{transform:rotate(0)}
.detail-copy{padding:0 0 20px}
.detail-copy p+p,.index-detail p+p{margin-top:16px}
.section-opening{display:grid;grid-template-columns:42% 1fr;gap:6%;align-items:end;margin-bottom:48px}
.section-opening h2,.approach-intro h2,.contact-intro h2{font:400 clamp(52px,6.6vw,96px)/.95 "League Gothic",sans-serif}
.section-opening>p{max-width:44ch;line-height:1.7;font-size:18px}
.project-index details{border-top:1px solid #999}
.project-index details:last-child{border-bottom:1px solid #999}
.project-index summary{display:grid;grid-template-columns:36% 34% 1fr 18px;align-items:center;gap:20px;padding:28px 0}
.index-title{font:400 clamp(28px,3vw,44px)/1.1 "League Gothic",sans-serif}
.index-description{font-size:16px}
.index-state{font-size:13px;color:#4a4a4a}
.index-detail{padding:0 0 32px;margin-left:calc(36% + 20px);max-width:65ch}
.index-detail a{display:inline-flex;align-items:center;gap:12px;margin-top:20px}
.index-detail svg{width:24px;height:24px}
.private-work{margin:40px 0 100px auto;max-width:65ch;font-size:15px;line-height:1.7;color:#444}
.approach-section{background:var(--ink);color:var(--paper);padding-block:100px}
.approach-grid{display:grid;grid-template-columns:42% 1fr;gap:6%}
.approach-intro>p{font-size:18px;line-height:1.7;max-width:38ch;margin-top:32px}
.approach-intro .disciplines{font-size:14px;line-height:1.8;max-width:32ch;color:#ccc;margin-top:48px}
.approach-intro .capability-note{font-size:15px;line-height:1.7;max-width:38ch;color:#ddd;margin-top:24px}
.principles>div{padding-block:25px;border-top:1px solid #666}
.principles>div:first-child{padding-top:0;border-top:0}
.principles h3{font:400 34px/1.15 "League Gothic",sans-serif;margin-bottom:12px}
.principles p{font-size:16px;line-height:1.7;max-width:64ch;color:#ddd}
.contact-section{display:grid;grid-template-columns:42% 1fr;gap:6%;padding-block:110px}
.contact-intro>p{max-width:38ch;line-height:1.7;margin-top:30px;font-size:18px}
.contact-intro>p+p{font-size:16px}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.field{margin-bottom:26px}
.field label{display:block;font-size:15px;margin-bottom:12px}
.field label span{font-size:12px;color:#555}
.field input,.field textarea{display:block;width:100%;border:1px solid #888;border-radius:6px;padding:14px 16px;background:transparent;color:var(--ink);font-size:16px;line-height:1.5;caret-color:var(--ink)}
.field textarea{resize:vertical;min-height:150px}
.field input::placeholder,.field textarea::placeholder{color:#626262}
.captcha-area{margin-bottom:24px;min-height:78px}
#captcha-status{font-size:14px;line-height:1.5;color:#555}
#captcha-retry{margin-top:12px;padding:10px 16px;border:1px solid;border-radius:5px;background:transparent}
.send-button{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:6px;padding:18px 22px;font-size:18px}
.send-button svg{width:24px;height:24px}
.send-button:disabled{opacity:.6;cursor:wait}
.send-button:focus-visible{outline-offset:4px}
.form-note{font-size:12px;line-height:1.7;max-width:56ch;color:#555;margin-top:16px}
.form-feedback{padding:16px;border:1px solid;margin-top:20px;font-size:16px;line-height:1.5}
[hidden]{display:none!important}
.site-footer{border-top:1px solid var(--ink);padding-block:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-brand{font:400 40px/1 "League Gothic",sans-serif;text-decoration:none}
.site-footer p,.site-footer>a:last-child{font-size:13px}
.site-footer>a:last-child{display:flex;align-items:center;gap:12px}
.site-footer svg{width:22px;height:22px;transform:rotate(-90deg)}
summary:hover,.all-work:hover,.index-detail a:hover{text-decoration:underline;text-underline-offset:5px}
.featured-description,.featured-focus{white-space:pre-line}
.project-selector{transition:background-color 160ms,color 160ms}
.project-selector:is(:active,:focus-visible){background:var(--ink);color:var(--paper)}
@media(hover:hover) and (pointer:fine){
  .project-selector:hover{background:var(--ink);color:var(--paper)}
}
.send-button:hover:not(:disabled){background:#303030}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-selector,.masthead nav a,.explore-button,.explore-button::before,.explore-button svg{transition:none}.brand.egg-active .brand-egg,.brand.egg-active .egg-eye{animation:none}.explore-button:active,.explore-button:hover svg{transform:none}}
.section-label{font-size:max(11px,.78cqw)}
.project-status{font-size:max(11px,.82cqw)}
.featured-label{font-size:max(11px,.85cqw)}
.featured-status{font-size:max(11px,.98cqw)}
.all-work::before{content:"";position:absolute;inset:-12px -6px}
@media(max-width:1100px){
  .aperture{display:flex;flex-direction:column;aspect-ratio:auto;container-type:normal}
  .masthead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px 5% 12px;order:0}
  .brand{position:static;font-size:55px;transform:scaleX(.8);transform-origin:left}
  .masthead nav{display:flex;gap:12px}
  .masthead nav a{position:relative;left:auto;top:auto!important;font-size:16px!important;min-height:44px;display:flex;align-items:center;padding:8px;transform:none}
  .brand{position:relative;left:auto;top:auto}
  .availability{position:static;width:100%;font:14px/1.5 Oxygen,sans-serif;gap:8px}
  .availability span{width:7px;height:7px}
  .introduction{display:block;order:1;padding:24px 5%}
  h1{position:static;font-size:clamp(60px,10.5vw,115px);line-height:1;transform:scaleX(.81)}
  .intro{position:static;font-size:clamp(19px,3vw,27px);line-height:1.4;margin-top:20px;max-width:32ch}
  .project-selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;order:2;margin:0 5% 0}
  .project-selector{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:52px;padding:12px 8px;border-radius:6px;text-align:center;overflow:visible}
  .project-name{position:static;font:28px/1.1 "League Gothic",sans-serif;white-space:nowrap}
  .project-number,.project-arrow,.project-description,.project-status,.card-waves{display:none}
  .optical-field{display:none}
  .featured-project{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;order:4;position:relative;isolation:isolate;overflow:hidden;padding:40px 12% 56px;min-height:354px}
  .featured-art{display:block;position:absolute;z-index:-1;width:220%;height:160%;left:-60%;top:-30%}
  .featured-label,.featured-title,.featured-description,.featured-status,.featured-divider,.featured-focus,.explore-button{position:static}
  .featured-label{font:12px/1.4 Oxygen,sans-serif}
  .featured-title{font-size:64px;line-height:1;margin:0 0 12px}
  .featured-description{font-size:20px;line-height:1.35}
  .featured-status{font-size:12px;width:max-content;height:auto;padding:4px 12px;margin-top:12px}
  .featured-divider{display:block;width:100%;height:1px;margin-block:16px}
  .featured-focus{font-size:16px;line-height:1.45}
  .explore-button{left:auto;top:auto;width:260px;max-width:100%;height:48px;flex-shrink:0;margin-top:18px;border-radius:6px;padding-right:18px;position:relative}
  .explore-button span{font-size:16px;left:8%}
  .explore-button svg{width:24px;height:24px;right:7%}
  .work-intro{order:5;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding:24px 5%;border-top:0;margin-top:auto}
  .section-rule,.section-divider{display:none}
  .section-label,.section-heading,.section-description,.all-work{position:static}
  .section-label{grid-column:1/-1;font-size:11px}
  .section-heading{font-size:48px;line-height:.95;transform:none}
  .section-description{font-size:16px;line-height:1.5;transform:none}
  .section-description br{display:none}
  .all-work{position:relative;left:auto;top:auto;font-size:18px;gap:12px;grid-column:1/-1;width:max-content;min-height:44px;padding-block:10px}
  .all-work svg{width:32px;height:24px}
  .content-width{width:90%}
  .project-story,.section-opening,.approach-grid,.contact-section{grid-template-columns:36% 1fr;gap:7%}
  .project-index summary{grid-template-columns:30% 35% 1fr 18px;gap:14px}
  .index-detail{margin-left:calc(30% + 14px)}
  .index-state{font-size:12px}
  .form-pair{grid-template-columns:1fr;gap:0}
}
@media(max-width:600px){
  .masthead{gap:6px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:8px}
  .masthead nav{gap:4px}
  .masthead nav a{font-size:14px!important}
  .brand{font-size:46px}
  .availability{font-size:14px}
  .introduction{padding-top:18px;padding-bottom:20px}
  h1{font-size:15.6vw;line-height:.98;white-space:nowrap}
  .intro{font-size:18px;max-width:28ch;margin-top:14px;line-height:1.35}
  .project-selectors{gap:6px}
  .project-name{font-size:26px}
  .featured-title{font-size:56px}
  .featured-description{font-size:18px}
  .featured-project{padding:32px 12% 48px;min-height:354px}
  .featured-description,.featured-focus{white-space:normal}
  .featured-description br,.featured-focus br{display:none}
  .work-intro{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-block:18px 22px}
  .section-heading{font-size:clamp(28px,8.8vw,36px)}
  .section-description{display:none}
  .all-work{grid-column:2;grid-row:1;align-self:center;font-size:16px;gap:8px}
  .all-work svg{width:24px}
  .work-section{padding-block:0 64px}
  .project-story,.section-opening,.approach-grid,.contact-section{grid-template-columns:1fr;gap:28px}
  .project-story{padding-block:32px;gap:24px}
  .story-title{display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:12px}
  .story-title h2{grid-column:1}
  .story-title>p{grid-column:1;font-size:12px;line-height:1.5}
  .story-action{grid-column:2;grid-row:1/3;align-items:flex-end;gap:8px;margin-top:4px}
  .visit-site{gap:12px;padding:12px;font-size:14px}
  .site-link-note{font-size:12px}
  .story-title h2{font-size:56px}
  .story-title p{margin-top:12px}
  .story-content h3{font-size:32px;margin-bottom:18px;max-width:24ch}
  .story-content>p,.detail-copy,.index-detail{font-size:16px;line-height:1.65}
  .section-opening{margin-bottom:32px}
  .section-opening h2,.approach-intro h2,.contact-intro h2{font-size:60px}
  .section-opening>p{font-size:16px}
  .project-index summary{grid-template-columns:1fr 18px;gap:10px;padding-block:24px}
  .index-title{font-size:32px}
  .index-description{font-size:14px;grid-column:1}
  .index-state{font-size:12px;grid-column:1}
  .project-index .plus{grid-column:2;grid-row:1}
  .index-detail{margin-left:0;padding-bottom:26px}
  .private-work{margin-block:28px 64px;font-size:14px}
  .approach-section{padding-block:60px}
  .approach-intro>p{font-size:17px}
  .approach-intro .disciplines{margin-top:24px;max-width:38ch}
  .principles{margin-top:12px}
  .principles h3{font-size:30px}
  .contact-section{padding-block:64px;gap:38px}
  .contact-intro>p{font-size:17px;margin-top:24px}
  .site-footer{flex-wrap:wrap;padding-block:24px}
  .site-footer p{font-size:12px}
  .site-footer>a:last-child{width:100%}
}
@media(max-width:360px){
  .project-name{font-size:24px}
  .story-title h2{font-size:48px}
  .captcha-area{min-height:144px}
}
@media(min-width:601px) and (max-width:1100px){
  .aperture{display:grid;grid-template-columns:46% 54%;grid-template-rows:auto 1fr 1fr auto}
  .masthead{grid-column:1/-1;grid-row:1}
  .introduction{grid-column:1;grid-row:2;align-self:end;padding:40px 0 24px 11%}
  h1{font-size:8vw;white-space:nowrap;line-height:1}
  .intro{font-size:22px;margin-top:24px;max-width:24ch}
  .project-selectors{grid-column:1;grid-row:3;align-self:start;margin:0 0 32px 11%;gap:6px}
  .project-name{font-size:24px}
  .featured-project{grid-column:2;grid-row:2/4;padding:64px 16% 72px 12%;background-size:220% 160%;min-height:460px}
  .featured-title{font-size:clamp(56px,7.5vw,76px)}
  .featured-description,.featured-focus{white-space:normal}
  .featured-description br,.featured-focus br{display:none}
  .work-intro{grid-column:1/-1;grid-row:4;grid-template-columns:1fr 1fr auto;align-items:center;padding-block:28px;margin-top:0}
  .all-work{grid-column:3}
  .section-heading{font-size:48px}
}

/* Approved portrait composition: one ink field, two quiet reading openings. */
@media(max-width:600px){
  .aperture{isolation:isolate;min-height:0;padding-bottom:68px;overflow:hidden}
  .mobile-optical-field{display:block;position:absolute;inset:0 0 68px;z-index:-1}
  .masthead{padding:12px 5.8% 0;min-height:72px;gap:0;flex-wrap:nowrap}
  .brand{font-size:40px;min-height:44px;display:flex;align-items:center}
  .masthead nav{gap:4px}
  .masthead nav a{font-size:14px!important;padding:10px 6px;min-width:44px;justify-content:center}
  .availability{position:absolute;left:5.8%;top:auto;bottom:20px;width:auto;font-size:13px;line-height:1.5;margin:0}
  .introduction{padding:20px 5.8% 0}
  .mobile-break{display:inline}
  .desktop-space{display:none}
  h1{font-size:17.1vw;line-height:.99;transform:scaleX(.88);white-space:nowrap}
  .intro{font-size:clamp(16px,4.4vw,25px);line-height:1.35;max-width:24ch;margin-top:18px;letter-spacing:-.02em}
  .intro-tail{display:block}
  .project-selectors,.featured-art{display:none}
  .featured-project{order:4;display:block;isolation:auto;overflow:visible;min-height:0;width:64%;margin:24vw 0 0 12.7%;padding:0;touch-action:pan-y pinch-zoom}
  .featured-title{font-size:clamp(54px,15vw,90px);line-height:1.05;white-space:nowrap}
  .featured-description{font-size:clamp(16px,4.15vw,24px);line-height:1.35;margin-top:18px;white-space:normal;min-height:2.7em}
  .featured-status{display:block;width:auto;height:auto;border:0;border-radius:0;background:none;font-size:clamp(14px,3.45vw,19px);line-height:1.5;margin:10px 0 0;padding:0}
  .featured-divider,.featured-focus{display:none}
  .explore-button{position:relative;width:46vw;min-width:170px;max-width:100%;height:48px;margin-top:16px;border-radius:4px;font-size:16px}
  .explore-button span{font-size:16px}
  .explore-button svg{width:24px;height:24px}
  .project-pager{display:block;order:4;width:46%;min-width:170px;margin:18px 0 0 12.7%}
  .pager-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .pager-row button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;padding:10px;border:1px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink)}
  .pager-row button:is(:active,:focus-visible){background:var(--ink);color:var(--paper)}
  .pager-row svg{width:24px;height:24px}
  .project-count{font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}
  .next-project{font-size:14px;line-height:1.5;margin-top:14px}
  .work-intro{display:block;order:5;margin:0;padding:17vw 5.8% 28px}
  .work-intro .section-heading,.work-intro .section-description{display:none}
  .all-work{position:relative;display:inline-flex;min-height:44px;font:18px/1.3 Oxygen,sans-serif;gap:14px}
  .all-work span{text-transform:lowercase}
  .all-work span::first-letter{text-transform:uppercase}
  .all-work svg{width:24px;height:24px;transform:rotate(90deg)}
  .all-work::before{display:none}
}
@media(max-width:360px){
  .masthead{padding-inline:5%;min-height:64px}
  .brand{font-size:36px;transform:none}
  .masthead nav{gap:0}
  .masthead nav a{font-size:13px!important;padding-inline:5px}
  .featured-project{width:68%;margin-left:10%}
  .project-pager{margin-left:10%}
  .all-work{font-size:15px;gap:8px}
}