body.elyxium-case-page{background:#171713}
body.elyxium-case-page .site-header{height:100px;padding-top:24px;padding-bottom:24px;align-items:center;background:#171713}
body.elyxium-case-page .site-header .logo{width:110px;min-width:0}
.elx-case{--elx-cream:#f5f2eb;--elx-ink:#2a2620;--elx-gold:#bc9a5c;--elx-muted:#aaa79f;--elx-gutter:clamp(22px,6vw,110px);background:#171713;color:var(--elx-cream);font:17px/1.55 'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.elx-case *{box-sizing:border-box}
.elx-case :is(h1,h2,h3,p,figure,ul){margin:0}
.elx-case :is(h1,h2,h3){font-weight:400;line-height:1.04;letter-spacing:-.052em}
.elx-case img{display:block;max-width:100%;height:auto}
.elx-case a{color:inherit;text-decoration:none}
.elx-case a:focus-visible{outline:2px solid var(--elx-gold);outline-offset:7px}
.elx-wrap{width:calc(100% - var(--elx-gutter)*2);max-width:1500px;margin-inline:auto}
.elx-light{background:var(--elx-cream);color:var(--elx-ink);--elx-muted:#6d665d}
.elx-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.elx-section{padding:96px 0}
.elx-hero{padding-top:20px}
.elx-hero>figure>img{width:100%;aspect-ratio:2000/1116;object-fit:cover}
.elx-hero figcaption{display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--elx-muted);padding:18px 0}
.elx-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:58px 0 100px}
.elx-back{font-size:12px;color:var(--elx-muted)!important;display:inline-block;margin-bottom:25px}
.elx-intro h1{font-size:clamp(58px,7.7vw,110px);letter-spacing:-.065em}
.elx-intro-copy{padding-top:46px}
.elx-intro-copy h2{font-size:clamp(25px,2.7vw,40px);line-height:1.18;letter-spacing:-.035em;margin-bottom:25px}
.elx-intro-copy>p{color:var(--elx-muted);max-width:44ch}
.elx-tags{padding:28px 0!important;list-style:none;display:flex;flex-wrap:wrap;column-gap:22px;row-gap:8px;font-size:11px;color:#d1c9bb}
.elx-link{display:inline-flex;align-items:center;gap:28px;padding:10px 0;font-size:12px;border-bottom:1px solid currentColor;line-height:1.4;min-height:44px}
.elx-link svg{width:17px;height:17px;transition:transform .2s}
.elx-link:hover svg{transform:translate(2px,-2px)}
.elx-heading{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start;margin-bottom:56px}
.elx-heading .elx-label{margin-bottom:23px}
.elx-heading h2{font-size:clamp(36px,4.1vw,62px)}
.elx-heading>p,.elx-heading>div>p:not(.elx-label){max-width:48ch;color:var(--elx-muted);font-size:clamp(16px,1.3vw,19px);line-height:1.65}
.elx-heading>p,.elx-heading>div:nth-child(2){padding-top:34px}
.elx-heading>div>.elx-link{margin-top:22px}
.elx-identity-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.elx-identity-pair figure{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.28;padding:60px 35px 80px;min-width:0}
.elx-mark-panel{background:#ece6da}
.elx-mark-panel>img{width:36%;height:auto;max-height:250px}
.elx-logo-panel{background:#2a2620;color:#f5f2eb}
.elx-logo-panel>img{width:76%}
.elx-identity-pair figcaption{position:absolute;left:28px;bottom:25px;font-size:11px}
.elx-type-palette{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.elx-type{position:relative;min-height:270px;padding:30px;display:grid;grid-template-columns:1fr 1fr;align-items:end;border:1px solid #2a26201f}
.elx-type .elx-label{position:absolute;top:24px;left:30px}
.elx-type-display{font-size:clamp(86px,11vw,170px);font-weight:300;letter-spacing:-.07em;line-height:.9}
.elx-type p{font-size:13px;padding-bottom:5px;padding-left:12px}
.elx-palette{display:grid;grid-template-columns:1.5fr 1fr .8fr .7fr;border:1px solid #2a262010}
.elx-palette>div{background:var(--swatch);padding:22px 16px;display:flex;flex-direction:column;justify-content:end;gap:6px;font-size:11px}
.elx-palette small{font-size:9px;opacity:.8;letter-spacing:.02em}
.elx-ink-swatch{color:#f5f2eb}
.elx-language{padding-top:10px}
.elx-book-table{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:24px}
.elx-spread{min-width:0}
.elx-spread img{width:100%;border:1px solid #2a262015}
.elx-spread figcaption{font-size:11px;color:var(--elx-muted);padding-top:16px}
.elx-applications{padding-top:96px}
.elx-full-image{position:relative}
.elx-full-image>img{width:100%;aspect-ratio:2000/1116;object-fit:cover}
.elx-full-image figcaption{position:absolute;bottom:28px;left:var(--elx-gutter);font-size:11px;color:#40372d}
.elx-application-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px 18px 0;background:var(--elx-cream)}
.elx-application-pair figure{min-width:0}
.elx-application-pair img{width:100%;aspect-ratio:2000/1342;object-fit:cover}
.elx-application-pair figcaption{padding:15px 7px 26px;font-size:11px;color:var(--elx-muted)}
.elx-editorial{display:grid;grid-template-columns:1fr 1fr;min-height:600px;margin-top:25px}
.elx-booklet>img{width:100%;height:100%;max-height:850px;object-fit:cover;object-position:center}
.elx-editorial-note{display:flex;flex-direction:column;justify-content:center;padding:12%;background:#e9e1d3}
.elx-editorial-note>img{width:62px;margin-bottom:65px}
.elx-editorial-note>p{font-size:clamp(40px,5vw,76px);font-weight:300;letter-spacing:-.045em;line-height:1.08}
.elx-editorial-note>span{font-size:11px;color:#686054;margin-top:70px}
.elx-digital{padding-bottom:80px}
.elx-web-preview{scroll-margin-top:86px}
.elx-case .elx-web-shell{position:relative;inset:auto;width:100%;height:auto;max-width:none;max-height:none;margin:0;padding:0;border:1px solid #ffffff28;background:#f5f2eb;color:#2a2620;box-shadow:none;overflow:hidden}
.elx-case .elx-web-shell[open]{display:flex;flex-direction:column}
.elx-web-toolbar,.elx-web-footer{display:flex;align-items:center;gap:24px;padding:12px 22px;min-height:60px;font-size:12px;background:#24231e;color:#f5f2eb}
.elx-web-toolbar>span:first-child{font-size:14px;letter-spacing:.06em}
.elx-web-pages{display:flex;align-items:center;gap:22px;margin-left:auto;margin-right:25px}
.elx-case .elx-web-pages button{padding:9px 0;color:#aaa79f;border-bottom:1px solid transparent}
.elx-case .elx-web-pages button[aria-pressed="true"]{color:#f5f2eb;border-bottom-color:#bc9a5c}
.elx-case .elx-web-shell button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:38px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:6px 0 6px 10px}
.elx-case .elx-web-shell button:focus-visible{outline:2px solid #bc9a5c;outline-offset:3px}
.elx-web-toolbar button svg{width:16px;height:16px}
.elx-web-frame{display:block;width:100%;height:clamp(540px,56vw,780px);border:0;background:#f5f2eb}
.elx-web-footer{min-height:52px;padding-block:7px;justify-content:space-between;font-size:11px;color:#bcb7ac}
.elx-case .elx-web-shell.is-expanded{position:fixed;inset:16px;width:calc(100% - 32px);height:calc(100dvh - 32px);max-height:none;border-color:#6b6255}
.elx-web-shell.is-expanded .elx-web-frame{height:auto;flex:1;min-height:0}
.elx-web-shell.is-expanded .elx-web-toolbar,.elx-web-shell.is-expanded .elx-web-footer{flex-shrink:0}
.elx-web-shell::backdrop{background:#000b;backdrop-filter:blur(6px)}
.elx-environment{padding:60px var(--elx-gutter)}
.elx-environment figure{max-width:1500px;margin:auto}
.elx-environment img{width:100%;max-height:780px;object-fit:cover;object-position:center}
.elx-environment figcaption{display:flex;justify-content:space-between;gap:24px;font-size:12px;padding-top:23px}
.elx-case .bbr{background:#171713}
.elx-case .bbr-shell{background:#24231e}
.elx-case .bbr-stage{aspect-ratio:8/5}
.elx-case .bbr-index img{aspect-ratio:8/5}
.elx-case .bbr-shell.is-expanded{background:#171713}
.elx-case .bbr-shell.is-expanded .bbr-stage{width:min(100%,calc((100dvh - 168px)*8/5))}
.elx-close{padding-top:40px;padding-bottom:100px}
.elx-close>.elx-label{color:var(--elx-muted);margin-bottom:26px}
.elx-close h2{font-size:clamp(44px,6.8vw,100px);margin-bottom:50px}
.elx-close>div{display:flex;justify-content:space-between;gap:26px}
@media(min-width:1800px){.elx-editorial{max-height:900px}}
@media(max-width:760px){
 body.elyxium-case-page .site-header{height:80px;padding-block:18px}
 body.elyxium-case-page .site-header .logo{width:100px}
 .elx-case{font-size:16px}
 .elx-hero{padding-top:10px}
 .elx-hero figcaption{font-size:10px;gap:12px}
 .elx-hero figcaption span:last-child{text-align:right}
 .elx-intro{grid-template-columns:1fr;gap:22px;padding:32px 0 60px}
 .elx-intro h1{font-size:64px}
 .elx-intro-copy{padding-top:0}
 .elx-intro-copy h2{font-size:29px}
 .elx-back{margin-bottom:22px}
 .elx-tags{padding-block:22px!important;font-size:10px}
 .elx-section{padding-block:60px}
 .elx-heading{grid-template-columns:1fr;gap:22px;margin-bottom:35px}
 .elx-heading h2{font-size:37px}
 .elx-heading>p,.elx-heading>div:nth-child(2){padding-top:0}
 .elx-heading .elx-label{margin-bottom:18px}
 .elx-identity-pair{grid-template-columns:1fr;gap:12px}
 .elx-identity-pair figure{aspect-ratio:1.38;padding:40px 30px 60px}
 .elx-identity-pair figcaption{left:22px;bottom:20px;font-size:10px}
 .elx-type-palette{grid-template-columns:1fr;gap:12px;margin-top:12px}
 .elx-type{min-height:220px;padding:28px}
 .elx-type-display{font-size:130px}
 .elx-type p{font-size:12px}
 .elx-palette{min-height:170px}
 .elx-palette>div{padding:16px 12px}
 .elx-book-table{grid-template-columns:1fr;gap:28px;padding-bottom:0}
 .elx-spread figcaption{font-size:10px;padding-top:12px}
 .elx-applications{padding-top:60px}
 .elx-full-image figcaption{bottom:16px;font-size:9px}
 .elx-application-pair{grid-template-columns:1fr;gap:0;padding:12px 12px 0}
 .elx-application-pair figcaption{font-size:10px;padding-bottom:22px}
 .elx-editorial{grid-template-columns:1fr;margin-top:12px;min-height:0}
 .elx-booklet>img{height:auto;max-height:none;aspect-ratio:1/1.12;object-fit:cover;object-position:center 44%}
 .elx-editorial-note{padding:40px 28px 42px}
 .elx-editorial-note>img{width:46px;margin-bottom:36px}
 .elx-editorial-note>p{font-size:48px}
 .elx-editorial-note>span{margin-top:36px}
 .elx-web-preview{scroll-margin-top:70px}
 .elx-web-toolbar,.elx-web-footer{padding-inline:12px;gap:12px}
 .elx-web-toolbar{min-height:54px}
 .elx-web-toolbar>span:first-child{font-size:12px}
 .elx-web-toolbar{flex-wrap:wrap;row-gap:0}
 .elx-web-toolbar>button{margin-left:auto}
 .elx-web-pages{order:3;width:100%;margin:0;gap:25px;padding-bottom:4px}
 .elx-case .elx-web-pages button{font-size:11px!important}
 .elx-web-toolbar button{font-size:10px!important;gap:7px!important}
 .elx-web-footer{font-size:10px;min-height:48px}
 .elx-web-footer>span{max-width:15ch}
 .elx-web-frame{height:640px;max-height:80svh;min-height:460px}
 .elx-case .elx-web-shell.is-expanded{inset:0;width:100%;height:100dvh;border:0}
 .elx-web-shell.is-expanded .elx-web-frame{max-height:none;min-height:0}
 .elx-environment{padding:25px 22px 30px}
 .elx-environment figcaption{font-size:10px;display:block;padding-top:14px}
 .elx-environment figcaption span{display:block}
 .elx-environment figcaption span+span{margin-top:5px;color:#6d665d}
 .elx-close{padding-top:10px;padding-bottom:60px}
 .elx-close h2{font-size:44px}
 .elx-close .elx-link{font-size:11px;gap:13px}
 .elx-case .bbr-shell.is-expanded .bbr-stage{width:100%}
}
@media(prefers-reduced-motion:reduce){.elx-case *{scroll-behavior:auto!important;transition:none!important}}