.services{--example-dark:#0f3a2d;--example-paper:#f4efe4;--example-accent:#c6a667;position:relative;isolation:isolate;background:var(--sand);color:var(--green);min-height:100svh;padding:96px var(--gutter) 30px;display:flex;align-items:center;outline:none;overflow:clip;border-top:1px solid var(--gold)}
.services[data-style="elfenbein"]{--example-dark:#ebe2d0;--example-paper:#fcfaf4;--example-accent:#a3804a}.services[data-style="bordeaux"]{--example-dark:#4c1322;--example-paper:#f7eee8;--example-accent:#d6ad8b}.services[data-style="mitternacht"]{--example-dark:#0f1a2b;--example-paper:#efeeea;--example-accent:#c3c8cf}
.services-inner{width:100%;max-width:1440px;margin:auto}.brand-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.brand-eyebrow{font:500 10px/1.5 Archivo,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--dark-gold);margin:0 0 15px}.services h2{font:350 clamp(43px,4.55vw,72px)/1.05 'Luxus Serif',Georgia,serif;letter-spacing:-.055em;margin:0}
/* Farbwelt: emaillierte Plaketten mit Metallring, dazu der Name der Paarung. */
.brand-palette{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.brand-palette-label{display:flex;align-items:baseline;gap:12px;margin:0 12px 0 0;font:500 9px/1.4 Archivo,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--dark-gold)}
.brand-style-note{font:italic 400 14px/1 'Luxus Serif',Georgia,serif;letter-spacing:0;text-transform:none;color:var(--green)}
.brand-styles{display:flex;gap:2px}
.brand-styles button{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 12px 6px 6px;border:0;background:none;color:#7d6f54;font:400 12px/1 Archivo,sans-serif;letter-spacing:.01em;cursor:pointer;transition:color 220ms}
.brand-styles button[aria-pressed="true"]{color:var(--green)}
.brand-styles i{position:relative;flex:none;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffff45,#fff0 48%),radial-gradient(circle closest-side,var(--chip) 0 60%,var(--rim) 63% 71%,var(--chip) 74%);box-shadow:0 3px 7px -3px #1e170d80,inset 0 0 0 .5px #00000030}
.brand-styles i:after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--dark-gold);opacity:0;transform:scale(.8);transition:opacity 260ms,transform 260ms cubic-bezier(.2,.7,.2,1)}
.brand-styles button[aria-pressed="true"] i:after{opacity:1;transform:none}
.brand-styles [data-style="smaragd"]{--chip:#0f3a2d;--rim:#c6a667}.brand-styles [data-style="elfenbein"]{--chip:#ebe2d0;--rim:#a3804a}.brand-styles [data-style="bordeaux"]{--chip:#4c1322;--rim:#d6ad8b}.brand-styles [data-style="mitternacht"]{--chip:#0f1a2b;--rim:#c3c8cf}
.brand-showcase{position:relative;margin:12px 0 0}.brand-scene{position:relative;width:100%;height:clamp(300px,calc(100svh - 364px),450px)}.brand-scene>canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 500ms;pointer-events:none}.brand-scene[data-ready="true"]>canvas{opacity:1}.brand-scene[data-ready="true"] .brand-fallback{visibility:hidden}
/* Klickflächen liegen genau auf den Objekten. brand-world.js misst sie aus der Szene. */
.brand-object-controls{position:absolute;inset:0;z-index:2;pointer-events:none}
.brand-object{--label:58px;position:absolute;pointer-events:auto;display:block;margin:0;padding:0;border:0;background:transparent;color:var(--green);cursor:pointer;-webkit-tap-highlight-color:transparent}
.object-web{left:2%;top:4%;width:44%;height:96%}.object-guide{left:47%;top:0;width:19%;height:100%}.object-presentation{left:68%;top:14%;width:26%;height:86%}
/* Vitrinen-Ecken: zeigen beim Zeigen und beim Tastaturfokus, welches Objekt sich öffnen lässt. */
.brand-object:before{--c:#a8925f;--l:22px;content:'';position:absolute;left:-16px;right:-16px;top:-16px;bottom:calc(var(--label) - 16px);opacity:0;transform:scale(1.03);transition:opacity 320ms,transform 520ms cubic-bezier(.2,.7,.2,1);pointer-events:none;
 background:linear-gradient(var(--c),var(--c)) 0 0/var(--l) 1px,linear-gradient(var(--c),var(--c)) 0 0/1px var(--l),linear-gradient(var(--c),var(--c)) 100% 0/var(--l) 1px,linear-gradient(var(--c),var(--c)) 100% 0/1px var(--l),linear-gradient(var(--c),var(--c)) 0 100%/var(--l) 1px,linear-gradient(var(--c),var(--c)) 0 100%/1px var(--l),linear-gradient(var(--c),var(--c)) 100% 100%/var(--l) 1px,linear-gradient(var(--c),var(--c)) 100% 100%/1px var(--l);background-repeat:no-repeat}
.brand-object>span{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;gap:14px;min-height:44px;font:400 13px/1.4 Archivo,sans-serif;letter-spacing:.01em;white-space:nowrap}
.brand-object>span:after{content:'';position:absolute;left:0;right:0;bottom:9px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 420ms cubic-bezier(.2,.7,.2,1)}
.brand-object i{font-size:20px;font-style:normal;color:var(--dark-gold);transition:transform 260ms}
.brand-object:focus-visible{outline:none}.brand-object:focus-visible:before{opacity:1;transform:none}.brand-object:focus-visible>span:after{transform:none}
.quill-anchor{position:absolute;right:3%;top:84%;width:1px;height:1px;pointer-events:none}
/* Die zwölf Bausteine als eigene Karte: wofür, was drin ist, was Sie davon haben. */
.brand-understanding{display:flex;justify-content:center;margin-top:14px}
.brand-detail-trigger{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 26px;width:min(100%,920px);padding:11px 11px 11px 28px;border:1px solid #b6a27a99;background:#f3ecdf;color:var(--green);text-align:left;cursor:pointer;box-shadow:0 18px 38px -30px #3a2c14;transition:border-color 300ms,background-color 300ms,box-shadow 400ms,transform 400ms cubic-bezier(.2,.7,.2,1)}
.trigger-number{font:300 54px/.9 'Luxus Serif',Georgia,serif;letter-spacing:-.05em;color:var(--dark-gold);padding:4px 26px 4px 0;border-right:1px solid #b6a27a70}
.trigger-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.trigger-title{font:400 22px/1.15 'Luxus Serif',Georgia,serif;letter-spacing:-.02em}
.trigger-text{font:400 12px/1.5 Archivo,sans-serif;color:#655c4b}
.trigger-action{display:flex;align-items:center;gap:16px;min-height:54px;padding:0 20px 0 24px;background:var(--green);color:var(--cream);font:500 11px/1 Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:background-color 300ms}
.trigger-action i{font-size:19px;font-style:normal;color:var(--gold);transition:transform 260ms}
.services button:focus-visible,.services a:focus-visible{outline:2px solid var(--green);outline-offset:5px}
/* In der Detailansicht liegt der Fokusrahmen innen, damit ihn kein Rand abschneidet (Feedback 28.9.). */
.brand-viewer :is(.viewer-chapters button,.viewer-pagination button,.viewer-close):focus-visible{outline:1px solid var(--gold);outline-offset:-5px}
.brand-fallback{position:absolute;inset:8% 5% 12%;display:grid;grid-template-columns:1.7fr 1fr 1.3fr;gap:26px;align-items:center}.brand-fallback>div{position:relative;overflow:hidden;height:86%;background:var(--example-dark);color:var(--example-paper);padding:18px}.brand-fallback span{font:500 8px Archivo,sans-serif;letter-spacing:.1em}.brand-fallback h3,.brand-fallback p{font:400 28px/1 'Luxus Serif',Georgia,serif;margin:20px 0}.fallback-web img{position:absolute;right:0;top:0;width:48%;height:100%;object-fit:cover}.fallback-web h3,.fallback-web>span{position:relative;z-index:1;max-width:50%}.brand-fallback .fallback-guide{height:100%;padding:20px;background:var(--example-paper);color:var(--green)}.fallback-guide b{display:block;font:300 70px/1.2 'Luxus Serif',Georgia,serif}.fallback-slide img{position:absolute;right:0;bottom:0;width:45%;height:65%;object-fit:cover}.fallback-slide p{position:relative;z-index:1}.services[data-style="elfenbein"] .fallback-web,.services[data-style="elfenbein"] .fallback-slide{color:#3b352b}
@media(hover:hover) and (pointer:fine){.brand-styles button:hover{color:var(--green)}.brand-object:hover:before{opacity:.85;transform:none}.brand-object:hover>span:after{transform:none}.brand-object:hover i{transform:translate(3px,-3px)}.brand-detail-trigger:hover{border-color:var(--gold);background:#f7f1e7;box-shadow:0 26px 44px -30px #3a2c14;transform:translateY(-2px)}.brand-detail-trigger:hover .trigger-action{background:#16241c}.brand-detail-trigger:hover .trigger-action i{transform:translate(3px,-3px)}}
@media(max-width:700px){
 .services{padding:96px 22px 30px}.brand-heading{display:block}.brand-eyebrow{font-size:9px;margin-bottom:12px}.services h2{font-size:clamp(42px,12vw,60px);max-width:8.4em}
 .brand-palette{align-items:stretch;margin-top:22px}.brand-palette-label{margin:0 0 2px;justify-content:space-between}.brand-styles{justify-content:space-between;gap:0;margin:0 -6px;flex-wrap:nowrap}.brand-styles button{font-size:11px;padding:6px;gap:8px}.brand-styles i{width:22px;height:22px}
 .brand-showcase{margin:10px -8px 0}.brand-scene{height:min(118vw,470px)}.brand-object{--label:44px}.brand-object:before{--l:16px;left:-8px;right:-8px;top:-8px;bottom:calc(var(--label) - 8px)}.brand-object>span{font-size:11px;gap:8px;min-height:38px}.brand-object i{font-size:17px}
 .object-web{left:8%;top:0;width:78%;height:47%}.object-guide{left:4%;top:52%;width:36%;height:48%}.object-presentation{left:46%;top:58%;width:50%;height:42%}.quill-anchor{right:5%;top:40%}
 .brand-understanding{margin-top:18px}.brand-detail-trigger{grid-template-columns:auto minmax(0,1fr);gap:14px 16px;padding:16px}.trigger-number{font-size:46px;padding-right:16px}.trigger-title{font-size:19px}.trigger-text{font-size:11px}.trigger-action{grid-column:1/-1;justify-content:space-between;min-height:48px}
 .brand-fallback{inset:6% 4% 9%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:30px 12px}.brand-fallback .fallback-web{grid-column:1/-1;height:100%;padding:12px}.brand-fallback .fallback-guide,.brand-fallback .fallback-slide{height:100%;padding:12px}.brand-fallback span{font-size:6px}.brand-fallback h3,.brand-fallback p{font-size:22px;margin:12px 0}.fallback-guide b{font-size:36px}.fallback-guide p{display:none}
}
/* Detailansicht: eine Bühne über der Seite. Erst fliegt das Objekt nach vorn, dann erscheinen Schleier, Karte und Inhalte. */
.brand-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--green);overflow:hidden;outline:none}
.brand-viewer[open]{display:grid;place-items:center}.brand-viewer::backdrop{background:transparent}
.viewer-veil{position:absolute;inset:0;background:#ebe2d3f7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity 760ms cubic-bezier(.3,.6,.2,1)}
.brand-viewer:is([data-phase="enter"],[data-phase="open"]) .viewer-veil{opacity:1}.brand-viewer[data-phase="leave"] .viewer-veil{transition-duration:700ms;transition-delay:480ms}
/* Showroom über die ganze Breite, auch auf großen MacBooks (Ilja 29.9.): kein Deckel bei 1420 px, Bühne wächst mit der Höhe. */
/* Blättern direkt unter dem Buch (Ilja 29.9.): Pfeile und Buch immer zusammen sichtbar, auch im kurzen MacBook-Fenster. */
.viewer-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 255px;grid-template-rows:auto minmax(0,1fr) auto;column-gap:28px;width:calc(100vw - 32px);max-height:calc(100svh - 24px);overflow:visible;overscroll-behavior:contain;padding:24px 30px 18px;background:transparent;border:1px solid #b6a27a00;transition:border-color 700ms;scrollbar-color:var(--gold) var(--sand)}
.brand-viewer[data-phase="open"] .viewer-shell{border-color:#b6a27a70;overflow:auto}.brand-viewer[data-phase="leave"] .viewer-shell{transition-duration:300ms}
.viewer-heading,.viewer-chapters,.viewer-reading,.viewer-footer,.viewer-signature{opacity:0;transform:translateY(10px);transition:opacity 520ms,transform 700ms cubic-bezier(.2,.7,.2,1)}
.brand-viewer[data-phase="open"] :is(.viewer-heading,.viewer-chapters,.viewer-reading,.viewer-footer,.viewer-signature){opacity:1;transform:none}
.brand-viewer[data-phase="open"] .viewer-chapters{transition-delay:90ms}.brand-viewer[data-phase="open"] .viewer-reading{transition-delay:170ms}.brand-viewer[data-phase="open"] .viewer-footer{transition-delay:250ms}.brand-viewer[data-phase="open"] .viewer-signature{transition-delay:380ms}
.brand-viewer[data-phase="leave"] :is(.viewer-heading,.viewer-chapters,.viewer-reading,.viewer-footer,.viewer-signature){transition-duration:220ms;transition-delay:0ms}
.viewer-heading{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:calc(19px * var(--dichte,1) * var(--dichte,1))}
.viewer-label{font:400 10px/1.4 Archivo,sans-serif;letter-spacing:.06em;color:var(--dark-gold);margin:0 0 7px}.services .viewer-heading h2{font:350 clamp(30px,2.7vw,40px)/1.1 'Luxus Serif',Georgia,serif;letter-spacing:-.04em;margin:0}
.viewer-close{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #72613e55;border-radius:50%;background:transparent;color:var(--green);cursor:pointer;transition:background-color 180ms}.viewer-close span{font:200 28px/1 Archivo,sans-serif}
.viewer-body{display:contents}
.viewer-stage{grid-area:2/1;position:relative;height:min(64svh,860px);min-height:410px;min-width:0;touch-action:pan-y;isolation:isolate;cursor:grab}.viewer-stage:active{cursor:grabbing}
.viewer-stage>canvas{display:block;width:100%;height:100%;opacity:0}.brand-viewer:is([data-phase="arrive"],[data-phase="enter"],[data-phase="open"],[data-phase="leave"]) .viewer-stage>canvas{opacity:1}
.viewer-aside{grid-area:2/2/4;contain:size;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:calc(26px * var(--dichte,1) * var(--dichte,1));padding:calc(8px * var(--dichte,1) * var(--dichte,1)) 0 calc(12px * var(--dichte,1) * var(--dichte,1)) 24px;border-left:1px solid #72613e00;justify-content:space-between;transition:border-color 600ms 120ms}.brand-viewer[data-phase="open"] .viewer-aside{border-left-color:#72613e33}
.viewer-chapters{display:flex;flex-direction:column;gap:0;margin:0;align-items:stretch}.viewer-chapters button{position:relative;display:block;min-height:calc(38px * var(--dichte,1));text-align:left;padding:calc(8px * var(--dichte,1) * var(--dichte,1)) 0 calc(8px * var(--dichte,1) * var(--dichte,1)) 14px;border:0;background:transparent;color:#75684e;font:400 12px/1.45 Archivo,sans-serif;cursor:pointer;transition:color 180ms}
.viewer-chapters button:before{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold);left:0;top:calc(50% - 2px);opacity:0;transition:opacity 180ms}.viewer-chapters button[aria-current="true"]{color:var(--green)}.viewer-chapters button[aria-current="true"]:before{opacity:1}
.viewer-reading{text-align:left;max-width:none;margin:0;min-height:0}.viewer-page-label{font:500 9px/1.6 Archivo,sans-serif;color:var(--dark-gold);letter-spacing:.04em;margin:0 0 calc(12px * var(--dichte,1) * var(--dichte,1))}.viewer-reading h3{font:350 25px/1.13 'Luxus Serif',Georgia,serif;letter-spacing:-.025em;margin:0;text-wrap:balance}.viewer-description{font:400 12px/1.65 Archivo,sans-serif;margin:calc(14px * var(--dichte,1) * var(--dichte,1)) 0 0;color:#625d50;text-wrap:pretty}.viewer-scope{display:block;list-style:none;margin:18px 0 0;padding:0}.viewer-scope:empty{display:none}.viewer-scope li{position:relative;padding:calc(8px * var(--dichte,1) * var(--dichte,1)) 0 calc(8px * var(--dichte,1) * var(--dichte,1)) 14px;border-top:1px solid #72613e33;font:400 11px/1.5 Archivo,sans-serif;color:var(--dark-gold)}.viewer-scope li:before{content:'+';position:absolute;left:0;top:calc(8px * var(--dichte,1) * var(--dichte,1) - 1px);color:var(--dark-gold)}
.viewer-footer{grid-area:3/1;display:grid;grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #72613e33;padding-top:calc(12px * var(--dichte,1) * var(--dichte,1));margin-top:calc(10px * var(--dichte,1) * var(--dichte,1))}.viewer-footer>p{font:400 10px/1.45 Archivo,sans-serif;margin:0;color:#75684e}.viewer-pagination{display:flex;align-items:center;gap:18px;flex:none}.viewer-pagination button{width:44px;height:44px;background:none;border:1px solid #72613e55;color:var(--green);cursor:pointer;font:300 25px/1 Archivo,sans-serif;transition:background-color 180ms}.viewer-pagination button:disabled{opacity:.25;cursor:default}.viewer-count{font:400 11px/1 Archivo,sans-serif;color:var(--dark-gold);font-variant-numeric:tabular-nums;min-width:44px;text-align:center}
.viewer-signature{position:absolute;inset:auto auto 6px 0;width:104px;height:118px;pointer-events:none;z-index:2}.viewer-signature svg{position:absolute;width:65px;height:90px;left:10px;bottom:15px;transform:rotate(-36deg);filter:drop-shadow(4px 5px 3px #21150d25)}.viewer-signature img{position:absolute;bottom:0;left:58px;width:46px;height:46px;transform:rotate(9deg);filter:drop-shadow(2px 3px 2px #21150d20)}
.viewer-flat{position:absolute;inset:8% 10%;background:var(--example-dark);color:var(--example-paper);padding:35px;display:none;flex-direction:column;justify-content:center;overflow:hidden}.viewer-stage[data-failed="true"] .viewer-flat{display:flex}.viewer-flat img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#101511}.viewer-flat img:not([src]){display:none}.viewer-flat img[src]~*{display:none}.viewer-flat span{font:400 11px Archivo,sans-serif}.viewer-flat strong{font:350 35px/1.1 'Luxus Serif',Georgia,serif;margin-top:22px}.viewer-flat p{font:400 13px/1.6 Archivo,sans-serif}.services[data-style="elfenbein"] .viewer-flat{color:#433c30}
@media(hover:hover) and (pointer:fine){.viewer-close:hover,.viewer-pagination button:not(:disabled):hover{background:#d9ceb9}.viewer-chapters button:hover{color:var(--green)}}
@media(max-width:1000px) and (min-width:701px){.viewer-shell{padding:22px;grid-template-columns:minmax(0,1fr) 225px;column-gap:18px}.viewer-aside{padding-left:18px}.viewer-stage{min-height:400px}.viewer-reading h3{font-size:23px}}
/* Kurzes Fenster: das Fenster nimmt die volle Höhe, das Buch bekommt den Rest. Kein Scrollen zwischen Buch und Pfeilen. */
@media(min-width:701px) and (max-height:620px){.viewer-shell{height:calc(100svh - 24px);padding-top:14px;padding-bottom:14px}.viewer-stage{height:auto;min-height:0}.viewer-label{margin-bottom:3px}.services .viewer-heading h2{font-size:27px}}
@media(max-width:700px){
 /* Blättern direkt unter dem Buch, rechts (Ilja 29.9.): Reihenfolge Kopf, Kapitel, Buch, Pfeile, Text */
 .viewer-shell{display:flex;flex-direction:column;width:100%;height:100%;max-height:none;padding:14px 16px 0;border:0}.viewer-shell>*{flex-shrink:0}.viewer-heading{padding-bottom:8px;gap:12px}.services .viewer-heading h2{font-size:27px;max-width:10em}.viewer-label{font-size:9px}
 .viewer-body{display:contents}.viewer-aside{display:contents}
 .viewer-chapters{order:1;flex-direction:row;flex-wrap:nowrap;gap:0 18px;margin:0 -16px;padding:0 16px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #72613e33}.viewer-chapters::-webkit-scrollbar{display:none}.viewer-chapters button{flex:none;font-size:11px;min-height:40px;padding:8px 0}.viewer-chapters button:before{width:100%;height:1px;top:auto;bottom:4px;border-radius:0}
 .viewer-stage{order:2;flex:none;height:min(52svh,400px);min-height:250px;margin:6px -16px 0}.viewer-reading{order:4;padding:14px 2px 28px}.viewer-reading h3{font-size:24px;max-width:14em}.viewer-page-label{font-size:9px;margin-bottom:8px}.viewer-description{font-size:12px;line-height:1.6;margin-top:10px}.viewer-scope{margin-top:13px}.viewer-scope li{font-size:11px;padding-top:6px;padding-bottom:6px}
 .viewer-signature{width:62px;height:75px;left:6px;bottom:4px}.viewer-signature svg{width:42px;height:61px;left:0;bottom:8px}.viewer-signature img{width:30px;height:30px;left:33px}
 .viewer-footer{order:3;display:flex;position:relative;margin:0;padding:4px 0 0;gap:8px;background:none;border-top:0}.viewer-footer>p{max-width:150px;font-size:9px}.viewer-pagination{gap:8px}.viewer-count{min-width:34px;font-size:10px}
 .viewer-flat{inset:8% 5%;padding:25px}.viewer-flat strong{font-size:26px}.viewer-flat p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.services:not([data-motion="full"]) *,.services:not([data-motion="full"]) *::before,.services:not([data-motion="full"]) *::after{animation:none!important;transition:none!important}}
.services[data-motion="quiet"] *,.services[data-motion="quiet"] *::before,.services[data-motion="quiet"] *::after{animation:none!important;transition:none!important}html.brand-dialog-open{overflow:hidden;scrollbar-gutter:stable}
/* Link zur echten Webseite im Leseblock (Ilja 29.9.) */
.viewer-link{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:baseline;gap:5px 8px;margin:calc(18px * var(--dichte,1) * var(--dichte,1)) 0 0;color:var(--green);text-decoration:none}.viewer-link-label{grid-column:1/-1}.viewer-link-domain{white-space:nowrap}.viewer-link[hidden]{display:none}
.viewer-link-label{font:500 9px/1.6 Archivo,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--dark-gold)}
.viewer-link-domain{font:400 15px/1.4 'Luxus Serif',Georgia,serif;border-bottom:1px solid #b6a27a88;padding-bottom:1px;transition:border-color .2s}
.viewer-link:hover .viewer-link-domain{border-bottom-color:var(--green)}.viewer-link:focus-visible{outline:1px solid var(--gold);outline-offset:4px}