:root{--paper:#efefec;--ink:#191919;--line:#c9c9c4;--muted:#60605b;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #946443;outline-offset:5px}button{border:0}::selection{background:#1b1b1b;color:#fff}.skip-link{position:fixed;top:-80px;background:white;padding:15px;z-index:100}.skip-link:focus{top:10px}.masthead{height:94px;display:flex;align-items:center;gap:42px;padding:0 4%;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.brand{font-size:27px;font-weight:800;letter-spacing:-1.7px;white-space:nowrap}.brand-mark{font-size:26px;margin-right:5px}.brand-slash{margin-left:4px;font-weight:400}.mast-label{font-size:12px;letter-spacing:1px}.masthead nav{margin-left:auto;display:flex;gap:38px;align-items:center;font-size:14px}.masthead nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{background:var(--ink);color:white;padding:15px 21px}.nav-contact span{margin-left:25px}.film-section{height:340svh;position:relative}.film-sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden}.hero-heading{position:absolute;top:5%;left:4%;right:4%;z-index:2;display:flex;justify-content:space-between;pointer-events:none}h1{font-size:clamp(64px,8.3vw,142px);line-height:.94;letter-spacing:-.075em;margin:0;font-weight:500}h1 span{white-space:nowrap}.edition{display:flex;flex-direction:column;gap:5px;text-align:right;font-size:12px;letter-spacing:1px;padding-top:7px}.edition b{font-weight:400;font-size:48px;letter-spacing:-3px;margin-top:20px}.film-window{position:absolute;inset:16% 8% 10% 31%;overflow:hidden;background:#9bacae;clip-path:inset(0);will-change:clip-path}.film-window video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.42) brightness(.92)}.film-shade{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.45));pointer-events:none}.film-index{position:absolute;top:24px;right:28px;font-size:86px;font-weight:300;letter-spacing:-7px;color:white;opacity:.8}.film-caption{position:absolute;bottom:26px;left:30px;right:28px;display:flex;justify-content:space-between;gap:20px;color:white;font-size:12px;letter-spacing:.5px}.hero-note{position:absolute;left:4%;bottom:16%;z-index:3;background:var(--ink);color:white;padding:30px 32px;width:32%;max-width:395px}.small-cross{font-size:30px;line-height:1}.hero-note p{font-size:clamp(22px,2.3vw,35px);line-height:1.14;letter-spacing:-.7px;margin:26px 0 36px}.hero-note a{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.6px}.hero-note a span{font-size:18px}.film-rail{position:absolute;bottom:4%;left:4%;right:40%;display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:1px}.progress-track{height:2px;flex:1;background:#c4c4bf}.progress-track span{display:block;width:0;height:100%;background:#191919}.film-actions{position:absolute;bottom:3%;right:8%;display:flex;gap:18px;align-items:center;font-size:12px}.film-actions button{padding:10px 0;background:none;border-bottom:1px solid #888}.vertical-label{position:absolute;right:3%;top:53%;writing-mode:vertical-rl;font-size:12px;letter-spacing:1.6px}.section-pad{padding:95px 6%}.section-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px}.eyebrow{font-size:12px;letter-spacing:1.3px;line-height:1.5}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:60px 0}.section-heading h2{font-size:clamp(38px,4.4vw,74px);font-weight:400;line-height:1.04;letter-spacing:-.055em;margin:0}.section-heading p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:6%}.project-card{text-align:left;background:none;padding:0;align-self:start;min-width:0}.project-offset{margin-top:135px}.project-photo{position:relative;overflow:hidden;background:#ddd}.project-photo img{display:block;width:100%;height:auto;aspect-ratio:1.2;object-fit:cover;transition:transform .7s}.project-card:hover img{transform:scale(1.035)}.project-open{position:absolute;right:16px;bottom:16px;background:var(--paper);width:44px;height:44px;display:grid;place-items:center;font-size:24px}.project-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:22px}.project-meta h3{font-size:20px;font-weight:400;letter-spacing:-.5px;margin:0}.project-meta span{font-size:12px;letter-spacing:.5px}.project-card>p{font-size:14px;color:var(--muted);margin-top:10px}.studio-section{background:#1c1d1c;color:#eeeee9}.studio-section .section-top{border-color:#52524e}.studio-symbol{font-size:42px;letter-spacing:-4px}.studio-content{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;padding-top:60px}.studio-content h2{font-size:clamp(60px,7.2vw,120px);letter-spacing:-.06em;line-height:.98;font-weight:400;margin:0}.studio-content em{font-family:Georgia,serif;font-weight:400}.studio-copy p{font-size:20px;line-height:1.5;margin:0 0 25px;letter-spacing:-.2px}.studio-copy p+p{font-size:16px;color:#c4c4bd}.disciplines{display:flex;flex-direction:column;margin-top:45px}.disciplines span{border-top:1px solid #52524e;padding:15px 0;font-size:14px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;margin-top:45px}.approach-grid article{border-top:1px solid var(--line);padding-top:20px}.approach-grid article>span{font-size:12px}.approach-grid h3{font-size:32px;font-weight:400;letter-spacing:-1px;margin:40px 0 15px}.approach-grid p{font-size:16px;line-height:1.6;color:var(--muted);max-width:310px}.contact-section{background:#dfdfd9;padding-top:80px;padding-bottom:35px}.contact-section h2{font-size:clamp(66px,10vw,160px);line-height:.98;font-weight:400;letter-spacing:-.075em;margin:42px 0}.contact-section h2 span{font-family:Georgia,serif;font-style:italic}.contact-button{background:var(--ink);color:white;padding:20px 25px;display:flex;gap:70px;font-size:16px}.contact-button:hover,.form-submit:hover{background:#45453f}.contact-foot{display:flex;justify-content:space-between;margin-top:85px;border-top:1px solid #b5b5b0;padding-top:25px;font-size:12px;letter-spacing:.6px}footer{display:flex;justify-content:space-between;gap:25px;padding:28px 4%;font-size:12px;line-height:1.7;letter-spacing:.3px}footer button{background:none;padding:0;margin-left:10px;text-decoration:underline;font-size:inherit}dialog{border:0;padding:0;max-width:850px;width:calc(100% - 40px);max-height:90svh;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:rgba(10,10,10,.72);backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:16px;top:16px;z-index:2;background:var(--paper);width:44px;height:44px;border-radius:50%;font-size:30px}#project-dialog>img{width:100%;display:block}.dialog-copy{padding:45px}.dialog-copy h2{font-size:48px;font-weight:400;letter-spacing:-2px;line-height:1.05;margin:22px 0}.dialog-copy p{line-height:1.6;font-size:16px}.dialog-copy a{text-decoration:underline}.fineprint{color:var(--muted);font-size:14px!important}#enquiry-dialog,#credits-dialog{max-width:650px}form{display:grid;gap:22px;margin-top:28px}form label{display:grid;gap:8px;font-size:14px}input,textarea{border:1px solid #a0a09a;background:transparent;padding:12px;color:var(--ink);border-radius:0;width:100%;font-size:16px}textarea{resize:vertical}.form-submit{padding:16px 20px;background:var(--ink);color:white}#form-result{border-left:3px solid #555;padding-left:16px;font-size:14px}.motion-off .film-section{height:100svh}.motion-off .film-window video{opacity:0}.motion-off .film-window{background-image:url('assets/hero-poster.jpg');background-size:cover;background-position:center} @media(min-width:1700px){.film-sticky{max-height:1200px}.section-pad{padding-left:max(6%,calc((100vw - 1550px)/2));padding-right:max(6%,calc((100vw - 1550px)/2))}}@media(max-width:900px){.mast-label{display:none}.masthead nav{gap:20px}.hero-note{width:36%;padding:24px}.film-window{left:24%;right:7%;top:20%}.project-meta{display:block}.project-meta span{display:block;margin-top:8px}.studio-content{gap:6%}.film-caption{flex-direction:column;gap:8px}.film-rail{right:47%}.film-actions{right:7%}.section-heading{align-items:flex-start;flex-direction:column;gap:24px}}@media(max-width:600px){.masthead{height:76px;padding:0 5%;gap:15px}.brand{font-size:25px}.masthead nav{gap:17px;font-size:12px}.masthead nav a:nth-child(2){display:none}.nav-contact{padding:11px 12px}.nav-contact span{margin-left:8px}.film-section{height:300svh}.film-sticky{min-height:600px}.hero-heading{left:5%;right:5%;top:4%}h1{font-size:clamp(53px,13vw,78px)}.edition{font-size:12px;letter-spacing:.3px;gap:4px}.edition b{font-size:30px;margin-top:12px;letter-spacing:-2px}.film-window{inset:22% 5% 18% 15%}.film-index{font-size:62px;top:12px;right:18px}.hero-note{left:5%;bottom:22%;width:59%;padding:20px;max-width:260px}.small-cross{font-size:22px}.hero-note p{font-size:24px;margin:15px 0 25px}.hero-note a{font-size:12px;letter-spacing:0}.film-caption{left:20px;bottom:17px;font-size:12px}.film-caption span+span{display:none}.vertical-label{display:none}.film-rail{left:5%;right:5%;bottom:11%;font-size:12px}.film-actions{left:5%;right:5%;bottom:4%;justify-content:space-between}.section-pad{padding:65px 6%}.section-top{gap:25px;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:.8px}.section-top .eyebrow:last-child{text-align:right}.section-heading{margin:40px 0}.project-grid{grid-template-columns:1fr;gap:40px}.project-offset{margin:0}.project-photo img{aspect-ratio:1.15}.project-meta{display:flex}.project-meta h3{font-size:20px}.project-meta span{font-size:12px;margin:0}.studio-content{grid-template-columns:1fr;gap:38px;padding-top:35px}.studio-content h2{font-size:70px}.studio-copy p{font-size:20px}.approach-grid{grid-template-columns:1fr;gap:28px}.approach-grid h3{margin:22px 0 12px}.approach-grid p{max-width:none}.contact-section h2{font-size:19vw}.contact-foot{gap:25px;font-size:12px;margin-top:60px}footer{flex-direction:column;gap:10px;padding:25px 6%;font-size:12px}.dialog-copy{padding:32px 24px}.dialog-copy h2{font-size:37px}.dialog-close{right:10px;top:10px}.contact-button{width:100%;justify-content:space-between;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* The hero draws actual film frames, avoiding browser video seeking restrictions. */
.film-window{background-image:url('assets/hero-poster.jpg');background-size:cover;background-position:center}
#architecture-film{display:block;width:100%;height:100%;opacity:0;filter:saturate(.55) brightness(.94)}
#architecture-film.frame-ready{opacity:1}
.motion-off #architecture-film{opacity:0}
.film-rail{right:36%;letter-spacing:.4px}
#film-instruction{max-width:250px;line-height:1.4;font-size:12px}
@media(max-width:600px){.film-rail{right:5%}#film-instruction{max-width:190px}.progress-track{min-width:30px}}
@media(max-height:680px){.film-sticky{min-height:0;height:100svh}.hero-note{padding:18px;bottom:18%}.hero-note p{margin:12px 0 18px;font-size:22px}.film-actions{bottom:2%}.film-rail{bottom:8%}.film-window{bottom:15%}.hero-heading{top:3%}h1{font-size:clamp(45px,10vh,90px)}}