:root{
  --blue:#0b1536;
  --blue2:#121f49;
  --paper:#f4f1e9;
  --ink:#11131a;
  --muted:#74798b;
  --line:rgba(17,19,26,.18);
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;width:100%;overflow-x:hidden}
body{margin:0;width:100%;max-width:100%;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}
figure{margin:0;min-width:0}
button{font:inherit}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:78px;padding:0 clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;background:rgba(11,21,54,.92);color:white;border-bottom:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px)}
.logo{display:flex;flex-direction:column;text-decoration:none;line-height:.78}.logo b{font-size:23px;letter-spacing:-1px}.logo span{font-size:9px;letter-spacing:4px;margin-top:9px}.menu{display:flex;gap:32px}.menu a{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;text-decoration:none}.menu-button{display:none;background:none;color:white;border:0;text-transform:uppercase;font-size:11px;letter-spacing:1.5px;padding:12px 0}
.hero{background:var(--blue);color:white;min-height:100svh;padding:140px clamp(18px,4vw,56px) 36px;display:flex;flex-direction:column;justify-content:space-between;gap:70px}
.hero-copy{max-width:1120px}.eyebrow{font-size:10px;line-height:1.4;letter-spacing:2.1px;text-transform:uppercase;margin:0}.hero h1{font-size:clamp(68px,11.5vw,176px);line-height:.78;letter-spacing:-.075em;margin:28px 0 34px;max-width:1180px}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400}.hero-line{font-size:clamp(18px,2.1vw,30px);line-height:1.3;max-width:730px;margin:0;color:#e2e6f1}.text-link{display:inline-flex;align-items:center;gap:14px;margin-top:38px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.6);text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:1.7px}.hero-strip{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;width:100%;height:clamp(165px,22vw,330px)}.hero-strip figure{overflow:hidden;background:var(--blue2)}
.statement{padding:clamp(80px,10vw,150px) clamp(18px,7vw,110px);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2.2fr) minmax(220px,.9fr);gap:clamp(30px,5vw,80px);align-items:start}.statement h2{font-size:clamp(42px,6vw,88px);line-height:.94;letter-spacing:-.055em;margin:0}.statement>p:last-child{font-size:17px;line-height:1.6;margin:0;color:#444957;max-width:430px}
.work-section{padding:80px clamp(18px,4vw,56px) 40px}.section-title{display:grid;grid-template-columns:.7fr 2.3fr;padding-top:16px;border-top:1px solid var(--line);margin-bottom:80px}.section-title h2{font-size:clamp(36px,5vw,72px);line-height:1;letter-spacing:-.05em;margin:0}
.case-study{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.65fr);gap:clamp(28px,5vw,80px);align-items:start;padding:0 0 clamp(85px,10vw,140px)}.case-study.reverse{grid-template-columns:minmax(0,1.65fr) minmax(260px,.72fr)}.case-study.reverse .case-copy{grid-column:2;grid-row:1}.case-study.reverse .case-image{grid-column:1;grid-row:1}.case-copy{position:sticky;top:110px;padding-top:8px}.case-number{font-size:10px;letter-spacing:1.8px;margin:0 0 24px;color:var(--muted)}.case-copy h3{font-size:clamp(38px,4.6vw,72px);line-height:.92;letter-spacing:-.055em;margin:0 0 24px}.case-copy>p:not(.case-number){font-size:16px;line-height:1.55;max-width:470px;color:#454a58}.case-image{overflow:hidden;background:#ddd}.case-image.landscape{aspect-ratio:16/10}.case-image.portrait{aspect-ratio:4/5;max-height:780px}.case-study:nth-of-type(3) .case-image img{object-position:center 35%}
details{margin-top:32px;border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:16px 0;text-transform:uppercase;font-size:10px;letter-spacing:1.6px;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:20px;font-weight:300}details[open] summary:after{content:"−"}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 0 16px}.detail-grid img{aspect-ratio:1/1;object-position:center}
.studio-section{background:var(--blue);color:white;padding:clamp(90px,10vw,150px) clamp(18px,4vw,56px)}.studio-copy{display:grid;grid-template-columns:.7fr 2fr 1fr;gap:clamp(30px,5vw,80px);align-items:start;margin-bottom:90px}.studio-copy h2{font-size:clamp(42px,6vw,90px);line-height:.93;letter-spacing:-.06em;margin:0}.studio-copy>p:last-child{font-size:17px;line-height:1.6;margin:0;color:#c8cede}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.3)}.services>div{min-width:0;padding:26px 32px 48px 0;border-bottom:1px solid rgba(255,255,255,.25)}.services span{font-size:10px;color:#9da8c7}.services h3{font-size:24px;margin:24px 0 10px}.services p{font-size:14px;line-height:1.5;color:#cbd1df;max-width:330px;margin:0}
.closing-image{height:min(68vw,780px);overflow:hidden}.closing-image img{object-position:center 30%}
.contact-section{background:var(--paper);padding:clamp(90px,11vw,160px) clamp(18px,7vw,110px)}.contact-section h2{font-size:clamp(54px,9vw,138px);line-height:.82;letter-spacing:-.075em;max-width:1180px;margin:30px 0 40px}.contact-section>p:not(.eyebrow){font-size:18px;color:#4b5060}.contact-section>a{display:inline-flex;gap:14px;max-width:100%;overflow-wrap:anywhere;margin-top:50px;text-decoration:none;border-bottom:1px solid;font-size:clamp(18px,2.6vw,38px);padding-bottom:8px}
.project-form{margin-top:72px;padding-top:40px;border-top:1px solid var(--line);max-width:1180px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}.project-form label{display:flex;flex-direction:column;gap:10px;font-size:10px;letter-spacing:1.6px;text-transform:uppercase}.project-form label.full{grid-column:1/-1}.project-form input,.project-form textarea,.project-form select{width:100%;border:0;border-bottom:1px solid rgba(17,19,26,.45);border-radius:0;background:transparent;color:var(--ink);padding:12px 0 14px;font:inherit;font-size:17px;line-height:1.4;outline:none;text-transform:none;letter-spacing:0}.project-form textarea{resize:vertical;min-height:130px}.project-form input:focus,.project-form textarea:focus,.project-form select:focus{border-bottom-color:var(--blue)}.project-form ::placeholder{color:#8b8f9b}.submit-button{margin-top:36px;border:0;background:var(--blue);color:white;padding:18px 22px;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;cursor:pointer;display:inline-flex;gap:16px;align-items:center}.submit-button:hover{background:var(--blue2)}
footer{padding:32px clamp(18px,4vw,56px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px;border-top:1px solid var(--line)}footer p{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;margin:0}footer p:last-child{text-align:right}
@media(max-width:850px){
  .site-header{height:70px;padding:0 18px}.menu-button{display:block}.menu{position:absolute;top:70px;left:0;width:100%;display:none;flex-direction:column;gap:0;background:var(--blue);border-top:1px solid rgba(255,255,255,.18);padding:10px 18px 20px}.menu.open{display:flex}.menu a{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.15)}
  .hero{min-height:auto;padding:120px 18px 18px;gap:55px}.hero h1{font-size:clamp(62px,19vw,104px);max-width:100%;overflow-wrap:normal}.hero-line{font-size:19px}.hero-strip{grid-template-columns:1.35fr .8fr;height:220px}.hero-strip figure:nth-child(3){display:none}
  .statement{padding:85px 18px;grid-template-columns:1fr;gap:26px}.statement h2{font-size:clamp(44px,13vw,72px)}.statement>p:last-child{font-size:16px}
  .work-section{padding:70px 18px 20px}.section-title{grid-template-columns:1fr;gap:20px;margin-bottom:60px}.case-study,.case-study.reverse{display:flex;flex-direction:column;gap:26px;padding-bottom:85px}.case-study.reverse .case-copy,.case-study.reverse .case-image{grid-column:auto;grid-row:auto}.case-copy{position:static;order:2;width:100%;min-width:0}.case-image{order:1;width:100%;max-width:100%}.case-image.landscape,.case-image.portrait{aspect-ratio:4/5;max-height:none}.case-copy h3{font-size:48px}.detail-grid{grid-template-columns:1fr 1fr}.detail-grid img{aspect-ratio:4/5}
  .studio-section{padding:85px 18px}.studio-copy{grid-template-columns:1fr;gap:25px;margin-bottom:65px}.studio-copy h2{font-size:clamp(44px,13vw,72px)}.services{grid-template-columns:1fr}.services>div{padding-right:0}
  .closing-image{height:82vw;min-height:340px}
  .contact-section{padding:90px 18px}.contact-section h2{font-size:clamp(58px,17vw,94px)}.contact-section>a{font-size:18px}.project-form{margin-top:56px;padding-top:32px}.form-grid{grid-template-columns:1fr;gap:24px}.project-form label.full{grid-column:auto}.submit-button{width:100%;justify-content:space-between}
  footer{grid-template-columns:1fr;gap:20px;padding:30px 18px}footer p:last-child{text-align:left}
}
@media(max-width:430px){.hero-strip{height:190px}.case-copy h3{font-size:44px}.detail-grid{grid-template-columns:1fr}.detail-grid img{aspect-ratio:16/10}.logo b{font-size:21px}}