:root{--dark:#242223;--paper:#f7f6f3;--accent:#d8734a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:#f5f2ed;font-family:Arial,Helvetica,sans-serif}.site-header{position:sticky;top:0;z-index:5;height:72px;padding:0 5vw;background:#fff;color:#222;display:flex;align-items:center;justify-content:space-between}.brand{font-size:2.15rem;font-weight:900;letter-spacing:-3px;color:#222;text-decoration:none;}.brand img{width:100px;}.site-header nav{display:flex;gap:2rem}.site-header nav a{color:#6a6969;text-decoration:none;font-size:1.1rem}.site-header nav a.active,.site-header nav a:hover{color:#111}.menu-toggle{display:none}.section{scroll-margin-top:72px}.hero{position:relative;max-height:calc(100vh - 72px);overflow:hidden;background:#161414}.hero img{width:100%;height:calc(100vh - 72px);object-fit:cover;object-position:center 40%;display:block}.hero-logo{position:absolute;top:10%;right:12%;font-size:clamp(5rem,18vw,15rem);line-height:.7;font-weight:900;letter-spacing:-.12em;color:#fff}.hero-logo small{font-size:.16em;letter-spacing:0;vertical-align:bottom}.about{background:var(--dark)}.about-hero{height:min(65vw,650px);min-height:360px;position:relative;overflow:hidden}.about-hero img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.about-hero div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:2rem;text-shadow:0 1px 10px #000}.about-hero p{font-size:.78rem;margin:0 0 .6rem}.about-hero h1{font-size:clamp(1.5rem,4vw,3rem);font-weight:400;line-height:1.18;margin:0}.about-hero small{position:absolute;bottom:1rem;left:5vw}.wrap{max-width:1120px;margin:auto;padding:clamp(3rem,8vw,7rem) 5vw}h2{font-size:clamp(2.6rem,7vw,5rem);margin:0 0 2rem}h3{font-size:clamp(2rem,3vw,5rem);margin:0 0 2rem}p{font-size:clamp(1.05rem,2.2vw,1.42rem);line-height:1.45;max-width:830px}.timeline{background:#161515;padding:4rem 5vw;text-align:center;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.timeline div{font-size:1.1rem}.timeline small,.timeline p{display:block;color:#aaa;font-size:.82rem;margin-top:.3rem}.timeline p{grid-column:1/-1;text-transform:uppercase;letter-spacing:.12em}.gallery{min-height:80vh}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.gallery figure{margin:0;border-bottom:1px solid #aaa;padding-bottom:1rem}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#111;display:block}.gallery img.top{object-position: top;}.gallery figcaption{display:flex;justify-content:space-between;padding-top:.7rem;font-size:.95rem}.gallery figcaption span{color:#aaa}.contact-image{display:block;width:100%;height:min(47vw,540px);min-height:230px;object-fit:cover}.contact-content{padding-top:4rem}.intro{font-size:clamp(1.1rem,2.5vw,1.7rem);line-height:1.45;max-width:860px}.details{font-size:clamp(1.2rem,3vw,2.5rem);line-height:1.5;margin-top:4rem}.details a{color:#fff;text-decoration:none}.details a:hover{color:var(--accent)}footer{background:#FFF;padding:2rem 5vw;text-align:center;color:#242223;font-size:.95rem}footer span{margin-left:.4rem}footer img{display: block;width: 25%;margin: 0 AUTO;}@media(max-width:640px){.site-header{height:56px}.brand{font-size:1.7rem}.site-header nav{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;padding:1rem 5vw;flex-direction:column;gap:1rem}.site-header nav.open{display:flex}.menu-toggle{display:block;border:0;background:none;font-size:1rem;color:#242223}.section{scroll-margin-top:56px}.hero,.hero img{height:calc(100vh - 56px)}.hero-logo{right:10%;top:12%}.hero-logo img{display:none}.timeline{grid-template-columns:repeat(2,1fr);padding:3rem 1.5rem}.gallery-grid{grid-template-columns:1fr;gap:2.5rem}.gallery figcaption{font-size:.85rem}.contact-content{padding-top:2rem}}
