@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@400;500&display=swap');
:root{color-scheme:dark;--paper:#0c0d0c;--ink:#f2efe8;--muted:#a9aaa2;--line:#363830;--accent:#c3ab91}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{position:absolute;top:0;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 6vw;border-bottom:1px solid #ffffff25}header img{width:145px;height:auto}nav{display:flex;gap:28px;font-size:12px}nav a:hover{color:var(--accent)}.hero{position:relative;min-height:90svh;display:flex;align-items:center;padding:150px 6vw 110px;overflow:hidden}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.60),rgba(0,0,0,.08) 75%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 30%),url('assets/entrance-hero.webp') center 65%/cover;opacity:1}.hero-copy{position:relative}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase}.hero h1{font:400 clamp(64px,7.5vw,118px)/.99 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;margin:38px 0}em{font-weight:400;color:var(--accent)}.hero p{color:#c6c7be;max-width:480px}.link{display:inline-block;margin-top:25px;border-bottom:1px solid #aaa;padding-bottom:10px;font-size:12px}.credits{position:absolute;bottom:30px;left:6vw;right:6vw;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.intro,section,aside{margin:0 6vw;padding:95px 0;border-bottom:1px solid var(--line)}.intro{display:grid;grid-template-columns:1fr 2fr;gap:20px 60px}.intro>.eyebrow{grid-column:1/-1}.intro>p{font:42px/1.15 'Cormorant Garamond',Georgia,serif;margin:20px 0}.intro>div{max-width:500px;color:var(--muted);padding-top:20px}.section-top{display:flex;justify-content:space-between;color:var(--accent)}.tags{font-size:11px;color:var(--muted)}.section-copy{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;margin:30px 0 45px;align-items:center}h2{font:400 clamp(44px,5vw,76px)/1.06 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:0;max-width:650px}.section-copy p{color:var(--muted);max-width:480px}.media-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}.placeholder{aspect-ratio:16/10;background:linear-gradient(135deg,#20241f,#111410);border:1px solid #34382f;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#b9bcae}.placeholder:nth-child(2){background:#151715}.slot-number{font:50px Georgia;color:#5e6758;margin-bottom:25px}.placeholder small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#818979;margin-top:8px}figure{margin:0}figure img,figure video{width:100%;aspect-ratio:16/10;object-fit:contain;background:#111}figcaption,.caption{font-size:11px;color:var(--muted)}details{margin-top:35px;border-top:1px solid var(--line);padding-top:18px}summary{cursor:pointer;font-size:12px;list-style:none;display:flex;justify-content:space-between}.drawing{width:100%;margin-top:24px;background:white}aside{padding:50px 0;color:var(--muted);font-size:12px}aside p{max-width:850px}footer{display:flex;justify-content:space-between;gap:20px;padding:35px 6vw;font-size:11px;color:var(--muted)}@media(max-width:700px){header{align-items:flex-start;padding:20px 6vw}header img{width:100px}nav{gap:8px 16px;flex-wrap:wrap;justify-content:flex-end;max-width:220px;font-size:10px}.hero{min-height:800px;padding-top:160px}.hero h1{font-size:65px}.credits{flex-direction:column;gap:8px}.intro,.section-copy{grid-template-columns:1fr;gap:20px}.intro,section{padding:65px 0}.section-top{flex-direction:column;gap:12px}.media-grid{grid-template-columns:1fr}.placeholder{aspect-ratio:16/9}.intro>p{font-size:36px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Main building portrait series: preserve the supplied compositions. */
#main-building .media-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px}#main-building figure img{display:block;width:100%;height:auto;aspect-ratio:auto}#main-building figcaption{padding-top:12px}@media(max-width:700px){#main-building .media-grid{grid-template-columns:1fr;gap:30px}}

.hero-art{background:#0c0d0c;overflow:hidden}.hero-art video{width:100%;height:100%;object-fit:cover;object-position:center 65%;display:block}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.60),rgba(0,0,0,.08) 75%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 30%);pointer-events:none}.cover-motion{position:absolute;right:6vw;bottom:80px;z-index:1;background:#0006;color:#f2efe8;border:1px solid #ffffff70;padding:9px 15px;font:11px Arial;cursor:pointer}.cover-motion:focus-visible{outline:2px solid #c3ab91;outline-offset:4px}@media(max-width:700px){.cover-motion{bottom:100px}}

.main-hero-shot{margin:0 0 40px}.main-hero-shot img{display:block;width:100%;height:auto;aspect-ratio:auto}.main-hero-shot figcaption{padding-top:12px}.coming-soon-section h2{margin:25px 0 18px}.coming-soon-section>p{color:var(--muted);font-size:14px;letter-spacing:.08em;margin:0}
.image-expand{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;color:inherit}.image-expand:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.drawing{cursor:zoom-in}.lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:60px 65px 35px;border:0;background:rgba(7,8,7,.97);color:#f2efe8}.lightbox::backdrop{background:#000c}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox figure{margin:0;max-width:100%;text-align:center}.lightbox figure img{display:block;margin:auto;width:auto;height:auto;max-width:calc(100vw - 130px);max-height:calc(100dvh - 145px);aspect-ratio:auto;object-fit:contain}.lightbox figcaption{margin-top:14px;font-size:12px}.lightbox button{position:absolute;background:#171917;border:1px solid #666;color:white;cursor:pointer;font-size:26px;width:44px;height:44px}.lb-close{right:20px;top:15px}.lb-prev{left:10px;top:48%}.lb-next{right:10px;top:48%}@media(max-width:700px){.lightbox{padding:65px 10px 70px}.lightbox figure img{max-width:calc(100vw - 20px);max-height:calc(100dvh - 170px)}.lb-prev{top:auto;bottom:15px;left:calc(50% - 55px)}.lb-next{top:auto;bottom:15px;right:calc(50% - 55px)}}
