*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#191c1d;color:#f5f2ec;font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #cdbb98;outline-offset:6px}::selection{background:#cdbb98;color:#191c1d}.skip{position:absolute;top:-100px;z-index:99;background:#cdbb98;color:#191c1d;padding:12px}.skip:focus{top:0}header{height:112px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #383c3b}.brand{display:flex;align-items:center;gap:15px}.brand b{font-size:36px;font-weight:400;letter-spacing:-2px}.brand span{font-size:10px;letter-spacing:2px;max-width:80px;line-height:1.5}nav{display:flex;align-items:center;gap:35px;font-size:12px}nav a:hover{color:#cdbb98}.nav-contact{border-bottom:1px solid #cdbb98;padding:9px 0}.nav-contact span{margin-left:25px;color:#cdbb98}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:730px}.hero-copy{padding:70px 8% 45px 10%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;color:#cdbb98;margin:0 0 28px}h1,h2,h3,p{margin-top:0}h1,h2,.editorial{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px}h1{font-size:clamp(68px,7.5vw,112px);line-height:1.03;margin-bottom:28px}em{color:#cdbb98;font-weight:400}p.intro{font-size:17px;color:#b8bfbc;line-height:1.7}.text-link{display:inline-flex;gap:50px;align-items:center;font-size:12px;border-bottom:1px solid #cdbb98;padding:12px 0}.text-link span{color:#cdbb98}.hero-note{font-size:8px;letter-spacing:2px;color:#9ba39e;margin-top:auto;padding-top:50px}.hero-image{position:relative;min-width:0}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-image>span{position:absolute;bottom:25px;left:28px;background:#191c1ddb;padding:10px 15px;font-size:11px}.hero-image small{display:block;color:#cdbb98;font-size:9px;letter-spacing:1px}.section{padding:100px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px;gap:30px}h2{font-size:clamp(34px,4vw,58px);line-height:1.2;margin-bottom:0}.section-heading>p{font-size:13px;color:#acb3af;margin-bottom:6px}.filters{display:flex;gap:25px;flex-wrap:wrap;margin-bottom:42px}.filters button{background:none;border:0;border-bottom:1px solid transparent;color:#a3aaa7;padding:10px 0;font-size:12px}.filters button.active{color:#cdbb98;border-color:#cdbb98}.filters sup{font-size:8px;margin-left:8px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:65px 32px}.project.wide{grid-column:1/-1}.image-button{display:block;border:0;padding:0;width:100%;position:relative;background:#252a28;overflow:hidden;text-align:left}.image-button img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s}.wide .image-button img{aspect-ratio:2.15}.portrait img{aspect-ratio:.85}.image-button:hover img{transform:scale(1.025)}.open{position:absolute;right:18px;bottom:18px;background:#191c1de8;padding:9px 15px;font-size:11px;color:#eee8dc}.project-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:19px}.project-label h3{font-family:Georgia,serif;font-size:21px;font-weight:400;line-height:1.4;margin:0}.project-label>span{font-size:9px;color:#a4aca7;white-space:nowrap}.credit{font-size:10px;color:#aab2ad;margin:7px 0 0}.offset{padding-top:110px}.editorial{font-size:45px;line-height:1.25;margin:60px 0 0}.project[hidden]{display:none}.projects.filtered .offset{padding-top:0}.projects.filtered .editorial{display:none}.studio{background:#222625;border-top:1px solid #363c39;border-bottom:1px solid #363c39}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.studio-grid p{font-size:14px;color:#b5bdb8}.studio-grid .large{font-size:20px;color:#eeeae1;line-height:1.65}.service{display:grid;grid-template-columns:60px 1.2fr 1fr;gap:20px;padding:30px 0;border-top:1px solid #414543;align-items:start}.service>span{font-size:11px;color:#cdbb98}.service h3{font-size:24px;font-weight:400;line-height:1.3;margin:0}.service p{font-size:13px;color:#b5bdb8;max-width:370px;margin:0}.process{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #414543;padding-top:45px;margin-top:12px}.process>p:last-child{font-size:14px;color:#b5bdb8;max-width:490px}.contact{background:#cdbb98;color:#191c1d;padding-top:80px;padding-bottom:80px}.contact .eyebrow,.contact em{color:#565244}.contact h2{font-size:clamp(45px,6vw,85px);margin-bottom:35px}.email{display:inline-flex;gap:55px;align-items:center;font-size:clamp(17px,2.5vw,34px);border-bottom:1px solid #77705e;padding-bottom:12px}.contact>p:last-child{font-size:12px;margin:30px 0 0}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p,footer>a:last-child{font-size:10px;color:#aab2ad;margin:0}dialog{background:#191c1d;color:#f5f2ec;border:1px solid #414543;width:min(1100px,95vw);max-height:92vh;padding:30px}dialog::backdrop{background:#000c}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head .eyebrow{margin:0}.close{background:none;border:1px solid #6f756f;padding:8px 16px;font-size:12px}dialog h2{margin:24px 0 15px;font-size:36px}#dialog-description{font-size:14px;color:#b5bdb8;max-width:700px}#dialog-images{display:grid;gap:20px;margin:28px 0}#dialog-images img{display:block;width:100%;max-height:75vh;object-fit:contain;background:#131616}body.modal-open{overflow:hidden}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:850px){header{height:95px}nav{gap:18px}.hero{min-height:620px}.hero-copy{padding-top:45px}.hero .eyebrow{font-size:8px}.hero h1{font-size:70px}.project-label{display:block}.project-label>span{display:block;margin-top:6px}.service{grid-template-columns:30px 1fr 1fr}.service h3{font-size:20px}}@media(max-width:600px){header{height:auto;min-height:100px;padding:20px 6%;align-items:flex-start;gap:18px}.brand b{font-size:30px}.brand span{font-size:8px;max-width:65px}nav{display:grid;grid-template-columns:auto auto;gap:7px 17px;font-size:10px}.nav-contact{padding:0;border:0}.nav-contact span{margin-left:2px}.hero{display:flex;flex-direction:column}.hero-copy{padding:45px 6% 30px}.hero h1{font-size:76px}.hero-image{height:480px}.hero-image img{object-position:center 60%}.hero-note{padding-top:30px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.section{padding:65px 6%}.section-heading{display:block}.section-heading>p{margin-top:22px}.filters{gap:7px 20px;margin-bottom:30px}.filters button{font-size:10px}.projects{grid-template-columns:1fr;gap:38px}.project.wide{grid-column:auto}.wide .image-button img{aspect-ratio:16/10}.offset{padding-top:0}.editorial{display:none}.portrait img{aspect-ratio:1}.studio-grid{grid-template-columns:1fr;gap:30px}.studio-grid .large{font-size:18px}.service{grid-template-columns:25px 1fr;gap:10px}.service p{grid-column:2}.service h3{font-size:22px}.process{grid-template-columns:1fr;gap:0}.process .eyebrow{margin-bottom:15px}.email{gap:14px;font-size:18px}footer{flex-wrap:wrap;padding:30px 6%}footer .brand{width:100%}dialog{padding:18px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.image-button img{transition:none}}
@media(min-width:601px) and (max-width:850px){.hero h1{font-size:6.6vw}}@media(max-width:600px){.hero h1{font-size:clamp(40px,13vw,76px)}}
.cinema{position:relative;display:block;min-height:680px;height:calc(100svh - 112px);max-height:1100px;overflow:hidden;background:#252922}.hero-film,.film-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-shade{background:linear-gradient(90deg,rgba(8,14,12,.68),rgba(8,14,12,.08)),linear-gradient(0deg,rgba(8,14,12,.65),transparent 45%)}.cinema .hero-copy{position:relative;z-index:1;padding:7vh 5% 100px;height:100%;justify-content:center}.cinema h1{font-size:clamp(58px,7.2vw,112px);line-height:1.08}.cinema em{color:#ead9b6}.cinema .intro{color:#eeeae1}.cinema .eyebrow{color:#e4d3b1}.hero-actions{display:flex;gap:35px;align-items:center;flex-wrap:wrap}.film-toggle{background:rgba(25,28,29,.4);border:1px solid #aaa692;padding:10px 17px;font-size:11px}.film-caption{position:absolute;bottom:27px;left:5%;right:5%;display:flex;justify-content:space-between;z-index:2;font-size:10px;letter-spacing:2px}.project-intro h1,.about-intro h1{font-size:clamp(48px,6vw,86px)}.project-summary{display:grid;grid-template-columns:1fr 1fr;gap:15%;align-items:center;margin-top:40px}.project-summary p{font-size:18px;color:#bec6bf}.project-summary span{font-size:10px;letter-spacing:1.5px;line-height:2;color:#cdbb98}.project-film-section{padding:0 5%}.project-film{width:100%;display:block;aspect-ratio:16/9;background:#0c100f}.film-description{font-size:9px;letter-spacing:1.5px;color:#cdbb98;margin-top:18px}.skyline-gallery{display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.skyline-gallery .section-heading{grid-column:1/-1}.skyline-gallery figure{margin:0}.skyline-gallery figure:first-of-type,.skyline-gallery figure:last-of-type{grid-column:1/-1}.skyline-gallery img{width:100%;display:block}.skyline-gallery figcaption{font-size:11px;color:#b9c0bb;margin-top:15px}.about-intro .studio-grid{margin-top:55px}.about-lead{font-family:Georgia,serif;font-size:27px!important;color:#d6c6a7!important}.about-banner{width:100%;display:block;max-height:700px;object-fit:cover}.founder-label{color:#cdbb98!important;font-size:11px!important;letter-spacing:2px;margin-top:25px}.about-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:55px 0 25px}.about-steps span{font-size:10px;letter-spacing:1.5px;color:#cdbb98}.about-steps h3{font:24px Georgia,serif;margin:20px 0}.about-steps p{color:#b5bdb8;font-size:14px}@media(max-width:600px){.cinema{height:calc(100svh - 100px);min-height:580px}.cinema .hero-copy{padding:50px 6% 100px}.cinema h1{font-size:clamp(43px,12vw,70px)}.hero-actions{gap:20px}.hero-actions .text-link{font-size:11px}.film-caption{font-size:8px;letter-spacing:1px;bottom:22px}.project-summary{grid-template-columns:1fr;gap:15px}.skyline-gallery{grid-template-columns:1fr}.skyline-gallery .section-heading,.skyline-gallery figure{grid-column:1!important}.about-steps{grid-template-columns:1fr;gap:25px}.about-intro .studio-grid{margin-top:35px}.about-lead{font-size:24px!important}}
