:root{--paper:#f6f5f2;--ink:#101010}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4.1%;background:#f9f8f6}.wordmark{font-size:18px;letter-spacing:.28em;font-weight:400;white-space:nowrap}.topbar nav{display:flex;align-items:center;gap:34px;font-size:12px}.nav-dot{font-size:12px}.menu-toggle{display:none}.hero{position:relative;min-height:560px;display:flex;align-items:flex-end;overflow:hidden}.hero-image{position:absolute;inset:0}.hero-copy{position:relative;width:100%;padding:0 5.5% 36px;background:linear-gradient(0deg,rgba(246,245,242,.96),rgba(246,245,242,.1) 85%,transparent)}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero h1{font-size:clamp(25px,3.1vw,46px);line-height:1.25;max-width:690px;margin:0}.image-slot{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(125deg,#a8a9a5,#d4d0c9 43%,#868b89);color:rgba(255,255,255,.88)}.image-slot span{font-size:10px;letter-spacing:.15em;text-align:center;padding:15px;max-width:80%;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.18)}.hero-image{background:linear-gradient(120deg,#9da6a9,#d5d8d6 50%,#a0a7a6)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:26px 5.5%;min-height:235px}.feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:3px 0}.overline{font-size:10px;letter-spacing:.025em}.archive-detail{font-size:13px;line-height:1.8;margin:24px 0}.arrow-link{font-size:12px;display:inline-flex;align-items:center;gap:15px;margin-top:16px}.arrow-link span{font-size:23px;line-height:0}.feature-image{min-height:180px;border-radius:3px}.feature-image[data-image="miami-sunset"]{background:linear-gradient(135deg,#27242c,#a5654d 48%,#dca665 68%,#302e31)}.projects{background:#080808;color:#fff}.project{display:grid;grid-template-columns:1fr 1fr;min-height:235px;border-bottom:1px solid #777}.project.reverse .project-image{order:2}.project-image{min-height:235px;background:linear-gradient(135deg,#101c23,#3a3c3e,#151515)}.project-image[data-image="sk8-prom"]{background:linear-gradient(135deg,#291b19,#9a663d,#231c19)}.project-image[data-image="fluor-essence"]{background:linear-gradient(110deg,#092f34,#15756e 35%,#b1317e 80%,#211127)}.project-copy{padding:30px 9%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-year{font-size:11px;margin-bottom:12px}.project h2{font-size:clamp(28px,3.1vw,43px);margin:0 0 9px}.project p{font-size:12px;margin:0 0 14px}.conversation{min-height:270px}.conversation h2{font-size:clamp(24px,2.5vw,35px);max-width:350px;line-height:1.25;margin:20px 0}.conversation .feature-image{background:linear-gradient(120deg,#232526,#6d7070,#303436)}.archive-section{margin:0 5.5%;padding:25px 0 28px;border-top:1px solid #d6d4d0}.archive-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:20px 0}.archive-grid .image-slot{aspect-ratio:1.3}.archive-grid .image-slot:nth-child(2){background:linear-gradient(130deg,#191a1a,#5c554d)}.archive-grid .image-slot:nth-child(3){background:linear-gradient(120deg,#5e747b,#9da59d)}.archive-grid .image-slot:nth-child(4){background:linear-gradient(120deg,#191316,#a1532e)}.archive-grid .image-slot:nth-child(5){background:linear-gradient(120deg,#4a3e33,#9d8270)}footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px;align-items:start;border-top:1px solid #d6d4d0;padding:25px 5.5% 30px;font-size:11px;line-height:2}footer .wordmark{font-size:17px}.social{display:block;margin-top:6px}footer small{font-size:10px}@media(max-width:650px){.topbar{height:72px;padding:0 6%}.wordmark{font-size:14px;letter-spacing:.23em}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px;border:0;background:transparent;cursor:pointer}.menu-toggle span{width:22px;height:1px;background:#111}.topbar nav{display:none;position:absolute;z-index:10;top:72px;left:0;right:0;background:#f9f8f6;padding:20px 6% 28px;flex-direction:column;align-items:flex-start;gap:20px;font-size:15px;box-shadow:0 8px 15px #0001}.topbar nav.open{display:flex}.nav-dot{display:none}.hero{min-height:470px;display:flex;flex-direction:column}.hero-image{position:relative;inset:auto;width:100%;height:275px;flex:none}.hero-copy{padding:23px 6% 27px;background:var(--paper);flex:1}.hero h1{font-size:clamp(22px,5.3vw,30px);line-height:1.4}.feature{grid-template-columns:1fr 40%;gap:14px;padding:23px 6%;min-height:170px}.feature-image{min-height:110px}.archive-detail{font-size:11px;line-height:1.7;margin:20px 0}.overline{font-size:9px}.arrow-link{font-size:11px;margin-top:10px}.project{grid-template-columns:44% 56%;min-height:170px}.project.reverse .project-image{order:0}.project-image{min-height:170px}.project-copy{padding:20px 8%}.project-year{font-size:10px;margin-bottom:8px}.project h2{font-size:clamp(23px,5.2vw,31px)}.project p{font-size:10px;line-height:1.6}.project .arrow-link{margin-top:8px}.conversation{grid-template-columns:1fr 39%;min-height:215px}.conversation h2{font-size:clamp(19px,4.5vw,26px);margin:14px 0}.archive-section{margin:0 6%;padding:23px 0}.archive-grid{grid-template-columns:repeat(3,1fr);gap:10px}.archive-grid .image-slot{aspect-ratio:1}.archive-grid .image-slot span{font-size:8px;padding:5px}footer{grid-template-columns:1fr;gap:12px;padding:24px 6%;font-size:10px}footer .wordmark{font-size:15px}.image-slot span{font-size:8px}}

/* Temporary imagery extracted from the approved composite concept board; replace with licensed/original photos. */
.image-slot[data-image="hero"]{background-image:url("preview-images/hero.jpg");background-size:cover;background-position:center;}
.image-slot[data-image="miami-sunset"]{background-image:url("preview-images/miami-sunset.jpg");background-size:cover;background-position:center;}
.image-slot[data-image="4ttf"]{background-image:url("preview-images/4ttf.jpg");background-size:cover;background-position:center;}
.image-slot[data-image="sk8-prom"]{background-image:url("preview-images/sk8-prom.jpg");background-size:cover;background-position:center;}
.image-slot[data-image="fluor-essence"]{background-image:url("preview-images/fluor-essence.jpg");background-size:cover;background-position:center;}
.image-slot[data-image="conversation"]{background-image:url("preview-images/conversation.jpg");background-size:cover;background-position:center;}
.image-slot[data-image="archive-1"]{background-image:url("preview-images/archive-1.jpg");background-size:cover;background-position:center;}
.image-slot[data-image="archive-2"]{background-image:url("preview-images/archive-2.jpg");background-size:cover;background-position:center;}
.image-slot[data-image="archive-3"]{background-image:url("preview-images/archive-3.jpg");background-size:cover;background-position:center;}
.image-slot[data-image="archive-4"]{background-image:url("preview-images/archive-4.jpg");background-size:cover;background-position:center;}
.image-slot[data-image="archive-5"]{background-image:url("preview-images/archive-5.jpg");background-size:cover;background-position:center;}
.image-slot > span{display:none}
.hero-image{background-image:url("preview-images/hero.jpg");background-size:cover;background-position:center 40%;}
@media(min-width:651px){.hero{min-height:560px}.hero-image{background-position:center 38%}}

/* Launch preview: user-supplied Cloud Nine photographic reference. */
.image-slot[data-image="sk8-prom"]{background-position:center 43%;}
@media(max-width:650px){.feature.light{min-height:auto}.hero-copy{padding-bottom:24px}}

/* Approved temporary archival hero — mobile crop retains subject and crowd */
.hero-image{background-position:center 50%;}
@media(max-width:650px){.hero-image{background-position:57% center;}}

/* Ensure archive photographs display instead of the earlier gradient placeholders. */
.archive-grid .image-slot[data-image="archive-1"] { background-image: url("preview-images/archive-1.jpg"); background-size: cover; background-position: center; }
.archive-grid .image-slot[data-image="archive-2"] { background-image: url("preview-images/archive-2.jpg"); background-size: cover; background-position: center; }
.archive-grid .image-slot[data-image="archive-3"] { background-image: url("preview-images/archive-3.jpg"); background-size: cover; background-position: center; }
.archive-grid .image-slot[data-image="archive-4"] { background-image: url("preview-images/archive-4.jpg"); background-size: cover; background-position: center; }
.archive-grid .image-slot[data-image="archive-5"] { background-image: url("preview-images/archive-5.jpg"); background-size: cover; background-position: center; }

/* Approved white/black palette */
:root{--paper:#fff!important;--ink:#000!important}
body,.topbar,.topbar nav,.hero-copy{background-color:#fff!important;color:#000!important}
.hero-copy{background:linear-gradient(0deg,rgba(255,255,255,.97),rgba(255,255,255,.1) 85%,transparent)!important}
@media(max-width:650px){.hero-copy{background:#fff!important}}

/* iPad Safari hero reliability: native image instead of CSS background */
.hero-image{background:none!important;overflow:hidden}
.hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%}
@media(min-width:651px){.hero-image img{object-position:center 38%}}
@media(max-width:650px){.hero-image img{object-position:57% center}}

/* Tablet-only hero correction: keep the archival image visible, but give
   the studio statement its own readable white surface below the photograph. */
@media (min-width:651px) and (max-width:1100px){
  .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;overflow:hidden}
  .hero-image{position:relative;inset:auto;width:100%;height:clamp(370px,48vw,490px);flex:none}
  .hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
  .hero-copy{position:relative;margin-top:-34px;padding:58px 5.5% 42px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 38px,#fff 100%)!important}
  .hero h1{max-width:790px;font-size:clamp(28px,3.35vw,39px);line-height:1.3}
}

/* Unified tablet + desktop archival hero: preserve complete original photo. */
@media (min-width:651px){
  .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;overflow:visible;background:#fff}
  .hero-image{position:relative;inset:auto;width:100%;height:auto;flex:none;overflow:hidden;background:none!important}
  .hero-image img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:center}
  .hero-image::after{content:"";position:absolute;bottom:0;left:0;right:0;height:clamp(36px,8vw,115px);background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.97));pointer-events:none}
  .hero-copy{position:relative;margin:0;padding:8px 5.5% 44px;background:#fff!important}
  .hero h1{max-width:900px;font-size:clamp(28px,3.1vw,46px);line-height:1.25;color:#000}
}
/* Existing approved phone layout is intentionally untouched. */