:root{--charcoal:#434746;--paper:#f5f4f0;--ink:#191919;--muted:#70706c;--line:#d4d3ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter Tight',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #686858;outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}.skip{position:fixed;top:-100px;z-index:20;background:white;padding:15px}.skip:focus{top:0}header{height:96px;position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:var(--paper);z-index:10;border-bottom:1px solid transparent}header.scrolled{border-color:var(--line)}.brand{font-size:31px;letter-spacing:.025em;font-weight:550;position:relative}.brand img{width:125px;height:48px;object-fit:contain}.brand-line{display:block;height:1px;background:currentColor}nav{display:flex;gap:38px;font-size:15px}nav a{position:relative}nav a:after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:1px;background:currentColor;transition:width .3s}nav a:hover:after{width:100%}.hero{padding:145px 4.5% 0;min-height:100vh;min-height:100svh;position:relative}.hero h1{font-size:clamp(64px,7.3vw,118px);font-weight:450;letter-spacing:-.065em;line-height:.98;margin:0 0 45px;position:relative;z-index:2}.hero-media{height:48vw;max-height:620px;min-height:300px;position:relative;overflow:hidden;background:#e5e3dc}.hero-media img{animation:resolve 5s both;object-position:center 50%}.hero-media canvas{position:absolute;inset:0;width:100%;height:100%;animation:lineout 5s both}.hero-bottom{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:21px 0}.section{padding:130px 4.5%}.eyebrow{font-size:12px;letter-spacing:.1em;font-weight:500}.small{font-size:14px}.philosophy{min-height:580px;display:grid;grid-template-columns:1fr 2fr;align-content:center;position:relative}.philosophy h2{font-weight:400;font-size:clamp(48px,6vw,88px);letter-spacing:-.055em;line-height:1.03;margin:0}.philosophy h2 span{color:#85857e}.cross{position:absolute;right:4.5%;bottom:70px;font-size:35px;font-weight:400}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px;gap:25px}.project{border:0;background:none;text-align:left;padding:0;display:block;width:100%;margin-bottom:90px}.project-image{overflow:hidden;position:relative;aspect-ratio:1.75;background:#dedcd6}.project img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.project:hover img{transform:scale(1.025)}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.project-meta h3{font-size:27px;letter-spacing:-.03em;font-weight:450;margin:0}.project-meta span{font-size:14px;color:var(--muted)}.project:nth-child(2){width:58%;margin-left:auto}.project:nth-child(2) .project-image{aspect-ratio:1.25}.project:nth-child(3){width:70%;margin-bottom:0}.project-arrow{position:absolute;bottom:20px;right:25px;background:var(--paper);border-radius:50%;height:46px;width:46px;display:grid;place-items:center;font-size:23px}.expertise{background:#e9e8e3}.expertise-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.cap{display:flex;align-items:baseline;gap:30px;width:100%;padding:13px 0;border:0;border-bottom:1px solid #c9c9c2;background:none;text-align:left;font-size:clamp(35px,4vw,64px);letter-spacing:-.05em;color:#85857f;transition:color .3s,padding .3s}.cap span{font-size:12px;letter-spacing:0}.cap[aria-pressed=true],.cap:hover{color:var(--ink);padding-left:12px}.expertise-note{padding-top:30px;display:flex;flex-direction:column;justify-content:space-between}.expertise-note>span:first-child{font-size:13px;color:var(--muted)}.expertise-note p{font-size:32px;letter-spacing:-.035em;max-width:320px;min-height:100px}.technical-lines{height:150px;border-top:1px solid #aaa99f;border-bottom:1px solid #aaa99f;background:none;border-left:1px solid #aaa99f;border-right:1px solid #aaa99f;transform:skewY(-9deg);margin:15px 0 60px}.making{padding:120px 4.5%;background:#1b1c1b;color:#efefe9}.making h2,.discussion h2,.studio h2,footer h2{font-size:clamp(45px,5.8vw,90px);line-height:1.02;letter-spacing:-.055em;font-weight:400;margin:65px 0}.making-image{position:relative;height:54vw;max-height:660px;overflow:hidden}.making-image canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s}.making-image img{transition:filter .6s,transform .8s,opacity .6s}.making-caption{position:absolute;bottom:0;left:0;right:0;background:#1b1c1b;padding:15px 0;display:flex;justify-content:space-between;font-size:12px}.stage-controls{display:flex;justify-content:space-between;border-bottom:1px solid #53534d}.stage-controls button{background:none;border:0;color:#92938a;padding:22px 0;min-width:18%;text-align:left;font-size:12px;border-bottom:2px solid transparent}.stage-controls button span{font-size:20px;margin-left:14px}.stage-controls button[aria-pressed=true]{color:#fff;border-color:white}.making-disclaimer{font-size:14px;color:#babbb4;min-height:2em}.discussion{display:grid;grid-template-columns:1fr 2fr;gap:20px}.discussion h2{font-size:clamp(38px,4.8vw,70px);margin:0 0 32px}.discussion p{font-size:18px;color:var(--muted)}.coming{display:inline-block;border-bottom:1px solid var(--line);padding:15px 0;font-size:14px}.index{padding-top:30px}.index-item{border-top:1px solid var(--line);width:100%;display:grid;grid-template-columns:90px 1fr 1fr 30px;align-items:center;padding:24px 0;gap:24px;text-align:left;background:none;border-left:0;border-right:0;border-bottom:0}.index-item img{height:65px}.index-item strong{font-size:28px;font-weight:400;letter-spacing:-.03em}.index-item span{font-size:14px;color:var(--muted)}.text-link{font-size:14px;border-bottom:1px solid}.studio{border-top:1px solid var(--line);padding-bottom:120px}.studio h2{font-size:clamp(70px,11vw,170px);margin:65px 0 75px}.studio-bottom{display:flex;justify-content:space-between;gap:40px;align-items:end;font-size:16px;line-height:1.7}.studio-bottom p{margin:0}.studio-bottom>div{font-size:14px}.studio-bottom span{color:var(--muted)}footer{background:var(--charcoal);color:#fff;padding:70px 4.5% 25px}footer h2{margin:90px 0 45px}.contact-link{font-size:24px;display:flex;max-width:520px;justify-content:space-between;border-bottom:1px solid #72726c;padding-bottom:25px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:120px;font-size:12px;color:#fff}.footer-bottom>span:first-child{font-size:28px;color:white}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform 1s}.reveal.visible{opacity:1;transform:none}dialog{border:0;padding:60px;background:var(--paper);width:min(1000px,95vw);max-height:90vh;max-height:90svh}dialog::backdrop{background:#0009}.close{position:absolute;right:25px;top:20px;background:none;border:0;padding:8px}.dialog-image{height:45vh}.dialog-title{font-size:48px;font-weight:400;letter-spacing:-.04em;margin:25px 0}.dialog-details{display:flex;gap:45px;flex-wrap:wrap;font-size:16px;line-height:1.6}.dialog-details span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.dialog-note{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}@keyframes resolve{0%,25%{opacity:0;transform:scale(1.04)}100%{opacity:1;transform:scale(1)}}@keyframes lineout{0%,45%{opacity:1}100%{opacity:0}}@media(min-width:1500px){.section,.making{padding-left:max(4.5%,calc((100vw - 1440px)/2));padding-right:max(4.5%,calc((100vw - 1440px)/2))}}@media(max-width:700px){header{height:78px;padding:0 20px}.brand{font-size:23px}.brand img{width:90px;height:35px}nav{gap:16px;font-size:13px}.hero{padding:130px 20px 0;min-height:auto}.hero h1{font-size:62px;margin-bottom:35px}.hero-media{height:56vh;min-height:360px}.hero-bottom{font-size:10px;letter-spacing:.02em}.hero-bottom>span:last-child{display:none}.section{padding:85px 20px}.philosophy{display:block;min-height:400px}.philosophy h2{margin-top:55px}.cross{bottom:35px;right:20px}.section-heading{margin-bottom:30px;align-items:start}.small{max-width:140px;text-align:right;font-size:13px}.project{margin-bottom:55px}.project-image{aspect-ratio:1.12}.project:nth-child(2){width:85%}.project:nth-child(3){width:100%}.project-meta{align-items:start;gap:20px}.project-meta h3{font-size:24px}.project-meta span{font-size:12px;max-width:165px;text-align:right}.expertise-layout{grid-template-columns:1fr;gap:30px}.cap{font-size:44px;padding:15px 0}.expertise-note{min-height:190px}.expertise-note p{font-size:27px;min-height:65px;margin:20px 0}.technical-lines{display:none}.making{padding:75px 20px}.making h2{margin:50px 0 35px}.making-image{height:470px}.stage-controls button{min-width:0}.stage-controls button span{font-size:15px;margin-left:4px}.making-disclaimer{font-size:13px;line-height:1.5}.discussion{display:block}.discussion h2{margin-top:50px}.discussion p{font-size:16px}.index{padding-top:0}.index-item{grid-template-columns:60px 1fr 25px;gap:20px}.index-item img{height:50px}.index-item strong{font-size:24px}.index-item>span:nth-child(3){display:none}.studio h2{margin:50px 0}.studio-bottom{display:block;font-size:16px}.studio-bottom>div{margin-top:28px}footer{padding:55px 20px 25px}footer .section-heading{font-size:12px}footer h2{margin:75px 0 40px;font-size:49px}.contact-link{font-size:20px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:85px;font-size:11px}.footer-bottom a:last-child{text-align:right}dialog{padding:55px 22px 25px}.dialog-image{height:32vh}.dialog-title{font-size:38px}.dialog-details{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-media canvas{display:none}.reveal{opacity:1;transform:none}}

.brand img{filter:invert(1);height:42px;width:125px}.hero-media img{object-fit:cover;transform:scale(1.12)}.technical-lines:before,.technical-lines:after{content:"";display:block;height:50%;border-bottom:1px solid #aaa99f}.technical-lines:after{width:50%;border-right:1px solid #aaa99f}.hero h1{font-size:clamp(62px,7.1vw,112px)}.hero-media{height:calc(100vh - 435px);height:calc(100svh - 435px);max-height:580px;min-height:350px}.hero{min-height:100vh;min-height:100svh}.hero-media img{animation-name:resolve-cropped}@keyframes resolve-cropped{0%,25%{opacity:0;transform:scale(1.15)}100%{opacity:1;transform:scale(1.12)}}@media(max-width:700px){.brand img{width:85px;height:32px}.hero-media{height:49vh;height:49svh;min-height:310px}.hero{padding-top:120px}.hero h1{font-size:61px}}@media(max-width:380px){nav{gap:12px;font-size:12px}.brand img{width:73px}.hero h1{font-size:54px}}
.brand img{filter:none}.footer-logo{display:block;width:112px;height:auto;object-fit:contain}@media(max-width:700px){.footer-logo{width:94px}}
.hero h1{letter-spacing:-.05em}.making-image{margin-left:-4.945%;width:109.89%}@media(max-width:700px){.making-image{margin-left:-20px;width:calc(100% + 40px)}.making-caption{padding-left:20px;padding-right:20px}.hero-media img{animation-name:resolve-mobile;transform:scale(1.4)}@keyframes resolve-mobile{0%,25%{opacity:0;transform:scale(1.45)}100%{opacity:1;transform:scale(1.4)}}}

.project-making,.project-discussion{margin-top:65px;border-top:1px solid var(--line);padding-top:35px}.project-making h3,.project-discussion h3{font-weight:400;font-size:38px;letter-spacing:-.04em;margin:25px 0}.project-study{height:400px;overflow:hidden}.project-study img{transition:transform .8s}.project-making .stage-controls button{color:var(--muted)}.project-making .stage-controls button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.project-discussion p{color:var(--muted)}@media(max-width:700px){.project-study{height:300px}.project-making h3,.project-discussion h3{font-size:30px}}

.project-study{position:relative}.project-drawing{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s;pointer-events:none}.project-making .stage-controls{gap:12px}.project-making .study-note{min-height:3em}.project-study img{transition:transform .8s,filter .6s}@media(max-width:700px){.project-making .stage-controls button span{font-size:13px;margin-left:3px}.project-making .stage-controls{gap:5px}}
/* Detailed pages: editorial layouts shared across Work, projects and The Practice. */
[hidden]{display:none!important}.muted{color:var(--muted)}.all-work-link{display:flex;justify-content:space-between;font-size:25px;padding:35px 0 10px;border-bottom:1px solid var(--ink);margin-top:55px}.practice-summary{display:grid;grid-template-columns:1fr 1fr;gap:12%;font-size:20px;line-height:1.55}.practice-summary p{margin:0 0 30px}.practice-summary>div p{font-size:18px;color:var(--muted)}.studio h2{font-size:clamp(50px,7.6vw,116px)}.page-intro{padding:175px 4.5% 75px}.page-intro h1{font-size:clamp(70px,10vw,155px);font-weight:400;line-height:.97;letter-spacing:-.055em;margin:50px 0 30px}.page-deck{font-size:25px;line-height:1.4;color:var(--muted);margin:40px 0 0}.work-catalog{padding-top:0}.work-filters{display:flex;gap:32px;align-items:center;border-top:1px solid var(--line);padding:25px 0 50px}.work-filters button{font-size:16px;border:0;border-bottom:1px solid transparent;background:none;padding:8px 0;color:var(--muted)}.work-filters button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.work-filters>span{margin-left:auto;font-size:14px;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px 55px;align-items:start}.catalog-grid .project{width:100%;margin:0}.catalog-grid .project:nth-child(2){padding-top:125px}.catalog-grid .project:nth-child(3){grid-column:1/3;width:75%}.catalog-grid .project-image{aspect-ratio:1.25}.project-title-row{display:flex;align-items:end;justify-content:space-between;gap:30px}.project-title-row p{font-size:18px;line-height:1.6;margin-bottom:35px}.project-cover{margin:0}.project-cover img{height:70vh;min-height:400px}.project-cover figcaption{margin:20px 4.5%;font-size:12px;color:var(--muted)}.project-overview{display:grid;grid-template-columns:1fr 2fr;gap:40px}.project-overview h2,.project-narrative h2,.project-making h2,.project-discussion h2,.ethos h2,.client-journey h2,.client-promise h2{font-weight:400;font-size:clamp(42px,5vw,76px);line-height:1.05;letter-spacing:-.045em;margin:0 0 35px}.lead-copy{font-size:23px;line-height:1.5;max-width:800px}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:35px;margin-top:50px}.project-facts div:last-child{grid-column:1/3}.project-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.project-facts dd{margin:0;font-size:18px}.project-narrative{background:#e9e8e3;display:grid;grid-template-columns:1fr 1fr;gap:12%}.project-narrative h2{font-size:38px;margin-top:40px}.project-narrative>div:last-child{padding-top:65px}.project-narrative p,.project-discussion p{font-size:19px;line-height:1.6;max-width:530px}.project-making.section{margin:0;border:0;padding-top:110px;background:#1b1c1b;color:#efefe9}.project-making.section .project-study{height:65vh;min-height:380px}.project-making.section .stage-controls button{color:#a5a69e}.project-making.section .stage-controls button[aria-pressed=true]{color:white;border-color:white}.study-note{font-size:14px;color:#babbb4;line-height:1.5}.project-discussion.section{margin:0;border:0}.project-discussion .eyebrow{display:block;margin-bottom:50px}.next-project{padding:45px 4.5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.next-project>span:last-child{font-size:50px;letter-spacing:-.04em}.intro-bottom{display:flex;justify-content:space-between;gap:40px;margin-top:75px;align-items:end;font-size:16px;line-height:1.5}.intro-bottom p{font-size:22px;margin:0}.practice-intro{padding-bottom:100px;border-bottom:1px solid var(--line)}.ethos h2{margin:65px 0}.editorial-copy{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-left:33%}.editorial-copy p{font-size:19px;line-height:1.6;margin:0}.founders{padding-top:40px}.founder{display:grid;grid-template-columns:70px 1.15fr 1fr;gap:40px;padding:60px 0;border-top:1px solid var(--line);align-items:start}.founder-index{font-size:13px;color:var(--muted);padding-top:12px}.founder h2{font-weight:400;font-size:65px;letter-spacing:-.05em;margin:0 0 15px}.founder-role{font-size:16px;margin:0}.founder>div:last-child{padding-top:12px}.founder>div:last-child p{font-size:19px;line-height:1.55;color:var(--muted);max-width:400px}.client-journey{background:#e9e8e3}.client-journey h2{margin:55px 0 70px}.journey-row{display:grid;grid-template-columns:1fr 1.1fr 1.4fr;gap:45px;border-top:1px solid #c5c5be;padding:45px 0}.journey-row>span{font-size:12px;letter-spacing:.06em;padding-top:7px}.journey-row h3{font-size:30px;letter-spacing:-.035em;font-weight:400;margin:0}.journey-row p{font-size:18px;line-height:1.6;margin:0}.client-promise{background:#1b1c1b;color:#efefe9}.client-promise h2{margin:60px 0}.promise-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;padding:30px 0 60px}.promise-columns h3{font-size:25px;font-weight:400;letter-spacing:-.03em}.promise-columns p{font-size:17px;line-height:1.6;color:#babbb4}.client-promise+footer{border-top:1px solid #51514c}nav a{white-space:nowrap}.brand{flex-shrink:0}
@media(max-width:700px){nav{gap:13px;font-size:12px}.brand img{width:75px}.page-intro{padding:135px 20px 55px}.page-intro h1{font-size:80px;margin-top:35px}.page-deck{font-size:20px}.practice-summary{grid-template-columns:1fr;gap:20px;font-size:18px}.studio h2{font-size:52px}.work-filters{gap:20px;flex-wrap:wrap;padding:20px 0 35px}.work-filters button{font-size:14px}.work-filters>span{font-size:12px}.catalog-grid{display:block}.catalog-grid .project,.catalog-grid .project:nth-child(3){width:100%;margin:0 0 50px}.catalog-grid .project:nth-child(2){padding:0}.project-title-row{display:block}.project-title-row p{font-size:16px;margin-bottom:0}.project-cover img{height:52vh;min-height:330px}.project-overview{grid-template-columns:1fr;gap:40px}.lead-copy{font-size:20px}.project-facts{gap:25px}.project-facts dd{font-size:16px}.project-narrative{grid-template-columns:1fr;gap:20px}.project-narrative>div:last-child{padding:0}.project-narrative h2{font-size:32px}.project-narrative p{font-size:17px}.project-making.section{padding-top:75px}.project-making.section .project-study{height:430px;min-height:0}.project-discussion p{font-size:17px}.next-project{padding:35px 20px}.next-project>span:last-child{font-size:35px}.intro-bottom{display:block;margin-top:55px}.intro-bottom p{margin-top:30px;font-size:20px}.editorial-copy{grid-template-columns:1fr;gap:25px;margin-left:0}.founder{grid-template-columns:25px 1fr;gap:20px;padding:40px 0}.founder h2{font-size:50px}.founder>div:last-child{grid-column:2}.founder-role{font-size:14px}.founder>div:last-child p{font-size:17px;margin-bottom:0}.journey-row{grid-template-columns:1fr;gap:20px;padding:35px 0}.journey-row p{font-size:17px}.promise-columns{grid-template-columns:1fr;gap:15px}.client-promise h2{font-size:42px}.project-making h2{font-size:48px}}
@media(max-width:380px){header{padding:0 14px}nav{gap:10px;font-size:11px}.brand img{width:65px}.work-filters{gap:15px}.page-intro h1{font-size:68px}.studio h2{font-size:45px}.founder h2{font-size:44px}}
@media(min-width:701px) and (max-width:1000px){.founder{grid-template-columns:35px 1fr 1fr;gap:25px}.founder h2{font-size:48px}.founder-role{font-size:14px}.founder>div:last-child p{font-size:17px}.journey-row{grid-template-columns:1fr 1.5fr}.journey-row>span{grid-column:1/3}.editorial-copy{margin-left:15%}.promise-columns{gap:30px}.intro-bottom p{font-size:20px}}

/* Personal statements sit alongside each founder's role. */
.founder-quote{margin:22px 0 0}
.founder>div:last-child .founder-quote p{margin:0;color:var(--ink);font-size:21px;line-height:1.55;letter-spacing:-.015em;max-width:440px}
@media(max-width:1000px){.founder>div:last-child .founder-quote p{font-size:19px}}

/* Editorial project sequence: each day view stays beside its night counterpart. */
.catalog-grid .project:nth-child(4){grid-column:2;width:100%}
.project-gallery{padding-top:100px}
.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-grid .project:nth-child(n){grid-column:auto;width:100%;padding-top:0}
.catalog-grid .project:nth-child(even){padding-top:110px}
.project-highlight{padding-top:105px}
.project-highlight figure{margin:0 0 0 20%;height:min(68vw,760px)}
.project-highlight figcaption{font-size:12px;color:var(--muted);margin-top:16px}
.gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 110px}
.gallery-pair figure{margin:0;min-width:0}
.gallery-pair img{width:100%;height:auto;aspect-ratio:1.78;object-fit:cover;background:#dedcd6}
.gallery-pair figcaption{font-size:11px;letter-spacing:.04em;color:var(--muted);margin-top:12px}
.gallery-pair-portrait{width:68%;margin-left:auto}
.gallery-pair-portrait img{aspect-ratio:.79}
.gallery-pair-wide{width:88%}
@media(max-width:700px){
 .catalog-grid .project:nth-child(4){width:100%;margin:0 0 50px}
 .project-gallery{padding-top:70px}
 .catalog-grid .project:nth-child(n){padding-top:0}
 .project-highlight{padding-top:70px}
 .project-highlight figure{margin:0;height:58vh;min-height:360px}
 .gallery-pair,.gallery-pair-portrait,.gallery-pair-wide{width:100%;gap:6px;margin:0 0 58px}
 .gallery-pair figcaption{font-size:10px;margin-top:8px}
}
.project-cover-portrait{background:#191919}.project-cover-portrait img{height:auto;max-height:92vh;object-fit:contain}
.project-title-row h1{font-size:clamp(58px,8.5vw,132px)}
@media(max-width:700px){.project-title-row h1{font-size:clamp(48px,15vw,64px);overflow-wrap:anywhere}}

/* Work in formation and expanded project image sequences. */
.project-gallery h2{font-weight:400;font-size:clamp(46px,6.3vw,92px);line-height:1.02;letter-spacing:-.05em;margin:45px 0 85px}
.project-gallery .gallery-pair:nth-of-type(2){margin-left:auto}
.project-gallery .gallery-pair-portrait img{aspect-ratio:1.2}
.project-gallery-single .gallery-pair{grid-template-columns:1fr}
.project-gallery-single .gallery-pair figure{width:78%;margin-left:auto}
.pending-field{background:#1d1d1b;color:#efefe9;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;align-items:end;padding:28px;overflow:hidden}
.pending-field:before,.pending-field:after{content:'';position:absolute;background:#5a5b55;transform-origin:left center}
.pending-field:before{width:82%;height:1px;left:9%;top:36%;transform:rotate(-8deg)}
.pending-field:after{height:76%;width:1px;left:62%;top:12%;transform:rotate(11deg)}
.pending-index{font-size:clamp(70px,9vw,140px);font-weight:400;letter-spacing:-.07em;color:#393a36;align-self:start;line-height:.8}
.pending-line{height:1px;background:#777870;margin:0 22px 5px;position:relative}
.pending-label{font-size:12px;letter-spacing:.09em;text-transform:uppercase;grid-column:1/3;margin-top:auto}
.hero-media img{object-position:center 53%}
.hero-motion-frame{--hero-x:0px;--hero-y:0px;position:absolute;inset:0;overflow:hidden;transform:translate3d(var(--hero-x),var(--hero-y),0);transition:transform 1.6s cubic-bezier(.2,.7,.2,1);animation:hero-photo-reveal 5s both}
.hero-motion-frame img{animation:hero-camera-drift 12s 2.2s cubic-bezier(.42,.02,.28,1) infinite alternate!important;transform-origin:50% 55%;will-change:transform}
@keyframes hero-photo-reveal{0%,25%{opacity:0}100%{opacity:1}}
@keyframes hero-camera-drift{0%{transform:scale(1.12) translate3d(-1%,.15%,0)}45%{transform:scale(1.18) translate3d(.35%,-.55%,0)}100%{transform:scale(1.225) translate3d(1.65%,-1.15%,0)}}
@media(max-width:700px){
 .project-gallery h2{font-size:47px;margin:38px 0 52px}
 .project-gallery-single .gallery-pair figure{width:100%}
 .pending-field{padding:20px;min-height:320px}
 .hero-media img{object-position:center 50%}
 .hero-motion-frame img{animation-name:hero-camera-drift-mobile!important}
}
@keyframes hero-camera-drift-mobile{0%{transform:scale(1.4) translate3d(-.8%,.1%,0)}45%{transform:scale(1.48) translate3d(.25%,-.4%,0)}100%{transform:scale(1.56) translate3d(1.15%,-.8%,0)}}
@media(prefers-reduced-motion:reduce){.hero-motion-frame{animation:none;transition:none}.hero-motion-frame img{animation:none!important;transform:scale(1.12)}}

/* A short viewport-relative pause keeps Philosophy below a centred hero image. */
.hero{min-height:0;padding-bottom:clamp(96px,18vh,240px);padding-bottom:clamp(96px,18svh,240px)}

/* Brand narratives: separate the working method from the integrated scope. */
.brand-story-intro h1{font-size:clamp(54px,8vw,116px);overflow-wrap:normal}
.continuum-outlook{font-size:clamp(19px,2vw,25px);line-height:1.55;max-width:760px;margin:0 0 55px;color:#e0e2df}
nav a[aria-current="page"]:after{width:100%}
.footer-bottom>span{line-height:1.5}
@media(max-width:700px){.brand-story-intro h1{font-size:clamp(48px,12vw,72px)}.footer-bottom>span{font-size:12px}.founders .section-heading{align-items:start;flex-wrap:wrap}}

/* Keep the upcoming-project location visible beside its name on small screens. */
.hero-bottom .hero-location{text-transform:none;letter-spacing:.03em}
@media(max-width:700px){.hero-bottom{display:grid;grid-template-columns:1fr auto;gap:14px 12px}.hero-bottom>span:last-child{display:block;grid-column:2;grid-row:1;text-align:right}.hero-bottom>a{grid-column:1/-1;grid-row:2}}

/* CSS-drawn project affordance; never depend on a platform arrow glyph. */
.project-arrow{color:var(--ink);font-size:0;transition:transform .45s cubic-bezier(.22,1,.36,1),background-color .35s}
.project-arrow svg{display:none}
.project-arrow::before,.project-arrow::after{content:"";grid-area:1/1;display:block;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.project-arrow::before{width:20px;height:1.5px;background:currentColor;transform:rotate(-45deg)}
.project-arrow::after{width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translate(4px,-4px)}
.project:focus-visible .project-arrow{transform:translate(2px,-2px)}
@media(hover:hover){.project:hover .project-arrow{transform:translate(2px,-2px)}}
@media(hover:none){.project:hover img{transform:none}.project:active img{transform:scale(1.012)}.project:active .project-arrow{transform:scale(.94)}}
@media(max-width:700px){.project-arrow{width:42px;height:42px;right:16px;bottom:16px}.catalog-grid .pending-field{min-height:0}}
@media(prefers-reduced-motion:reduce){.project img,.project-arrow,.project-arrow::before,.project-arrow::after{transition:none!important}}
/* Keep directional links consistent across desktop, Android, and iOS fonts. */
.ui-arrow{display:inline-block;width:.9em;height:.9em;min-width:14px;min-height:14px;vertical-align:-.08em;flex:none;overflow:visible;transition:transform .35s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){a:hover .ui-arrow-ne,button:hover .ui-arrow-ne{transform:translate(2px,-2px)}a:hover .ui-arrow-up,button:hover .ui-arrow-up{transform:translateY(-2px)}a:hover .ui-arrow-down,button:hover .ui-arrow-down{transform:translateY(2px)}}
@media(prefers-reduced-motion:reduce){.ui-arrow{transition:none}}
