/* Full-bleed darkroom editorial and physically illuminated gold controls. */
@property --om-rim-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
:root{--om-charcoal:#100904;--om-cream:#ffedd7;--om-champagne:#ceb88f;--om-ease:cubic-bezier(.22,.68,0,1)}
body{background:#faf7f0}
.site-header{background:#100904;color:#ffedd7;border-bottom:1px solid #ceb88f24}
.header-inner{min-height:80px}.site-header .brand-mark{font-family:Arial,sans-serif;color:#ffedd7;border-color:#ceb88f55;font-weight:500;font-size:38px;letter-spacing:-.09em}.site-header .brand-name{color:#ffedd7;font-size:10px}.site-header .site-nav{font-size:13px;gap:24px}.site-header .site-nav a{color:#ffedd7}.site-header .site-nav a::after{background:#dfc48c}.site-header .menu-toggle{color:#ffedd7;border-color:#ceb88f75;border-radius:30px;min-height:44px}
body:has(.om-opening) .site-header{position:absolute;left:0;right:0;background:linear-gradient(#100904b3,transparent);border:0}
body:has(.om-opening) .site-header .brand{visibility:hidden;width:150px}
.preview-banner{background:#100904;color:#d6c5ae;font-size:10px;padding:7px 20px;border-bottom:1px dashed #40372e}
/* Masked conic light is the actual rim, not a rotating button or label. */
.button,.quote-float,.header-cta,.om-sections .om-solid-link{position:relative;isolation:isolate;border:1px solid #a67837!important;border-radius:40px!important;background:linear-gradient(160deg,#4c3821 0%,#22160d 45%,#100c08 100%)!important;color:#fff0d8!important;box-shadow:inset 0 1px 1px #ffdfa58c,inset 0 -3px 4px #090604,0 4px 0 #0b0703,0 7px 18px #0003!important;transition:transform .4s var(--om-ease),box-shadow .4s!important;overflow:visible}
.button::before,.quote-float::before,.header-cta::before,.om-sections .om-solid-link::before{content:'';position:absolute;inset:-2px;border-radius:inherit;padding:2px;border:0;clip-path:none;pointer-events:none;background:conic-gradient(from var(--om-rim-angle),#5e3d16 0%,#ba8942 13%,#fff2c6 17%,#d8b361 22%,#654418 32%,#382510 52%,#b28237 67%,#ffeac1 71%,#765022 82%,#5e3d16);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:om-rim-orbit 5s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 3px #e8b95c88)}
.button:hover::before,.button:focus-visible::before,.header-cta:hover::before,.om-sections .om-solid-link:hover::before,.om-sections .om-solid-link:focus-visible::before,.quote-float::before,.om-opening-quote::before{animation-play-state:running}
.button:hover,.button:focus-visible,.om-sections .om-solid-link:hover,.quote-float:hover{transform:translateY(-3px);box-shadow:inset 0 1px 2px #fff0be,0 5px 0 #0b0703,0 9px 28px #aa792c40!important}
@keyframes om-rim-orbit{to{--om-rim-angle:360deg}}
.quote-float{position:fixed;top:auto;right:24px;bottom:24px;min-height:52px;padding:14px 23px;z-index:50;font-size:14px;font-weight:600;letter-spacing:.01em}
.om-opening{position:relative;isolation:isolate;background:#100904;color:#ffedd7;height:calc(100svh - var(--om-opening-top,30px));min-height:640px;overflow:hidden}
.om-opening-scene{position:absolute;inset:0;z-index:-2;margin:0;background:#21180f}
.om-opening-scene img,.om-opening-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;filter:none;transform:none}
.om-opening-film{opacity:0;transition:opacity .65s ease}.om-opening-film.is-playing{opacity:1}
.om-opening::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#10090480 0%,transparent 40%,transparent 48%,#100904cb 100%),linear-gradient(90deg,#10090440,transparent 52%)}
.om-opening-identity{position:absolute;left:5.2%;top:94px;display:flex;align-items:flex-end;gap:25px;color:#ffedd7;text-shadow:0 2px 30px #0003;animation:om-title-in .65s var(--om-ease) both}
.om-opening-monogram{font:500 clamp(120px,16vw,230px)/.72 Arial,Helvetica,sans-serif;letter-spacing:-.095em;padding-right:.075em}
.om-opening-company{font:500 clamp(20px,2vw,29px)/1.16 Arial,sans-serif;letter-spacing:.025em;padding-bottom:1px}
.om-opening-edge{position:absolute;right:24px;top:43%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.19em;text-shadow:0 1px 4px #000}
.om-opening-copy{position:absolute;bottom:85px;left:5.2%;max-width:490px}
.om-opening-eyebrow{font:500 9px/1.5 Arial,sans-serif;letter-spacing:.2em;color:#e9d7ba;margin:0 0 15px}
.om-opening h1{font:500 clamp(33px,3.7vw,54px)/.98 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:-.045em;margin:0 0 13px;color:#ffedd7;text-shadow:0 2px 20px #0005}
.om-opening-description{color:#e2d7c9;font-size:14px;margin:0 0 22px;line-height:1.5}
.om-opening-actions{display:flex;align-items:center;gap:25px}.om-opening-quote{min-height:52px;font-size:13px;padding:15px 21px;gap:25px}.om-opening-work{display:flex;align-items:center;gap:20px;min-height:48px;font-size:13px;color:#ffedd7;border-bottom:1px solid #ffedd750}.om-opening-work span{font-size:20px;transition:transform .4s}.om-opening-work:hover span{transform:translate(3px,-3px)}
.om-film-card{position:absolute;right:5.2%;bottom:88px;display:flex;align-items:center;gap:18px;background:#100904ad;border:1px solid #ffedd730;border-radius:4px;padding:10px 17px 10px 10px}
.om-film-card>a{position:relative;display:block;width:106px;height:72px;overflow:hidden}.om-film-card img{width:100%;height:100%;object-fit:cover}.om-film-card>a>span{position:absolute;right:7px;bottom:1px;font-size:22px;color:white;text-shadow:0 1px 5px black}.om-film-label{display:block;font-size:8px;letter-spacing:.13em;color:#e4cfaa;margin-bottom:7px}
.om-motion-toggle{display:flex;align-items:center;gap:20px;border:0;background:transparent;color:#ffedd7;min-height:44px;padding:6px 0;font-size:12px;cursor:pointer}.om-motion-toggle>span{font-size:17px;color:#dfc48c}.om-global-motion{position:fixed;left:15px;bottom:17px;background:#100904eb;border:1px solid #ab8b57;padding:10px 16px;border-radius:30px;z-index:49;box-shadow:0 3px 15px #0003}
.om-opening-bottom{position:absolute;bottom:24px;left:5.2%;right:5.2%;border-top:1px dashed #ffedd750;padding-top:16px;display:flex;justify-content:space-between;color:#e0d0bb;font-size:8px;letter-spacing:.13em}.om-opening-bottom a{display:flex;gap:18px;align-items:center}.om-opening-bottom a span{font-size:18px}
@keyframes om-title-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes om-section-in{from{opacity:.65;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
.om-revealing{animation:om-section-in .65s var(--om-ease) both}
.site-footer{background:linear-gradient(120deg,#282016,#100904);color:#ffedd7;padding:75px 0 80px}.site-footer .brand-mark,.site-footer .brand-name{color:#ffedd7}.site-footer p,.footer-bottom{color:#cbbba3}.footer-bottom{border-color:#57452e}
main{animation:none}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=off]::view-transition-old(root),html[data-motion=off]::view-transition-new(root){animation:none!important}
@media(max-width:950px){.header-inner{min-height:70px}.site-header .site-nav,.site-header .site-nav.open{background:#100904f5;color:#ffedd7;padding:15px 6%}.site-header .site-nav a{padding:13px 0}.om-opening-identity{top:95px}.om-opening-company{font-size:22px}.om-film-card{right:5.2%;bottom:85px;display:block}.om-film-card>a{width:120px;height:74px;margin-bottom:7px}.om-film-card .om-motion-toggle{min-height:36px}.om-film-label{font-size:7px}.om-opening-copy{max-width:430px}}
@media(max-width:760px){body:has(.om-opening) .site-header .brand{width:auto}.header-inner{min-height:65px}.om-opening{min-height:720px;height:calc(100svh - var(--om-opening-top,40px))}.om-opening-scene img,.om-opening-film{object-position:55% center}.om-opening::after{background:linear-gradient(180deg,#10090488,transparent 36%,transparent 45%,#100904d9 83%,#100904f0)}.om-opening-identity{top:91px;left:6%;right:6%;align-items:flex-end;gap:18px}.om-opening-monogram{font-size:112px}.om-opening-company{font-size:20px;line-height:1.2;letter-spacing:0}.om-opening-edge{right:10px;top:37%;font-size:7px}.om-opening-copy{left:6%;right:6%;bottom:129px;max-width:none}.om-opening h1{font-size:35px;line-height:1.02;margin-bottom:12px}.om-opening-eyebrow{font-size:8px;margin-bottom:12px}.om-opening-description{font-size:12px;margin-bottom:18px}.om-opening-actions{gap:19px}.om-opening-quote{padding:14px 17px;gap:15px;font-size:12px}.om-opening-work{font-size:12px;gap:10px}.om-film-card{left:6%;right:6%;bottom:61px;display:flex;justify-content:space-between;padding:0;border:0;background:none;gap:14px}.om-film-card>a{width:62px;height:45px;margin:0}.om-film-card>div{display:flex;align-items:center;justify-content:space-between;gap:13px;flex:1}.om-film-label{max-width:95px;font-size:7px;margin:0;line-height:1.5}.om-film-card .om-motion-toggle{font-size:11px;gap:9px;min-height:44px}.om-opening-bottom{left:6%;right:6%;bottom:17px;padding-top:9px;font-size:6px;letter-spacing:.07em}.om-opening-bottom a{gap:6px}.om-opening-bottom a span{font-size:16px}.quote-float{right:14px;bottom:14px;min-height:49px;font-size:12px;padding:13px 17px}.om-global-motion{font-size:10px;left:10px;bottom:15px;padding:9px 12px;gap:10px}.preview-banner{font-size:9px;padding:7px 6%;line-height:1.4}}
@media(max-width:370px){.om-opening-monogram{font-size:96px}.om-opening-company{font-size:18px}.om-opening h1{font-size:31px}.om-opening-actions{gap:12px}.om-opening-quote{padding-inline:14px}.om-film-label{max-width:75px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.om-opening-film{display:none}.button:hover,.quote-float:hover{transform:none}}
/* Leave the persistent quote clear of peripheral discovery controls. */
.om-opening-bottom>a{margin-right:175px}
@media(max-width:760px){.om-opening-bottom>a{display:none}.om-opening-edge{top:35%;max-height:160px;font-size:6px}}
/* An explicit visitor choice may enable the film; OS defaults remain still. */
@media(prefers-reduced-motion:reduce){html[data-motion=on] .om-opening-film{display:block}}
/* Real 1600px project studies retain stone detail. A clean wipe replaces ghosted dissolves. */
.om-opening-scene .om-study-wide{object-position:50% 58%;animation:om-study-camera 18s ease-in-out infinite alternate;transform-origin:50% 58%}
.om-opening-scene .om-study-detail{object-position:50% 54%;clip-path:inset(0 100% 0 0);animation:om-study-wipe 18s cubic-bezier(.65,0,.35,1) infinite}
@keyframes om-study-camera{from{transform:scale(1.015) translateX(-.4%)}to{transform:scale(1.035) translateX(.4%)}}
@keyframes om-study-wipe{0%,46%{clip-path:inset(0 100% 0 0)}49.5%,94%{clip-path:inset(0 0 0 0)}97.5%,100%{clip-path:inset(0 100% 0 0)}}
html:not([data-motion=on]) .om-study-detail{display:none}
html:not([data-motion=on]) .om-study-wide{animation:none;transform:none}
.om-opening::after{background:linear-gradient(180deg,#10090488 0%,transparent 43%,transparent 48%,#100904db 100%),linear-gradient(90deg,#10090448,transparent 55%)}
.om-film-label a{display:inline-flex;align-items:center;min-height:25px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.om-opening-scene .om-study-wide{object-position:45% center}.om-opening-scene .om-study-detail{object-position:50% center}.om-opening::after{background:linear-gradient(180deg,#100904aa,transparent 36%,transparent 43%,#100904e6 85%,#100904f0)}.om-film-label{max-width:105px}}
@media(prefers-reduced-motion:reduce){.om-opening-scene .om-study-detail{display:none!important}.om-opening-scene .om-study-wide{transform:none!important}}
/* Keep the full name legible over both photographs without veiling the stone. */
.om-opening-company{background:#100904b8;padding:9px 12px;border-radius:6px;text-shadow:none}
@media(max-width:760px){.om-opening-company{padding:8px 9px;font-size:19px}}
@media(max-width:370px){.om-opening-company{font-size:17px;padding:7px}}
html[data-motion=off]{scroll-behavior:auto!important}