*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--oog-brand-bg,#080909);color:var(--oog-brand-text,#f3f1e9);font:400 16px/1.55 var(--oog-brand-body,'DM Sans'),sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:5px}.skip-link{position:fixed;left:16px;top:-80px;z-index:10;background:#fff;color:#111;padding:10px 16px}.skip-link:focus{top:16px}.site-header{padding:28px 5vw;display:flex;align-items:center;justify-content:space-between}.site-header img{width:100px;height:auto;display:block}.site-header nav{display:flex;gap:30px}.contact-layout{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);padding:clamp(55px,10vh,120px) 5vw 90px}.contact-introduction h1{font:400 clamp(58px,7vw,100px)/1.03 var(--oog-brand-heading,'Instrument Serif'),serif;margin:0 0 28px;letter-spacing:-.035em}.contact-introduction p{max-width:340px;font-size:20px;line-height:1.55;color:var(--oog-brand-muted,#b7bab8)}form{display:grid;gap:10px}label{font-size:14px}input,textarea{width:100%;background:rgba(8,9,9,.6);border:1px solid var(--oog-brand-border,#575b57);border-radius:0;color:inherit;padding:13px 15px;margin:0 0 14px;min-width:0}textarea{resize:vertical;min-height:150px}input:disabled,textarea:disabled{opacity:.75}button{cursor:pointer;background:var(--oog-brand-text,#f3f1e9);color:var(--oog-brand-bg,#080909);border:1px solid transparent;padding:15px 22px;text-align:left;display:flex;justify-content:space-between;gap:20px;min-height:50px}button:disabled{cursor:default;opacity:.55}.form-note{font-size:13px;color:var(--oog-brand-muted,#b7bab8);margin:0 0 12px;min-height:20px}.contact-result{margin-top:28px;padding-top:22px;border-top:1px solid var(--oog-brand-border,#575b57)}.contact-result h2{font:400 30px/1.15 var(--oog-brand-heading,'Instrument Serif'),serif;margin:0 0 12px}.contact-result p{margin:0;color:var(--oog-brand-muted,#b7bab8)}.text-action{background:transparent;color:inherit;padding:0;margin-top:24px;text-decoration:underline;min-height:44px}.form-guard{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}@media(max-width:700px){.site-header{padding:24px}.contact-layout{grid-template-columns:1fr;gap:34px;padding:40px 24px 70px}.contact-introduction p{font-size:18px;max-width:340px}.contact-introduction h1{margin-bottom:18px}.site-header nav{gap:24px}}

/* Preserve the original Contact water and photographic foreground drops. */
.water-atmosphere{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:0;overflow:hidden;opacity:.44;pointer-events:none;background:url('../assets/environment/oog-landing-water-poster.jpg') center/cover;mask-image:linear-gradient(to bottom,transparent 5%,#000 30%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent 5%,#000 30%,#000 92%,transparent)}
.water-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 45%,rgba(0,0,0,.08))}
.contact-water-background{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.site-header,.contact-layout,.contact-footer{position:relative;z-index:1}
.contact-footer{max-width:1240px;margin:auto;padding:0 5vw 28px}
.contact-drip{position:fixed;left:-2px;top:-2px;width:1px;height:1px;opacity:0;pointer-events:none}
.contact-water{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:40}
.contact-water-filter{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
[data-water-word]{display:inline-block;white-space:nowrap}
[data-water-letter]{display:inline-block;font-weight:inherit}
[data-water-letter].is-wet{filter:url(#contact-wet-ink);animation:contact-letter-ripple 2.4s ease-out both}
@keyframes contact-letter-ripple{0%{transform:translate(.7px,2.4px) rotate(2deg);text-shadow:0 2px 1px currentColor}25%{transform:translate(-1.2px,-.8px) rotate(-1.5deg);text-shadow:1px 3px 2px currentColor}55%{transform:translate(.6px,.8px) rotate(.6deg);text-shadow:0 1px 1px currentColor}100%{transform:none;text-shadow:none}}
body[data-drips-paused=true] [data-water-letter].is-wet{animation-play-state:paused}
.drips-toggle{display:inline-block;background:none;border:0;padding:12px 0;color:var(--oog-brand-muted,#b7bab8);font:inherit;font-size:13px;min-height:44px}
.contact-input-water{position:fixed;pointer-events:none;overflow:hidden;z-index:3;opacity:0}
.contact-input-water.is-active{opacity:1}
.contact-input-water>div{white-space:pre;min-width:100%}
.contact-input-water[data-multiline=true]>div{white-space:pre-wrap;overflow-wrap:break-word}
input.has-water-mirror,textarea.has-water-mirror{color:transparent!important;caret-color:var(--oog-brand-text,#f3f1e9)}
input.has-water-mirror::placeholder,textarea.has-water-mirror::placeholder{color:transparent!important}
@media(max-width:700px){.contact-footer{padding:0 24px 28px}}
@media(prefers-reduced-motion:reduce){.contact-water,.contact-water-background{display:none}[data-water-letter].is-wet{filter:none;animation:none}}

.water-word-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:400px){.site-header{padding:20px}.site-header img{width:76px}.site-header nav{gap:14px;font-size:14px}}