/* ORSEVIA master-mark approximation: one continuous visual language, two asymmetric facets. */
.wordmark .mark{position:relative;display:inline-block;width:27px;height:37px;background:none;clip-path:none;flex:0 0 27px}
.wordmark .mark i,.wordmark .mark b{position:absolute;display:block;background:linear-gradient(110deg,#f2d69d 0%,#c29550 45%,#6d401e 100%);box-shadow:inset 1px 0 rgba(255,241,206,.5)}
.wordmark .mark i{left:0;top:0;width:17px;height:37px;clip-path:polygon(2% 0,100% 11%,67% 100%,0 100%)}
.wordmark .mark b{right:0;bottom:0;width:11px;height:21px;clip-path:polygon(100% 0,100% 100%,0 100%)}
footer .wordmark .mark{transform:scale(.82);transform-origin:left center;margin-right:-4px}

/* Approved UI treatment: flat Aurea Gold master mark, as shown in the brand-system board. */
.wordmark .mark{width:29px;height:40px;flex-basis:29px}
.wordmark .mark i,.wordmark .mark b{background:#c2a15a;box-shadow:none}
.wordmark .mark i{left:2px;top:0;width:17px;height:40px;clip-path:polygon(0 0,100% 12%,63% 100%,0 94%)}
.wordmark .mark b{right:1px;bottom:0;width:12px;height:22px;clip-path:polygon(88% 0,100% 100%,0 100%)}

/* Final navigation asset treatment: show the selected permanent mark. */
.wordmark .mark{width:29px;height:40px;flex-basis:29px;overflow:hidden}
.wordmark .mark i,.wordmark .mark b{display:none}
.wordmark .mark img{display:block;width:54px;height:72px;object-fit:cover;transform:translate(-13px,-16px);mix-blend-mode:screen}

/* Permanent master logo: the flat Aurea Gold mark selected from the brand-system board. */
.wordmark .mark{width:29px;height:40px;flex-basis:29px;overflow:hidden}
.wordmark .mark i,.wordmark .mark b{display:none}
.wordmark .mark img{display:block;width:54px;height:72px;object-fit:cover;transform:translate(-13px,-16px);mix-blend-mode:screen}

/* Hero tagline is secondary to the ORSEVIA wordmark. */
.hero h1{font-size:clamp(34px,3.5vw,58px)}
@media(max-width:800px){.hero h1{font-size:clamp(37px,10vw,52px)}}

/* Exact approved mark extracted from the supplied brand-system board. */
.wordmark .mark{width:29px;height:40px;flex-basis:29px;overflow:hidden}
.wordmark .mark img{display:block;width:54px;height:72px;object-fit:cover;transform:translate(-13px,-16px);mix-blend-mode:screen}

/* The homepage manifesto is one editorial line, never split into two type roles. */
.hero h1{max-width:680px;white-space:nowrap;font-size:clamp(42px,4.5vw,74px)}
.hero h1 em{font-family:Newsreader,serif;font-style:italic;font-weight:400;letter-spacing:-.035em}
@media(max-width:800px){.hero h1{white-space:normal;font-size:clamp(44px,12vw,60px)}}

/* Exact supplied logo asset: preserve its original proportions. */
.wordmark .mark{width:19px;height:36px;flex-basis:19px;overflow:visible}
.wordmark .mark img{width:19px;height:36px;object-fit:contain;transform:none;mix-blend-mode:screen}

/* Supplied Resonance Chamber artwork replaces the temporary CSS scene. */
.hero-art{inset:0;width:100%;height:100%;min-height:0;z-index:0}
.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-notation{z-index:2}
@media(max-width:800px){.hero-art{inset:auto 0 0;width:100%;height:62%}.hero-art img{object-position:70% center}}

/* Navigation lock-up: approved flat two-facet mark before the wordmark. */
.wordmark .mark{position:relative;display:inline-block;width:29px;height:40px;flex:0 0 29px;overflow:visible}
.wordmark .mark img{display:none}
.wordmark .mark i,.wordmark .mark b{position:absolute;display:block;background:#c2a15a;box-shadow:none}
.wordmark .mark i{left:2px;top:0;width:17px;height:40px;clip-path:polygon(0 0,100% 12%,63% 100%,0 94%)}
.wordmark .mark b{right:1px;bottom:0;width:12px;height:22px;clip-path:polygon(88% 0,100% 100%,0 100%)}