@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0b1728;--panel:#112740;--paper:#e5ecf3;--white:#f6f8fc;--muted:#b7c7d8;--accent:#bfd9f5;--blue:#1b4778;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,h4,p{margin:0}em{font-weight:400}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{position:absolute;z-index:20;left:1rem;top:-4rem;background:var(--accent);color:var(--ink);padding:.65rem 1rem}.skip-link:focus{top:1rem}
.site-header{position:absolute;top:0;left:0;right:0;z-index:5;max-width:1600px;margin:auto;min-height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff50}.brand{font-weight:900;font-size:1.72rem;letter-spacing:-.09em;white-space:nowrap;line-height:1}.brand span{font-weight:400;letter-spacing:-.035em}.brand sup{font-size:.48rem;vertical-align:top;margin-left:.22rem;letter-spacing:0}.site-header nav{display:flex;gap:clamp(1.2rem,3vw,3rem);align-items:center;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.site-header nav a{padding:.9rem 0;transition:color .2s}.site-header nav a:hover{color:var(--accent)}.site-header nav .nav-contact{border:1px solid #fff9;padding:.75rem 1rem}.site-header nav .nav-contact span{margin-left:.65rem}.menu-toggle{display:none}
main{max-width:1600px;margin:auto}.hero{position:relative;min-height:min(730px,100svh);height:clamp(620px,82svh,820px);overflow:hidden;background:#193b60}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{object-position:50% 40%}.hero-shade{background:linear-gradient(90deg,#071a32c4 0%,#0a213333 64%),linear-gradient(0deg,#071729b5 0%,transparent 35%,#07172960 100%)}.hero-top,.hero-center,.hero-bottom{position:absolute;left:4%;right:4%;z-index:1}.hero-top{top:112px;display:flex;justify-content:space-between;gap:1rem;font-size:.76rem;font-weight:700;letter-spacing:.16em}.hero-center{bottom:112px}.hero-center p{font-family:Georgia,serif;font-style:italic;font-size:clamp(1.3rem,2.2vw,2rem);margin-bottom:1rem}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-weight:900;font-size:clamp(6rem,15.2vw,15rem);line-height:.76;letter-spacing:-.045em}.hero h1 span{color:var(--accent)}.hero-bottom{bottom:0;border-top:1px solid #ffffff8a;padding:1.25rem 0;display:flex;justify-content:space-between;gap:1rem;font-size:.78rem;letter-spacing:.13em;font-weight:700}.hero-bottom a{display:flex;gap:1.7rem}.hero-bottom a span{font-size:1.1rem}.hero-bottom a:hover{color:var(--accent)}
.section-index{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.manifesto{background:var(--blue);color:var(--white);padding:4.5rem 4% 5.5rem;display:grid;grid-template-columns:1fr 3fr auto;gap:1rem;align-items:start}.manifesto p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.2rem,6.3vw,7rem);line-height:1.03;letter-spacing:-.06em}.manifesto em{font-style:italic}.manifesto-mark{font-size:clamp(3rem,6vw,7rem);line-height:.8}
.work-section{padding:7rem 4% 8rem}.section-header{display:flex;justify-content:space-between;align-items:end;gap:2.5rem}.section-header h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:clamp(4rem,8vw,8.8rem);line-height:.9;letter-spacing:-.02em;margin-top:1.2rem}.period{color:var(--accent)}.section-header p{max-width:295px;color:var(--muted);font-size:1.04rem;line-height:1.4}.work-nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #5b7189;border-bottom:1px solid #5b7189;margin:3.4rem 0 6rem}.work-nav a{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1rem 1.4rem 0;font-size:1.05rem;font-weight:700;letter-spacing:.08em}.work-nav a+a{border-left:1px solid #5b7189;padding-left:1.5rem}.work-nav a span{color:var(--accent);font-size:1.5rem}.work-nav a:hover{color:var(--accent)}.photo-section{scroll-margin-top:2rem}.subsection-label{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem}.subsection-label h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.055em;line-height:1}.subsection-label span{font-size:.78rem;color:var(--muted);letter-spacing:.12em;font-weight:700}.photo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:5rem 3rem}.work-card:nth-child(even){margin-top:8rem}.image-button{display:block;width:100%;border:0;padding:0;background:#223a54;position:relative;overflow:hidden;cursor:zoom-in;text-align:left}.image-button img{transition:transform .5s ease}.image-button:hover img,.image-button:focus-visible img{transform:scale(1.045)}.card-portrait .image-button,.card-live .image-button{height:clamp(360px,49vw,670px)}.card-road .image-button{height:clamp(300px,37vw,530px)}.card-portrait img{object-position:50% 30%}.card-road img{object-position:50% 55%}.view-icon{position:absolute;right:1rem;bottom:1rem;background:var(--accent);color:var(--ink);font-size:1.35rem;width:3rem;height:3rem;display:grid;place-items:center;opacity:0;transition:opacity .2s}.image-button:hover .view-icon,.image-button:focus-visible .view-icon{opacity:1}.card-caption{border-top:1px solid #5b7189;margin-top:1rem;padding-top:.85rem;display:flex;justify-content:space-between;align-items:start;gap:1rem}.card-caption div>span,.card-caption>span{font-size:.73rem;color:var(--muted);letter-spacing:.12em;font-weight:700}.card-caption h4{font-family:Georgia,serif;font-size:clamp(1.5rem,2.4vw,2.5rem);font-weight:400;letter-spacing:-.03em;margin-top:.35rem}
.film-section{background:var(--paper);color:var(--ink);padding:7rem 4% 6rem;scroll-margin-top:0}.film-head{display:grid;grid-template-columns:1fr 2.3fr 1fr;gap:2rem;align-items:end;margin-bottom:3rem}.film-head .section-index{align-self:start}.film-head h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(3.3rem,6vw,7rem);line-height:.98;letter-spacing:-.065em}.film-head h2 em{color:#214d7b}.film-head p{font-size:1.05rem;line-height:1.45;max-width:290px}.film-frame{position:relative;height:clamp(380px,48vw,700px);overflow:hidden;background:#544839}.film-frame img{object-position:50% 40%}.film-frame:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#08090899)}.film-frame-label{position:absolute;z-index:1;left:2rem;right:2rem;bottom:1.5rem;display:flex;justify-content:space-between;color:#fff;font-weight:700;letter-spacing:.13em;font-size:.78rem}.film-footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--ink);padding-top:1rem;margin-top:1.2rem;font-size:.78rem;letter-spacing:.1em;font-weight:700}
.studio-section{background:var(--panel);padding:7rem 4% 8rem}.studio-intro{display:grid;grid-template-columns:1fr 3fr;gap:2rem}.studio-intro h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(3.4rem,7vw,8rem);line-height:.97;letter-spacing:-.07em}.studio-intro h2 em{color:var(--accent)}.studio-intro p{font-size:clamp(1.15rem,1.7vw,1.5rem);max-width:680px;margin:3rem 0 5rem;color:#d6d9d0}.disciplines{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #5b7189}.disciplines>div{padding:1.4rem 1.5rem 0 0;min-height:215px}.disciplines>div+div{border-left:1px solid #5b7189;padding-left:1.5rem}.disciplines span{font-size:.76rem;color:var(--accent);font-weight:700}.disciplines h3{font-family:Georgia,serif;font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:400;margin:1.6rem 0 .6rem}.disciplines p{font-size:1rem;color:var(--muted);max-width:260px}
.contact-section{background:var(--blue);color:var(--white);padding:6rem 4% 3.5rem}.contact-section h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(5rem,11vw,12rem);line-height:.9;letter-spacing:-.035em;text-transform:uppercase;margin:2rem 0 7rem}.contact-section h2 em{font-family:Georgia,serif;text-transform:none;font-size:.82em;letter-spacing:-.075em}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:2rem;border-top:1px solid #ffffffa8;padding-top:1.2rem}.contact-bottom p{font-size:1.2rem;max-width:550px}.contact-bottom span{font-size:.78rem;font-weight:700;letter-spacing:.1em;max-width:270px;text-align:right}
footer{background:var(--ink);color:var(--white);max-width:1600px;margin:auto;padding:3rem 4%;display:flex;justify-content:space-between;gap:2rem;align-items:end}.footer-brand{font-weight:900;font-size:clamp(1.7rem,3vw,3rem);letter-spacing:-.07em}.footer-brand span{font-size:.5rem;vertical-align:top;margin-left:.2rem;letter-spacing:0}footer>span,footer>a:last-child{font-size:.78rem;letter-spacing:.1em;font-weight:700}footer>a:last-child:hover{color:var(--accent)}
.lightbox{position:fixed;inset:0;border:0;padding:0;width:min(96vw,1500px);height:min(90vh,1000px);max-width:none;max-height:none;background:#0b0d0c;color:#fff;overflow:visible}.lightbox::backdrop{background:#050706f0}.lightbox img{width:100%;height:100%;object-fit:contain}.close-lightbox{position:absolute;right:.7rem;top:.7rem;z-index:1;background:var(--accent);color:var(--ink);border:0;padding:.6rem .8rem;font-size:.78rem;font-weight:700;cursor:pointer}
@media(max-width:900px){.site-header{min-height:74px}.site-header nav{gap:1rem;font-size:.68rem}.brand{font-size:1.45rem}.hero-top{top:95px}.hero h1{font-size:clamp(6rem,16vw,10rem)}.film-head{grid-template-columns:1fr 2.5fr}.film-head p{grid-column:2;max-width:550px}}
@media(max-width:680px){.site-header{min-height:70px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;background:none;color:#fff;border:0;cursor:pointer}.menu-toggle span{display:block;width:27px;height:2px;background:currentColor}.site-header nav{display:none;position:absolute;left:0;right:0;top:70px;background:var(--ink);padding:1rem 4% 2rem;flex-direction:column;align-items:stretch;gap:0;font-size:1.05rem}.site-header nav.open{display:flex}.site-header nav a{padding:1rem 0;border-bottom:1px solid #5b7189}.site-header nav .nav-contact{padding:1rem 0;border:0;border-bottom:1px solid #5b7189}.hero{height:clamp(560px,82svh,680px);min-height:560px}.hero-image{object-position:57% 45%}.hero-top{top:95px;font-size:.68rem}.hero-top span:last-child{display:none}.hero-center{bottom:118px}.hero-center p{font-size:1.25rem}.hero h1{font-size:clamp(4.2rem,17vw,7.2rem)}.hero-bottom{font-size:.68rem}.hero-bottom span:first-child{display:none}.manifesto{padding:4rem 4% 5rem;display:block}.manifesto p{margin-top:2rem;font-size:clamp(3.3rem,10vw,5.5rem)}.manifesto-mark{display:none}.work-section{padding-top:5rem;padding-bottom:5rem}.section-header{display:block}.section-header h2{font-size:clamp(4.2rem,13vw,7rem)}.section-header p{max-width:520px;margin-top:1.7rem}.work-nav{margin:2.5rem 0 4rem}.work-nav a{font-size:.85rem;padding:1rem .5rem 1rem 0}.work-nav a+a{padding-left:.7rem}.work-nav a span{font-size:1rem}.subsection-label{display:block}.subsection-label span{display:block;margin-top:.8rem}.photo-grid{display:block}.work-card,.work-card:nth-child(even){margin:0 0 3rem}.card-portrait .image-button,.card-live .image-button,.card-road .image-button{height:clamp(320px,80vw,500px)}.view-icon{opacity:1}.card-caption h4{font-size:1.8rem}.film-section{padding-top:5rem;padding-bottom:5rem}.film-head{display:block}.film-head h2{margin:1.6rem 0;font-size:clamp(3.4rem,10vw,5.3rem)}.film-head p{max-width:500px}.film-frame{height:clamp(300px,70vw,500px)}.film-frame-label{left:1rem;right:1rem;bottom:1rem;font-size:.68rem}.studio-section{padding-top:5rem;padding-bottom:5rem}.studio-intro{display:block}.studio-intro h2{margin-top:1.5rem;font-size:clamp(3.5rem,10vw,5.6rem)}.studio-intro p{margin:2rem 0 4rem}.disciplines{display:block}.disciplines>div,.disciplines>div+div{border-left:0;border-bottom:1px solid #5b7189;padding:1.3rem 0 2rem;min-height:0}.disciplines h3{margin:.8rem 0 .4rem}.contact-section{padding-top:5rem}.contact-section h2{font-size:clamp(4.4rem,14vw,7.5rem);margin-bottom:5rem}.contact-bottom{display:block}.contact-bottom span{display:block;text-align:left;margin-top:1rem}footer{align-items:start;flex-wrap:wrap}footer>span{order:3;width:100%}}
@media(max-width:390px){.hero h1{font-size:17vw}.hero-bottom a{gap:.4rem}.work-nav a{font-size:.72rem}.contact-section h2{font-size:13.5vw}.card-caption>span{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.image-button img,.view-icon{transition:none}}

.manifesto em,.contact-section h2 em{color:var(--accent)}

/* Refined type and portfolio controls */
body{font-family:Manrope,Arial,Helvetica,sans-serif}
.hero-center p{font-family:inherit;font-style:normal;font-size:.9rem;font-weight:700;letter-spacing:.17em;margin-bottom:1.4rem}
.hero h1{font-family:Manrope,Arial,Helvetica,sans-serif;font-size:clamp(3.8rem,8vw,8rem);font-weight:800;line-height:1.06;letter-spacing:-.075em;white-space:nowrap}
.manifesto p{font-family:Manrope,Arial,Helvetica,sans-serif;font-size:clamp(2.6rem,4.6vw,5.2rem);font-weight:600;line-height:1.16;letter-spacing:-.055em}
.manifesto em{font-style:normal;font-weight:700}
.section-header h2,.contact-section h2{font-family:Manrope,Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.06em;line-height:1.02}
.section-header h2{font-size:clamp(3.2rem,6.3vw,6.5rem)}
.subsection-label h3,.film-title-row h2{font-family:Manrope,Arial,Helvetica,sans-serif;font-size:clamp(2.5rem,4.5vw,4.6rem);font-weight:600;letter-spacing:-.06em;line-height:1.08}
.photo-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 .65rem}
.photo-filters button{border:1px solid #7f9bb7;background:transparent;color:var(--white);padding:.62rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.photo-filters button:hover{border-color:var(--accent);color:var(--accent)}
.photo-filters button[aria-pressed="true"]{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.filter-status{font-size:.82rem;color:var(--muted);margin-bottom:2rem}
.work-card[hidden]{display:none!important}
.photo-grid.is-filtered .work-card{margin-top:0}
.card-editorial .image-button,.card-interior .image-button{height:clamp(300px,37vw,530px)}
.card-camera .image-button{height:clamp(360px,49vw,670px)}
.card-caption h4{font-family:Manrope,Arial,Helvetica,sans-serif;font-size:clamp(1.3rem,2vw,2rem);font-weight:600;letter-spacing:-.035em}
.film-section>.section-index{display:block;margin-bottom:1.4rem}
.film-title-row{margin-bottom:1.2rem}
.film-title-row span{color:#48627e}
.film-intro{max-width:690px;font-size:1.12rem;line-height:1.5;margin:0 0 2.8rem}
.studio-intro h2,.disciplines h3{font-family:Manrope,Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.055em}
.studio-intro h2{font-size:clamp(3rem,5.5vw,6rem);line-height:1.08}
.contact-section h2{font-size:clamp(4.1rem,8.3vw,8.5rem)}
.contact-section h2 em{font-family:inherit;font-style:normal;font-size:1em;letter-spacing:inherit}
@media(max-width:680px){
  .hero h1{font-size:clamp(2.45rem,9.3vw,4.2rem)}
  .hero-center p{font-size:.75rem;letter-spacing:.1em}
  .manifesto p{font-size:clamp(2.35rem,7vw,3.8rem)}
  .section-header h2{font-size:clamp(3rem,9.5vw,5rem)}
  .subsection-label h3,.film-title-row h2{font-size:clamp(2.5rem,8vw,4rem)}
  .photo-filters button{font-size:.85rem;padding:.6rem .8rem}
  .card-editorial .image-button,.card-camera .image-button,.card-interior .image-button{height:clamp(320px,80vw,500px)}
  .film-title-row span{display:block}
  .film-intro{font-size:1rem;margin-bottom:2rem}
  .studio-intro h2{font-size:clamp(2.9rem,8.7vw,4.9rem)}
  .contact-section h2{font-size:clamp(3.5rem,10vw,5.6rem)}
}
@media(max-width:390px){.hero h1{font-size:9.1vw}.contact-section h2{font-size:10vw}}