@font-face{font-family:Manrope;src:url('/assets/manrope-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope-semibold.ttf') format('truetype');font-weight:500 700;font-style:normal;font-display:swap}
:root{--ground:#f5f4f0;--paper:#fff;--ink:#1b1d19;--soft-ink:#555a50;--accent:#c6ad43;--accent-strong:#b39b34;--field:#e8e8dd;--dark:#262c23;--light:#f5f4f0;--font:Manrope,Arial,sans-serif;--small:14px;--body:17px;--lead:clamp(21px,2vw,29px);--head:clamp(34px,4vw,58px);--display:clamp(56px,7.7vw,96px);--ease-out:cubic-bezier(.22,1,.36,1);--ease-soft:cubic-bezier(.33,1,.68,1);--gutter:clamp(20px,4vw,72px);--space:clamp(100px,11vw,176px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--ground);color:var(--ink);font:400 var(--body)/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a{color:inherit;text-decoration:none;text-underline-offset:.3em}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}p,h1,h2,h3,figure{margin:0}p{max-width:65ch;text-wrap:pretty}h1,h2,h3{font-weight:400;letter-spacing:-.035em;line-height:1.06;text-wrap:balance}h1{font-size:var(--display)}h2{font-size:var(--head)}h3{font-size:clamp(25px,2.5vw,36px)}img{display:block;width:100%;height:auto}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:3px solid var(--accent-strong);outline-offset:5px}input,textarea{caret-color:var(--ink)}.content-width{max-width:1600px;padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--space)}.lead{font-size:var(--lead);line-height:1.5}.note,figcaption{font-size:var(--small);line-height:1.6;color:var(--soft-ink)}figcaption{margin-top:10px}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--accent);padding:12px 18px}.skip:focus{top:12px}.header{position:relative;z-index:20;display:flex;align-items:center;gap:36px;padding:24px var(--gutter);max-width:1600px;margin:auto;background:var(--ground)}.brand{width:184px;flex-shrink:0}.brand img{height:58px;object-fit:contain}.header nav{display:flex;gap:32px;margin-left:auto;font-size:15px}.header nav a{padding:12px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:15px 22px;background:var(--accent);color:var(--ink);border:0;border-radius:0;font-size:15px;font-weight:600;line-height:1.4;text-align:center;transition:transform 140ms var(--ease-out),background-color 180ms ease}.button svg{width:20px;height:20px}.button:active{transform:scale(.97)}.text-link{display:inline-block;text-decoration:underline;text-decoration-thickness:1px;padding-block:10px;font-weight:600}.menu-toggle{display:none;background:none;border:0;padding:10px}.hero{padding-top:42px;padding-bottom:64px}.hero h1{position:relative;z-index:2;margin-bottom:40px;max-width:100%;letter-spacing:-.04em}.hero-layout{display:grid;grid-template-columns:4fr 8fr;gap:56px;align-items:start}.hero-copy>p{max-width:36ch;margin-bottom:24px;font-size:19px;line-height:1.6}.hero-small{width:78%;margin-top:62px}.hero-small img{aspect-ratio:1.42;object-fit:cover}.hero-main{margin-top:-5px}.hero-images{position:relative;aspect-ratio:1.55;overflow:hidden;background:var(--field)}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1600ms ease}.hero-photo.is-active{opacity:1}.hero-main figcaption{display:flex;gap:15px;justify-content:space-between;align-items:center}.hero-main figcaption button{border:0;background:var(--field);color:var(--ink);padding:10px;min-width:40px;min-height:40px;display:grid;place-items:center}.about-opening{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.about-opening .lead{margin-bottom:25px}.about-mosaic{display:grid;grid-template-columns:8fr 4fr;gap:32px;margin-top:68px;align-items:start}.office-image{grid-row:span 2}.office-image img{aspect-ratio:1.45;object-fit:cover}.about-field{padding:42px 34px;background:var(--field)}.about-field p{margin-top:20px}.experience-copy{padding:5px 20px 0 0}.experience-copy .note{margin-top:16px}.portfolio{background:var(--paper)}.portfolio-heading{display:flex;gap:8vw;justify-content:space-between;align-items:flex-end}.portfolio-heading p{max-width:39ch}.portfolio-selector{margin-top:52px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.filter{border:0;background:var(--ground);color:var(--ink);padding:13px 19px;min-height:48px;font-size:16px;transition:background-color 180ms ease,color 180ms ease,transform 140ms var(--ease-out)}.filter.is-active{background:var(--dark);color:var(--light)}.filter:active{transform:scale(.97)}#filter-result{margin-top:14px}.project-scatter{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:116px;margin-top:64px;align-items:start}.project{min-width:0}.project[hidden]{display:none}.project-granados{grid-column:1/8}.project-liranza{grid-column:9/13;margin-top:170px}.project-villarreal{grid-column:3/11}.project-rustico{grid-column:1/7}.project-ganadero{grid-column:8/13;margin-top:76px}.project img{object-fit:cover}.project-granados figure img{aspect-ratio:1.5}.project-liranza figure img{aspect-ratio:.85}.project-villarreal figure img{aspect-ratio:1.7}.project-copy{margin-top:24px}.project-copy>p:first-of-type{margin-top:12px;color:var(--soft-ink)}.project-copy>p:nth-of-type(2){margin-top:18px}.project-copy h3{max-width:23ch}.project details{margin-top:20px}.project summary{list-style:none;cursor:pointer;display:inline-flex;gap:24px;align-items:center;padding:10px 0;font-weight:600;text-decoration:underline;text-underline-offset:.3em}.project summary::-webkit-details-marker{display:none}.project summary:after{content:'+';font-size:24px;font-weight:400}.project details[open] summary:after{content:'−'}.project-more{margin-top:18px;padding:24px;background:var(--ground)}.project-more img{margin-bottom:22px;aspect-ratio:1.5}.project-more p{margin-bottom:12px}.text-project{background:var(--field);padding:46px;min-height:320px}.text-project p{margin-top:18px}.text-project .text-link{margin-top:20px}.project-ganadero{background:var(--ground)}.portfolio-note{margin-top:66px;max-width:75ch}.project-scatter.filtered{row-gap:70px}.project-scatter.filtered .project{margin-top:0}.project-scatter.filtered .project:nth-child(odd){grid-column:1/8}.project-scatter.filtered .project:nth-child(even){grid-column:9/13}.track-opening{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.track-opening p{max-width:46ch}.track-list{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:68px 0 36px}.track-list h3{font-size:29px}.track-list p{margin-top:12px}.track>.note{max-width:85ch}.approach{background:var(--dark);color:var(--light)}.approach-layout{display:grid;grid-template-columns:5fr 5fr;gap:12vw;align-items:center}.approach img{aspect-ratio:.95;object-fit:cover}.approach figcaption{color:#d3d7cb}.approach h2{margin-bottom:30px}.approach .lead{margin-bottom:28px}.approach .text-link{margin-top:28px;color:var(--light)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact .lead{margin-top:30px}.contact-links{margin-top:40px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.contact-links a{text-decoration:underline;overflow-wrap:anywhere;font-size:clamp(15px,1.25vw,18px)}form{display:flex;flex-direction:column;gap:24px}form label{display:flex;flex-direction:column;gap:10px;font-size:16px}input,select,textarea{width:100%;border:1px solid #858b7f;background:var(--paper);color:var(--ink);padding:15px 16px;min-height:54px;border-radius:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--soft-ink);opacity:1}form .button{align-self:flex-start}form .note{max-width:52ch}footer{background:var(--field);overflow:hidden;padding-top:36px}.footer-wordmark{font-size:clamp(120px,22vw,330px);letter-spacing:-.04em;line-height:1.05;font-weight:400;padding-bottom:30px}.footer-row{display:grid;grid-template-columns:2fr 2fr 2fr auto;gap:36px;align-items:start;margin-top:30px}.footer-logo{width:190px}.footer-row>div{display:flex;flex-direction:column;gap:12px}.footer-row .button{align-self:start}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding:70px 0 32px;font-size:14px}.footer-bottom p{margin:0}
@media(hover:hover) and (pointer:fine){.header nav a:hover,.text-link:hover,.footer-row a:not(.button):hover{color:#70601e}.button:hover{background:var(--accent-strong)}.filter:not(.is-active):hover{background:var(--field)}.project figure a{display:block;overflow:hidden}.project figure a img{transition:transform 600ms var(--ease-soft)}.project figure a:hover img{transform:scale(1.025)}}
@media(prefers-reduced-motion:no-preference){[data-entrance]{animation:entrance 800ms var(--ease-out) both}[data-entrance]:nth-child(2){animation-delay:90ms}.hero-copy .button{animation-delay:160ms}@keyframes entrance{from{opacity:.6;transform:translateY(16px)}to{opacity:1;transform:none}}.reveal-once{animation:arrive 700ms var(--ease-out) both}@keyframes arrive{from{opacity:.65;transform:translateY(20px)}to{opacity:1;transform:none}}.picture-once{animation:picture 1000ms var(--ease-soft) both}@keyframes picture{from{opacity:.85;transform:scale(.98)}to{opacity:1;transform:none}}}
@media(max-width:1000px){.header{gap:24px}.header nav{gap:20px}.header-action{padding:14px}.hero-layout{gap:30px;grid-template-columns:4fr 6fr}.hero-copy>p{font-size:17px}.hero-small{width:94%;margin-top:40px}.about-opening{gap:40px}.about-mosaic{grid-template-columns:3fr 2fr}.about-field{padding:28px}.experience-copy{grid-column:1/-1;max-width:72ch}.project-scatter{gap:80px 24px}.project-granados{grid-column:1/8}.project-liranza{grid-column:9/13;margin-top:100px}.project-copy h3{font-size:28px}.text-project{padding:30px}.contact{gap:44px}.footer-row{grid-template-columns:1fr 1fr}.approach-layout{gap:50px}.header nav{font-size:14px}.brand{width:160px}}
@media(max-width:760px){:root{--body:16px;--lead:22px;--head:36px;--display:54px;--space:92px;--gutter:22px}.header{padding-block:18px;flex-wrap:wrap;gap:16px}.brand{width:160px}.brand img{height:48px}.menu-toggle{display:block;margin-left:auto}.header-action{display:none}.header nav{display:none;flex-basis:100%;margin:0;flex-direction:column;gap:6px;font-size:18px;padding-block:16px}.header nav.is-open{display:flex}.header nav a{padding:10px 0}.hero{padding-top:22px;padding-bottom:35px}.hero h1{max-width:10ch;margin-bottom:28px;line-height:1.04}.hero-layout{display:flex;flex-direction:column;gap:30px}.hero-copy{display:contents}.hero-copy>p{max-width:36ch;order:0;margin:0;font-size:17px}.hero-copy>.button{order:1;align-self:flex-start}.hero-main{order:2;width:90%;align-self:flex-end;margin-top:3px}.hero-images{aspect-ratio:1.08}.hero-small{order:3;width:52%;margin-top:0;position:relative;z-index:2}.hero-small figcaption{background:var(--ground);padding-top:8px}.hero-main figcaption{max-width:100%;gap:5px}.hero-main figcaption span{font-size:13px;max-width:22ch}.hero-small img{aspect-ratio:1.25}.hero-main figcaption button{padding:8px;align-self:flex-start}.about-opening{grid-template-columns:1fr;gap:28px}.about-opening h2 br{display:none}.about-mosaic{display:flex;flex-direction:column;gap:32px;margin-top:38px}.about-field{width:88%;align-self:flex-end;padding:30px}.office-image{width:100%}.experience-copy{padding:0}.portfolio-heading{display:block}.portfolio-heading p{margin-top:24px}.portfolio-selector{margin-top:35px}.filters{gap:8px}.filter{font-size:14px;padding:12px;min-height:46px}.project-scatter{display:flex;flex-direction:column;gap:65px;margin-top:40px}.project-granados{width:100%}.project-liranza{width:78%;align-self:flex-end;margin-top:0}.project-villarreal{width:93%;align-self:flex-start}.project-rustico{width:100%}.project-ganadero{width:90%;align-self:flex-end;margin:0}.project-copy h3{font-size:30px}.project-copy>p{font-size:16px}.project-more{padding:20px}.text-project{padding:30px;min-height:0}.portfolio-note{margin-top:40px}.track-opening{grid-template-columns:1fr;gap:25px}.track-list{grid-template-columns:1fr;gap:30px;margin:40px 0 30px}.track-list h3{font-size:28px}.track-list p{margin-top:6px}.approach-layout{grid-template-columns:1fr;gap:45px}.approach-layout figure{width:85%}.approach img{aspect-ratio:1.1}.contact{grid-template-columns:1fr;gap:48px}.contact h2{max-width:11ch}.contact-links{margin-top:28px}.contact-links a{max-width:100%;font-size:15px}.footer-wordmark{font-size:31vw;padding-bottom:8px}.footer-row{gap:30px 20px;margin-top:32px;align-items:start}.footer-logo{width:145px}.footer-row p,.footer-row a{font-size:14px}.footer-row .button{justify-self:start}.footer-bottom{padding-top:50px;font-size:13px}html{scroll-padding-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.hero-photo:not(.is-active){opacity:0}}
/* Cinematic portfolio */
html{scrollbar-color:var(--accent-strong) var(--ground)}
.header{position:sticky;top:0;max-width:none;padding-inline:max(var(--gutter),calc((100vw - 1466px)/2));transition:box-shadow 220ms ease;isolation:isolate}.header.is-scrolled{box-shadow:0 7px 24px #1b1d1910}.reading-progress{position:fixed;z-index:60;top:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none}
.cinema{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:740px;height:calc(100svh - 106px);max-height:1080px;padding:76px 0 36px;background:var(--dark);color:#fff;overflow:hidden}.hero-stage,.hero-shade{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-shade{z-index:-1;background:rgba(12,18,12,.58);pointer-events:none}.hero-stage .hero-photo{height:100%;width:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.045);transition:opacity 1400ms cubic-bezier(.33,1,.68,1),transform 8500ms cubic-bezier(.33,.1,.67,1)}.hero-stage .hero-photo.is-active{opacity:1;transform:scale(1)}.hero-content{width:100%;position:relative;z-index:1;padding-bottom:120px}.cinema h1{font-size:clamp(68px,7.4vw,96px);max-width:9ch;margin-bottom:30px;line-height:1.03;letter-spacing:-.04em}.title-line{display:block;overflow:hidden;padding-bottom:.04em}.title-line>span{display:block}.hero-description{font-size:clamp(18px,1.45vw,22px);line-height:1.6;max-width:38ch;margin-bottom:30px}.hero-action{background:var(--accent);min-height:58px;gap:32px}.hero-bottom{position:absolute;z-index:2;bottom:32px;left:0;right:0;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.scroll-invitation{display:flex;align-items:center;gap:25px;font-size:14px;min-height:44px}.scroll-invitation svg{width:22px;height:32px}.hero-switcher{width:min(570px,55%)}.hero-tabs{display:flex;gap:30px}.hero-tab{position:relative;flex:1;white-space:nowrap;color:#fff;background:transparent;border:0;min-height:46px;padding:0 0 16px;text-align:left;font-size:15px;font-weight:600;opacity:.72;transition:opacity 180ms ease}.hero-tab::before,.hero-tab::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;background:#ffffff50}.hero-tab::after{background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 300ms var(--ease-out)}.hero-tab.is-active{opacity:1}.hero-tab.is-active::after{transform:scaleX(1)}.hero-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;min-height:44px}.hero-caption p{font-size:12px;color:#fff}.hero-caption button{display:grid;place-items:center;background:transparent;color:#fff;border:1px solid #ffffff80;min-width:36px;min-height:36px;padding:7px;flex-shrink:0}.hero-tab:active{opacity:.8}.hero-caption button:active{transform:scale(.95)}.image-window{overflow:hidden}.image-window img{transform:scale(1.035);transform-origin:center}.image-window,.project figure a{position:relative}.project figure a{display:block;overflow:hidden}.image-action{position:absolute;right:20px;bottom:20px;width:50px;height:50px;display:grid;place-items:center;background:var(--ground);color:var(--ink);border-radius:50%;transform:translateY(0);transition:transform 250ms var(--ease-out),background-color 200ms ease}.image-action svg{width:22px;height:22px}.project summary:after{transition:transform 220ms var(--ease-out)}.project details[open] summary:after{content:'+';transform:rotate(45deg)}.project details[open] .project-more{animation:detail-reveal 240ms var(--ease-out)}.about-opening h2,.portfolio-heading h2,.track-opening h2{align-self:start}.about-field{position:relative}.about-field h3{max-width:12ch}.text-link{position:relative}.text-link::after{content:'';height:1px;position:absolute;bottom:7px;left:0;right:0;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 240ms var(--ease-out)}.about-field{transition:background-color 350ms ease}.button svg{transition:transform 240ms var(--ease-out)}.project-copy{transition:transform 350ms var(--ease-out)}.contact form{padding-top:7px}.portfolio-selector{position:relative}.filters{position:relative}.filter{transition:background-color 220ms ease,color 220ms ease,transform 140ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.hero-tab:hover{opacity:1}.scroll-invitation:hover svg{transform:translateY(5px)}.scroll-invitation svg{transition:transform 250ms var(--ease-out)}.button:hover svg{transform:translate(3px,-3px)}.project figure a:hover img{transform:scale(1.065)}.project figure a:hover .image-action{transform:translate(-5px,-5px);background:var(--accent)}.project:hover .project-copy{transform:translateY(-3px)}.text-link:hover::after{transform:scaleX(1)}.about-field:hover{background:#dfdfcb}}
@media(prefers-reduced-motion:no-preference){.title-line>span{animation:title-rise 1150ms cubic-bezier(.16,1,.3,1) both}.title-line:nth-child(2)>span{animation-delay:140ms}.hero-description{animation:hero-copy 950ms var(--ease-out) 300ms both}.hero-action{animation:hero-copy 950ms var(--ease-out) 430ms both}.hero-bottom{animation:hero-copy 950ms var(--ease-out) 550ms both}.reveal-once{animation:copy-arrive 900ms var(--ease-out) both}.picture-once{animation:photo-open 1250ms cubic-bezier(.16,1,.3,1) both}.heading-once{animation:heading-arrive 1000ms cubic-bezier(.16,1,.3,1) both}.project-in{animation:project-arrive 600ms var(--ease-out) both}@keyframes title-rise{from{transform:translateY(103%)}to{transform:none}}@keyframes hero-copy{from{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes copy-arrive{from{opacity:.45;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes photo-open{from{clip-path:inset(12% 0 0 0);transform:translateY(25px)}to{clip-path:inset(0);transform:none}}@keyframes heading-arrive{from{clip-path:inset(0 0 90% 0);transform:translateY(26px)}to{clip-path:inset(0);transform:none}}@keyframes project-arrive{from{opacity:.3;transform:translateY(30px)}to{opacity:1;transform:none}}}
@keyframes detail-reveal{from{opacity:.3;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.cinema{min-height:700px;padding-top:66px}.hero-content{padding-bottom:150px}.hero-switcher{width:57%}.hero-tabs{gap:18px}.hero-tab{font-size:14px}.hero-bottom{gap:28px}.hero-caption p{font-size:11px}.hero-description{max-width:36ch}}
@media(max-width:760px){.header{padding-inline:22px}.cinema{min-height:760px;height:calc(100svh - 84px);max-height:none;padding:54px 0 40px;justify-content:flex-start}.hero-content{padding-bottom:0}.cinema h1{font-size:64px;max-width:9ch;margin-bottom:24px;line-height:1.02}.hero-description{max-width:29ch;font-size:17px;line-height:1.65;margin-bottom:28px}.hero-action{min-height:54px}.hero-bottom{bottom:24px;flex-direction:column;align-items:stretch;gap:24px}.scroll-invitation{align-self:flex-start;font-size:13px;gap:16px}.hero-switcher{width:100%}.hero-tabs{gap:18px}.hero-tab{font-size:13px;min-height:40px;padding-bottom:13px}.hero-caption{padding-top:8px;gap:12px}.hero-caption p{font-size:11px;max-width:30ch}.hero-stage .hero-photo{object-position:57% center}.hero-shade{background:rgba(12,18,12,.6)}.hero-caption button{min-width:36px;min-height:36px}.image-action{width:44px;height:44px;right:14px;bottom:14px}.project-scatter{gap:76px}.about-opening h2 br{display:none}.project-more .text-link{font-size:15px}}
@media(max-width:360px){.cinema h1{font-size:57px}.hero-tabs{gap:9px}.cinema{min-height:790px}.hero-description{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-stage .hero-photo{transform:none!important}.image-window img{transform:none!important}.reading-progress{display:none}.project:hover .project-copy{transform:none}}
.header nav a{position:relative}.header nav a::after{position:absolute;content:'';height:2px;left:0;right:0;bottom:5px;background:var(--accent-strong);transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--ease-out)}.header nav a[aria-current="location"]::after{transform:scaleX(1)}.portfolio-heading h2{font-size:clamp(44px,5.4vw,78px);max-width:10ch}.approach{padding:0}.approach-layout{max-width:none;padding:0;grid-template-columns:1.12fr 1fr;gap:0;align-items:stretch}.approach-image{position:relative;margin:0;min-width:0}.approach-image .image-window{height:100%;min-height:720px}.approach-image img{height:100%;min-height:720px;aspect-ratio:auto;object-fit:cover}.approach-image figcaption{position:absolute;left:24px;bottom:18px;margin:0;padding:7px 12px;background:var(--dark);color:var(--light);max-width:calc(100% - 48px);font-size:12px}.approach-layout>div{padding:120px var(--gutter);align-self:center}.approach-layout h2{font-size:clamp(40px,4.4vw,66px);max-width:11ch}.approach-layout .lead{font-size:clamp(22px,2.1vw,30px)}
@media(hover:hover) and (pointer:fine){.header nav a:hover::after{transform:scaleX(1)}}
@media(max-width:1000px){.approach-image .image-window,.approach-image img{min-height:680px}.approach-layout>div{padding:80px 34px}}
@media(max-width:760px){.header nav.is-open{animation:detail-reveal 220ms var(--ease-out)}.portfolio-heading h2{font-size:46px;max-width:10ch}.approach-layout{display:block}.approach-layout figure{width:100%}.approach-image .image-window,.approach-image img{height:430px;min-height:0}.approach-layout>div{padding:70px 22px 82px}.approach-layout h2{font-size:42px}.approach-image figcaption{left:14px;bottom:14px;max-width:calc(100% - 28px);font-size:11px}}
@media(prefers-reduced-motion:reduce){.header nav.is-open{animation:none}.hero-tab.is-active::after{transition:none}}

.project summary{text-decoration:none}.project summary>span{text-decoration:underline;text-underline-offset:.3em}.project summary::after,.project details[open] summary::after{display:none;content:none}.disclosure-icon{width:20px;height:20px;transition:transform 220ms var(--ease-out)}.project details[open] .disclosure-icon{transform:rotate(45deg)}@media(prefers-reduced-motion:reduce){.disclosure-icon{transition:none}}