@font-face{font-family:FuturaBook;src:url('/assets/futura-book.woff2') format('woff2');font-display:swap}@font-face{font-family:FuturaLight;src:url('/assets/futura-light.woff2') format('woff2');font-display:swap}
:root{--navy:#0e2e47;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font:16px/1.4 FuturaLight,'Century Gothic',sans-serif}.backdrop{position:fixed;inset:0;z-index:-2;background:url('/assets/city.jpg') center/cover}.backdrop video{width:100%;height:100%;object-fit:cover}.backdrop:after{content:'';position:absolute;inset:0;background:rgba(14,46,71,.84)}nav{position:absolute;right:40px;top:35px;display:flex;gap:30px;z-index:3}a{color:inherit}nav a{text-decoration:none;padding:10px 0}nav a:hover,nav a:focus-visible{text-decoration:underline;text-underline-offset:5px}.hero{position:relative;min-height:936px;height:100vh}.logo{position:absolute;left:max(32px,calc((100% - 1120px)/2));top:110px;object-fit:contain;object-position:left top;width:319px;height:100px}.logo.harper{width:281px;height:109px}.clock{position:absolute;width:644px;height:644px;left:50%;top:138px;transform:translateX(-50%)}.clock>img{width:100%;height:100%;object-fit:contain}.announcement{position:absolute;inset:0;text-align:center;pointer-events:none}.announcement p{font-size:19px;letter-spacing:3.8px;margin:0;position:absolute;left:0;right:0;top:150px}.announcement p:last-child{top:468px}h1{font:700 85px/102px FuturaBook,sans-serif;letter-spacing:21.25px;margin:0;position:absolute;top:224px;left:0;right:0;padding-left:21.25px}.about{position:relative;min-height:900px;padding:230px 24px 120px;color:var(--navy);background:linear-gradient(0deg,rgba(255,255,255,.80) 22.6%,rgba(255,255,255,.12) 100%);scroll-margin-top:0}.about-inner{width:min(100%,540px);margin:auto}.about h2{font:400 28px/1.35 FuturaBook,sans-serif;letter-spacing:5.6px;white-space:nowrap;margin:0 0 26px}.description{color:#fff;padding:0 6px}.description p{margin:0 0 20px}form{margin-top:100px}form h3{font:400 19px/1.5 FuturaBook,sans-serif;text-align:center;margin:0 0 18px}form label{display:block}input[type=email]{width:100%;height:42px;border:1px solid #334f61;background:#fff;color:#0e2e47;border-radius:0;font:18px FuturaLight,sans-serif;padding:8px;margin:8px 0 15px}.form-row{display:flex;gap:22px;align-items:flex-start;justify-content:space-between}.consent{display:flex;align-items:center;gap:10px;max-width:250px}.consent input{width:17px;height:17px;flex:none;accent-color:#0e2e47}.consent span{max-width:190px}button{border:1px solid #fff;background:#0c2334;color:#fff;min-height:43px;padding:9px 28px;font:16px FuturaLight,sans-serif;cursor:pointer}button:hover{background:#214960}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c7a84b;outline-offset:4px}.privacy{font:14px/1.5 FuturaLight,sans-serif;margin-top:24px;color:#173d55}.notice{padding:12px;background:#fff;color:var(--navy);border-left:3px solid #8a6c18}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}footer{background:rgba(255,255,255,.85);text-align:center;color:var(--navy);font-size:14px;padding:22px}
@media(max-width:700px){.hero{min-height:760px;height:100svh;max-height:1000px}.logo,.logo.harper{left:25px;top:90px;width:240px;height:94px}.logo.dam{width:270px}.clock{width:min(92vw,515px);height:min(92vw,515px);top:260px}.announcement p{top:23.3%;font-size:clamp(12px,2.7vw,16px);letter-spacing:.2em}.announcement p:last-child{top:72.7%}h1{top:34.8%;font-size:clamp(40px,11vw,68px);line-height:1.2;letter-spacing:.2em;padding-left:.2em}nav{right:25px;top:20px;gap:25px}.about{padding:100px 25px 80px;min-height:760px}.about h2{font-size:22px;letter-spacing:3px;white-space:normal;text-align:center}.description{text-align:center}form{margin-top:70px}.form-row{flex-direction:column;gap:20px}.form-row button{width:100%}.consent,.consent span{max-width:none}form h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.backdrop video{display:none}.clock>img{visibility:hidden}}

.clock>img.clock-face{position:absolute;inset:0;width:100%;height:100%}.clock>img.clock-hands{position:absolute;left:9.1%;top:9.1%;width:81.8%;height:81.8%}h1{padding-left:0}@media(prefers-reduced-motion:reduce){.clock>img.clock-face{visibility:visible}}
