/* Local design studies. Layout stays separate from the published website template. */
.hv-page{--hv-paper:#f8f5ee;--hv-ink:#302f28;--hv-muted:#77776c;--hv-accent:#86634b;--hv-rule:#dcd8ce;background:var(--hv-paper);color:var(--hv-ink);padding-bottom:72px}
.hv-container{width:min(1240px,calc(100% - 112px));margin-inline:auto}
.hv-page .hv-kicker{font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--hv-muted)}
.hv-header{border-bottom:1px solid var(--hv-rule);background:var(--hv-paper);position:relative;z-index:20}
.hv-header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:36px}
.hv-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-size:34px;letter-spacing:-.045em;line-height:1}
.hv-brand img{width:28px;height:28px;object-fit:contain}
.hv-nav{display:flex;align-items:center;gap:37px;font-size:12px;margin-left:auto}
.hv-nav a{padding:12px 0;border-bottom:1px solid transparent}
.hv-nav a:hover{border-color:currentColor}
.hv-tools{display:flex;align-items:center;gap:4px}
.hv-tools .icon-btn{padding:9px;min-width:40px;min-height:40px}
.hv-tools svg{width:18px;height:18px}
.hv-tools .save-count{font-size:10px}
.hv-mobile{display:none}
.hv-header .search-panel{padding-bottom:22px}
.hv-header .search-panel input[type=search]{width:100%;max-width:600px;border-color:var(--hv-rule);border-radius:0}
.hv-button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;min-height:49px;background:var(--hv-ink);border:1px solid var(--hv-ink);color:var(--hv-paper);padding:13px 21px;font-size:12px}
.hv-button:hover{background:var(--hv-accent);border-color:var(--hv-accent)}
.hv-button svg{width:21px}
.hv-text-link{display:inline-flex;align-items:center;gap:23px;border-bottom:1px solid var(--hv-rule);padding:7px 0;font-size:12px}
.hv-text-link svg{width:20px}
.hv-text-link:hover{color:var(--hv-accent)}
.hv-intro{padding-block:66px 76px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.hv-intro h1{font-size:clamp(58px,6.1vw,84px);letter-spacing:-.05em;line-height:1.04;margin:25px 0 26px}
.hv-intro h1 em{color:var(--hv-accent)}
.hv-intro-text{font-size:14px;line-height:1.9;color:var(--hv-muted);max-width:350px}
.hv-intro .hv-button{margin-top:29px}
.hv-signature{font-family:var(--serif);font-size:19px;font-style:italic;margin-top:30px;color:var(--hv-accent)}
.hv-intro-photo{position:relative;align-self:stretch;min-height:510px;overflow:hidden}
.hv-intro-photo>img{height:100%;object-fit:cover;object-position:45% center}
.hv-intro-photo>figcaption{position:absolute;right:13px;bottom:12px;font-size:8px;background:#f8f5eedb;padding:4px 7px}
.hv-photo-word{position:absolute;left:29px;bottom:39px;background:#f8f5eef2;padding:19px 25px;font-family:var(--serif);font-size:30px;line-height:1.1}
.hv-photo-word em{color:var(--hv-accent)}
.hv-journal{position:relative;border-top:1px solid var(--hv-rule);padding-block:52px 65px}
.hv-anchor{position:absolute;top:-18px;width:1px;height:1px;pointer-events:none}
.hv-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px}
.hv-section-heading h2{font-size:39px;letter-spacing:-.035em;margin-top:12px}
.hv-section-heading>p{font-size:11px;color:var(--hv-muted);line-height:1.7;text-align:right}
.hv-filters{gap:15px;border-block:1px solid var(--hv-rule);padding:11px 0;margin-bottom:31px}
.hv-filters .filter{font-size:11px;min-height:35px;border-radius:0;padding:5px 9px;color:var(--hv-muted);border:1px solid transparent;background:none}
.hv-filters .filter:first-child{margin-left:-9px}
.hv-filters .filter[aria-pressed=true]{color:var(--hv-ink);background:none;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.hv-filters .filter:hover{color:var(--hv-ink);border-color:transparent}
.hv-cards{gap:29px;row-gap:42px}
.hv-cards .card-visual{aspect-ratio:4/3;margin-bottom:19px;background:#e9e4d9}
.hv-cards .card-visual img{object-fit:cover}
.hv-cards .card h3{font-size:28px;line-height:1.15;letter-spacing:-.02em;margin-bottom:12px}
.hv-cards .card-meta{color:var(--hv-muted);font-size:9px;letter-spacing:.07em;margin-bottom:12px}
.hv-cards .card>p{font-size:12px;line-height:1.85;max-width:100%;color:var(--hv-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:66px}
.hv-cards .read-link{font-size:11px;border-color:var(--hv-rule)}
.hv-cards .card-save{width:34px;height:34px;top:12px;right:12px;background:var(--hv-paper)}
.hv-cards .card-save[aria-pressed=true] svg{fill:var(--hv-ink);stroke:var(--hv-ink)}
.hv-journal-bottom{text-align:center;margin-top:37px}
.hv-journal-bottom .quiet-button{border-color:var(--hv-rule);padding:13px 23px;font-size:12px;gap:25px}
.hv-journal-bottom .quiet-button:hover{background:#eae7de}
.hv-about{border-top:1px solid var(--hv-rule);padding-block:61px 66px;display:grid;grid-template-columns:1.15fr .85fr;gap:100px}
.hv-about h2{font-size:37px;margin:16px 0 18px;letter-spacing:-.025em}
.hv-about-story>p:not(.hv-kicker){font-size:13px;line-height:1.9;color:var(--hv-muted);max-width:430px}
.hv-about-story .hv-text-link{margin-top:15px}
.hv-app-note{padding-left:48px;border-left:1px solid var(--hv-rule);align-self:center}
.hv-app-icons{display:flex;gap:9px;margin-bottom:20px}
.hv-app-icons img{width:37px;height:37px;object-fit:contain;border-radius:9px}
.hv-app-note h3{font-size:29px;line-height:1.15;margin:12px 0 15px}
.hv-app-note>p:not(.hv-kicker){font-size:12px;line-height:1.85;color:var(--hv-muted);max-width:320px}
.hv-app-note .hv-text-link{margin-top:13px}
.hv-footer{border-top:1px solid var(--hv-rule);display:flex;align-items:center;gap:28px;padding-block:26px 32px;font-size:10px;color:var(--hv-muted)}
.hv-footer-brand{font-family:var(--serif);font-size:25px;letter-spacing:-.04em;color:var(--hv-ink)}
.hv-footer nav{display:flex;gap:20px;margin-left:auto}
.hv-footer nav a:hover{text-decoration:underline;text-underline-offset:4px}
.hv-footer small{font-size:9px}
/* Variant 02 trades the large photo for a centered introduction and an editorial list. */
.hv-leseraum{--hv-paper:#f6f7f2;--hv-ink:#344a3e;--hv-accent:#71816b;--hv-muted:#788078;--hv-rule:#dbe0d6}
.hv-leseraum .hv-header{border:0}
.hv-leseraum .hv-header-inner{height:106px}
.hv-leseraum .hv-brand{font-size:32px}
.hv-leseraum .hv-brand img{display:none}
.hv-leseraum .hv-nav{gap:40px}
.hv-leseraum .hv-intro{display:flex;flex-direction:column;gap:0;text-align:center;padding-block:67px 62px;max-width:810px}
.hv-leseraum .hv-intro h1{font-size:clamp(62px,7.3vw,97px);line-height:1.01;margin:26px 0 24px}
.hv-leseraum .hv-intro-text{max-width:455px;font-size:13px;line-height:1.95}
.hv-leseraum .hv-intro .hv-text-link{margin-top:22px;border:0;font-size:12px;gap:15px}
.hv-intro-note{font-size:10px;color:var(--hv-muted);margin-top:37px;display:flex;align-items:center;gap:9px}
.hv-intro-note>span{width:5px;height:5px;border-radius:50%;background:#a5b19a}
.hv-leseraum .hv-section-heading h2{font-size:34px}
.hv-leseraum .hv-cards{grid-template-columns:1fr 1fr;gap:35px 48px}
.hv-leseraum .hv-cards .card{display:grid;grid-template-columns:151px minmax(0,1fr);column-gap:22px;align-content:start;border-bottom:1px solid var(--hv-rule);padding-bottom:29px}
.hv-leseraum .hv-cards .card-visual{grid-row:1/5;aspect-ratio:4/3;margin:0;align-self:start}
.hv-leseraum .hv-cards .card-meta{display:block;font-size:8px;line-height:1.8;margin:1px 0 8px}
.hv-leseraum .hv-cards .card-meta span+span:before{content:' · ';padding-inline:3px}
.hv-leseraum .hv-cards .card h3{font-size:25px;margin-bottom:10px}
.hv-leseraum .hv-cards .card>p{font-size:11px;line-height:1.8;-webkit-line-clamp:2;min-height:0;margin-bottom:12px}
.hv-leseraum .hv-cards .read-link{justify-self:start;font-size:10px}
.hv-leseraum .hv-cards .card-save{width:27px;height:27px;right:7px;top:7px}
.hv-leseraum .hv-cards .card-save svg{width:13px;height:13px}
.hv-leseraum .hv-about h2{font-size:35px}
/* Variant 03 introduces a dark cover, warm paper and a denser journal grid. */
.hv-studio{--hv-paper:#f3efe6;--hv-ink:#293d32;--hv-accent:#985a3f;--hv-muted:#77766b;--hv-rule:#d9d3c6}
.hv-studio .hv-header{border-bottom:0}
.hv-studio .hv-header-inner{height:100px}
.hv-studio .hv-brand{font-size:36px}
.hv-studio-intro{display:grid;grid-template-columns:1fr 1fr;min-height:510px;background:#293d32;color:#f6f1e5;margin-top:22px;margin-bottom:65px}
.hv-studio-copy{padding:49px 43px;align-self:center}
.hv-studio-copy .hv-kicker{color:#bbc4b5;font-size:9px}
.hv-studio-copy h1{font-size:clamp(57px,5.5vw,76px);line-height:1.05;letter-spacing:-.04em;margin:27px 0 25px}
.hv-studio-copy h1 em{color:#c7c6aa}
.hv-studio-copy>p:not(.hv-kicker){font-size:13px;line-height:1.9;max-width:345px;color:#c6cec3}
.hv-studio-copy .hv-button{margin-top:28px;background:#e7e4d7;border-color:#e7e4d7;color:#293d32;font-size:11px}
.hv-studio-copy .hv-button:hover{background:#d8d9c4}
.hv-studio-note{display:block;margin-top:29px;font-size:9px;color:#b4c0b2}
.hv-studio-intro figure{position:relative;min-width:0}
.hv-studio-intro figure img{height:100%;object-fit:cover;object-position:38% center}
.hv-studio-intro figcaption{position:absolute;bottom:13px;right:13px;background:#f3efe6d9;color:#293d32;padding:4px 8px;font-size:8px}
.hv-studio .hv-journal{padding-top:0;border-top:0}
.hv-studio .hv-cards .card-visual{aspect-ratio:4/3}
.hv-studio .hv-section-heading h2{font-size:42px}
.hv-studio .hv-about{padding-block:54px;gap:85px}
/* The switcher belongs to the local comparison view, not the public design. */
.hv-chooser{position:fixed;z-index:50;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;white-space:nowrap;background:#fcfbf7;border:1px solid #d9dcd1;border-radius:9px;padding:6px;box-shadow:0 5px 24px #26312615;color:#384237;font-size:11px;max-width:calc(100% - 24px)}
.hv-chooser>a{padding:10px 15px;border-radius:5px}
.hv-chooser .hv-chooser-label{color:#7a8075;border-right:1px solid #e0e1d9;border-radius:0;margin-right:3px;padding-right:20px}
.hv-chooser a[aria-current=page]{background:#e9eddf;color:#30432d}
.hv-chooser a:not([aria-current]):hover{background:#f0f1e9}
.hv-chooser a span{font-size:9px;margin-right:5px;opacity:.65}
.hv-compact{padding-bottom:0;overflow:hidden}
/* Comparison page. Each small preview is the actual responsive website. */
.hv-overview{background:#f2f0e9;color:#323c31}
.hv-overview main{width:min(1320px,calc(100% - 80px));margin:auto;padding-bottom:36px}
.hv-overview header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ddce;padding:25px 0}
.hv-overview header>span{font-size:11px;color:#777d70}
.hv-overview .hv-brand{font-size:29px}
.hv-overview-intro{padding:39px 0 34px}
.hv-overview-intro .hv-kicker{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#767e6e}
.hv-overview-intro h1{font-size:51px;letter-spacing:-.035em;margin:15px 0 16px;line-height:1.06}
.hv-overview-intro h1 em{color:#7d896c}
.hv-overview-intro>p:last-child{font-size:12px;max-width:485px;line-height:1.8;color:#72776a}
.hv-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hv-options article{min-width:0;background:#faf9f4;border:1px solid #dbded1;padding-bottom:21px}
.hv-option-preview{--preview-scale:.3;display:block;position:relative;height:262px;border-bottom:1px solid #dbded1;overflow:hidden;background:#f8f5ee}
.hv-option-preview iframe{border:0;width:calc(100% / var(--preview-scale));height:1100px;transform:scale(var(--preview-scale));transform-origin:top left;pointer-events:none}
.hv-option-heading{display:flex;align-items:center;gap:11px;padding:22px 20px 13px}
.hv-option-heading>span{font-size:10px;color:#8e957f}
.hv-option-heading h2{font-size:25px;letter-spacing:-.03em}
.hv-option-heading small{margin-left:auto;font-size:8px;color:#637655;background:#e8eddf;padding:4px 6px;white-space:nowrap}
.hv-options article>p{font-size:11px;color:#72776a;padding:0 20px;line-height:1.85;min-height:62px}
.hv-option-bottom{padding:19px 20px 0;display:flex;flex-direction:column;gap:17px}
.hv-option-bottom>span{font-size:9px;color:#8c917f}
.hv-option-bottom>a{font-size:11px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2e4d9;padding-top:14px}
.hv-option-bottom svg{width:18px}
.hv-overview-note{font-size:10px;color:#818675;margin-top:25px}
@media(min-width:1450px){.hv-option-preview{height:310px}.hv-option-preview{--preview-scale:.343}}
@media(max-width:1100px){.hv-container{width:calc(100% - 72px)}.hv-intro{gap:47px;padding-top:52px}.hv-intro-photo{min-height:480px}.hv-intro h1{font-size:68px}.hv-nav{gap:25px}.hv-header-inner{gap:22px}.hv-about{gap:57px}.hv-app-note{padding-left:34px}.hv-leseraum .hv-cards{gap:32px}.hv-leseraum .hv-cards .card{grid-template-columns:115px minmax(0,1fr);gap:0 16px}.hv-leseraum .hv-cards .card h3{font-size:22px}.hv-studio-copy{padding:38px 32px}.hv-studio-copy h1{font-size:61px}.hv-overview main{width:calc(100% - 48px)}.hv-options{gap:16px}.hv-option-preview{height:225px}.hv-option-preview{--preview-scale:.25}.hv-option-heading{padding:19px 16px 12px;gap:8px;flex-wrap:wrap}.hv-option-heading h2{font-size:24px}.hv-option-heading small{margin-left:0}.hv-options article>p{padding-inline:16px;min-height:82px}.hv-option-bottom{padding-inline:16px}}
@media(max-width:760px){.hv-container{width:calc(100% - 44px)}.hv-header-inner,.hv-leseraum .hv-header-inner,.hv-studio .hv-header-inner{height:81px;gap:10px}.hv-brand,.hv-leseraum .hv-brand,.hv-studio .hv-brand{font-size:29px}.hv-brand img{width:24px;height:24px}.hv-tools{gap:0}.hv-tools .icon-btn{min-width:36px;padding:8px}.hv-mobile{display:inline-flex}.hv-nav{position:absolute;top:80px;left:0;right:0;background:var(--hv-paper);display:none;border-bottom:1px solid var(--hv-rule);padding:18px 22px;gap:20px;box-shadow:0 6px 10px #283c3010;font-size:13px}.hv-nav[data-open=true]{display:flex;justify-content:space-between}.hv-intro{padding-block:43px 44px;grid-template-columns:1fr 1fr;gap:26px}.hv-intro h1{font-size:57px}.hv-intro .hv-kicker{font-size:8px}.hv-intro-text{font-size:12px}.hv-intro-photo{min-height:420px}.hv-photo-word{font-size:23px;left:15px;bottom:36px;padding:14px 17px}.hv-section-heading h2,.hv-leseraum .hv-section-heading h2,.hv-studio .hv-section-heading h2{font-size:32px}.hv-section-heading>p{display:none}.hv-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 22px}.hv-cards .card h3{font-size:26px}.hv-journal{padding-block:39px 43px}.hv-about{gap:35px;grid-template-columns:1fr 1fr;padding-block:42px}.hv-about h2,.hv-leseraum .hv-about h2{font-size:30px}.hv-about-story>p:not(.hv-kicker){font-size:12px}.hv-app-note{padding-left:25px}.hv-app-note h3{font-size:26px}.hv-footer{flex-wrap:wrap;gap:18px}.hv-footer nav{margin-left:0;flex:1;justify-content:flex-end}.hv-footer>p{display:none}.hv-footer small{flex-basis:100%}.hv-leseraum .hv-intro{padding-block:58px 50px}.hv-leseraum .hv-intro h1{font-size:79px}.hv-leseraum .hv-cards{grid-template-columns:1fr;gap:23px}.hv-leseraum .hv-cards .card{grid-template-columns:180px 1fr;column-gap:23px}.hv-leseraum .hv-cards .card h3{font-size:28px}.hv-leseraum .hv-cards .card-meta{font-size:9px}.hv-leseraum .hv-cards .card>p{font-size:12px}.hv-studio-intro{min-height:450px;grid-template-columns:1.05fr .95fr;margin-top:15px;margin-bottom:42px}.hv-studio-copy{padding:30px 25px}.hv-studio-copy h1{font-size:52px}.hv-studio-copy>p:not(.hv-kicker){font-size:11px}.hv-studio-copy .hv-button{padding:12px 15px;gap:15px;font-size:10px}.hv-studio-note{font-size:8px}.hv-studio .hv-about{gap:35px}.hv-chooser{font-size:10px;gap:1px}.hv-chooser>a{padding:9px 11px}.hv-chooser .hv-chooser-label{padding-right:12px}.hv-chooser a span{display:none}.hv-overview main{width:calc(100% - 40px)}.hv-options{grid-template-columns:1fr;gap:24px}.hv-option-preview{height:290px}.hv-option-preview{--preview-scale:.43}.hv-option-heading{padding:22px 20px 13px}.hv-options article>p{padding-inline:20px;min-height:0}.hv-option-bottom{padding-inline:20px}.hv-option-heading small{margin-left:auto}.hv-overview-intro{padding-block:30px}.hv-overview-intro h1{font-size:47px}}
@media(max-width:480px){.hv-container{width:calc(100% - 40px)}.hv-intro{display:flex;flex-direction:column;align-items:stretch;gap:33px;padding-top:35px}.hv-intro h1{font-size:67px;line-height:1.02;margin:19px 0 21px}.hv-intro h1 br:nth-of-type(1){display:none}.hv-intro-text{font-size:13px;max-width:310px}.hv-intro .hv-button{margin-top:23px}.hv-signature{display:none}.hv-intro-photo{min-height:0;height:295px}.hv-photo-word{bottom:31px;font-size:25px}.hv-cards{grid-template-columns:1fr;gap:33px}.hv-cards .card h3{font-size:30px}.hv-cards .card>p{font-size:13px;min-height:0;-webkit-line-clamp:2}.hv-cards .card-meta{font-size:9px}.hv-filters{gap:4px;margin-bottom:24px}.hv-filters .filter{font-size:10px;padding-inline:8px}.hv-about{grid-template-columns:1fr;gap:32px}.hv-about h2,.hv-leseraum .hv-about h2{font-size:33px}.hv-app-note{padding:27px 0 0;border-left:0;border-top:1px solid var(--hv-rule)}.hv-app-icons{float:right;margin-left:12px;margin-bottom:12px;gap:5px}.hv-app-icons img{width:31px;height:31px;border-radius:7px}.hv-app-note h3{font-size:29px}.hv-footer{gap:20px 15px}.hv-footer-brand{font-size:24px}.hv-footer nav{font-size:9px;gap:12px}.hv-chooser{width:calc(100% - 20px);justify-content:center;bottom:10px;padding:5px}.hv-chooser>a{padding:9px 10px;font-size:9px}.hv-chooser .hv-chooser-label{padding-right:10px;margin-right:0;font-size:8px}.hv-leseraum .hv-intro{gap:0;padding-block:45px 41px}.hv-leseraum .hv-intro h1{font-size:68px}.hv-leseraum .hv-intro h1 br{display:block}.hv-leseraum .hv-intro-text{font-size:12px;max-width:310px}.hv-leseraum .hv-intro-note{margin-top:27px}.hv-leseraum .hv-cards .card{grid-template-columns:100px minmax(0,1fr);column-gap:17px;padding-bottom:23px}.hv-leseraum .hv-cards .card h3{font-size:23px}.hv-leseraum .hv-cards .card-meta{font-size:8px}.hv-leseraum .hv-cards .card>p{font-size:11px}.hv-studio-intro{display:flex;flex-direction:column;margin-top:12px;min-height:0;margin-bottom:37px}.hv-studio-copy{padding:32px 28px 29px}.hv-studio-copy h1{font-size:61px;margin:22px 0}.hv-studio-copy>p:not(.hv-kicker){font-size:12px;max-width:300px}.hv-studio-note{display:none}.hv-studio-intro figure{height:235px}.hv-studio-intro figure img{object-position:center 42%}.hv-studio-copy .hv-button{font-size:11px;padding:12px 17px}.hv-option-preview{height:238px}.hv-option-preview{--preview-scale:.292}.hv-overview-intro h1{font-size:44px}.hv-overview header>span{font-size:9px}.hv-overview .hv-brand{font-size:26px}}
@media(prefers-reduced-motion:reduce){.hv-page{scroll-behavior:auto}.hv-page .card-visual img{transition:none}.hv-page .card:hover .card-visual img{transform:none}}
/* Studio colour studies. Every component reads the same palette tokens. */
.hv-studio.hv-palette-wald{--hv-paper:#f4f1e8;--hv-ink:#293d32;--hv-muted:#636d61;--hv-rule:#d6dbcc;--studio-cover:#293d32;--studio-text:#f6f1e5;--studio-muted:#cbd2c4;--studio-em:#c7c9ad;--studio-button:#e7e4d7;--studio-button-ink:#293d32;--hv-accent:#65765a;--palette-active:#e2e7d8}
.hv-studio.hv-palette-ton{--hv-paper:#f5f0e6;--hv-ink:#41392e;--hv-muted:#706657;--hv-rule:#dcd3c1;--studio-cover:#514536;--studio-text:#f8f1e2;--studio-muted:#d9d0bd;--studio-em:#d7c5a3;--studio-button:#e5dac2;--studio-button-ink:#41392e;--hv-accent:#80704f;--palette-active:#e9e1d0}
.hv-studio.hv-palette-tinte{--hv-paper:#eef1ef;--hv-ink:#2d3d48;--hv-muted:#5f6e77;--hv-rule:#ccd6d6;--studio-cover:#2c3d4a;--studio-text:#f0f2eb;--studio-muted:#c6d2d4;--studio-em:#b2c9ca;--studio-button:#dce7e5;--studio-button-ink:#293e48;--hv-accent:#507b83;--palette-active:#dce5e5}
.hv-studio .hv-studio-intro{background:var(--studio-cover);color:var(--studio-text)}
.hv-studio .hv-studio-copy .hv-kicker,.hv-studio .hv-studio-copy>p:not(.hv-kicker),.hv-studio .hv-studio-note{color:var(--studio-muted)}
.hv-studio .hv-studio-copy h1 em{color:var(--studio-em)}
.hv-studio .hv-studio-copy .hv-button{background:var(--studio-button);border-color:var(--studio-button);color:var(--studio-button-ink)}
.hv-studio .hv-studio-copy .hv-button:hover{background:var(--studio-text);border-color:var(--studio-text)}
.hv-studio .hv-studio-intro figcaption{background:var(--hv-paper);color:var(--hv-ink);opacity:.92}
.hv-studio .hv-journal-bottom .quiet-button:hover{background:var(--palette-active)}
.hv-mark{width:28px;height:28px;flex-shrink:0}
.hv-mark rect{fill:var(--hv-ink,#46513b);stroke:none}
.hv-mark g{fill:none;stroke:var(--hv-paper,#f7f5ef);stroke-width:2.6;stroke-linecap:round}
.hv-leseraum .hv-brand .hv-mark{display:none}
.hv-palette-chooser{background:var(--hv-paper);color:var(--hv-ink);border-color:var(--hv-rule)}
.hv-palette-chooser .hv-chooser-label{border-color:var(--hv-rule);color:var(--hv-muted)}
.hv-palette-chooser a[aria-current=page]{background:var(--palette-active);color:var(--hv-ink)}
.hv-palette-chooser a:not([aria-current]):hover{background:var(--palette-active)}
.hv-color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:-1px}
.hv-palette-swatches{display:flex;gap:6px;padding:0 20px 16px}
.hv-palette-swatches span{height:16px;flex:1;border:1px solid #0000000c}
.hv-overview-note a{margin-left:12px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){.hv-palette-chooser>a{padding:9px 7px;font-size:8px}.hv-palette-chooser .hv-chooser-label{font-size:8px;padding-right:7px}.hv-color-dot{width:8px;height:8px;margin-right:4px}.hv-brand .hv-mark{width:24px;height:24px}.hv-overview-note a{display:block;margin:12px 0 0}}
.hv-studio dialog{background:var(--hv-paper);color:var(--hv-ink);border-color:var(--hv-rule)}
.hv-studio .dialog-note,.hv-studio .saved-list small{color:var(--hv-muted)}
.hv-studio .status{background:var(--hv-ink);color:var(--hv-paper)}
/* The three corner studies use the selected Studio / Ton & Sand design. */
.hv-studio.hv-corners-dezent{--hv-radius:4px;--hv-control-radius:2px}
.hv-studio.hv-corners-sanft{--hv-radius:12px;--hv-control-radius:5px}
.hv-studio.hv-corners-weich{--hv-radius:18px;--hv-control-radius:8px}
.hv-studio .hv-studio-intro{border-radius:var(--hv-radius);overflow:hidden}
.hv-studio .hv-cards .card-visual{border-radius:var(--hv-radius);overflow:hidden}
.hv-studio .hv-button,.hv-studio .quiet-button,.hv-studio .hv-header .search-panel input[type=search]{border-radius:var(--hv-control-radius)}
.hv-studio dialog{border-radius:var(--hv-radius)}
.hv-studio .status{border-radius:var(--hv-control-radius)}
.hv-radius-sample{display:flex;align-items:center;gap:13px;padding:0 20px 18px;color:#706657}
.hv-radius-sample>span{display:block;width:70px;height:43px;background:#514536;flex-shrink:0}
.hv-radius-sample>div{display:flex;flex-direction:column;gap:1px;flex:1}
.hv-radius-sample strong{font-weight:400;font-size:12px;color:#41392e}
.hv-radius-sample small{font-size:9px}
.hv-radius-sample>i{display:block;width:54px;height:24px;background:#e5dac2;border:1px solid #dcd3c1;flex-shrink:0}

.hv-studio .hv-studio-intro figcaption{background:color-mix(in srgb,var(--hv-paper) 72%,transparent);color:var(--hv-ink);opacity:1;padding:3px 7px;font-size:9px;letter-spacing:.02em;border-radius:3px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
/* Chosen website design, without comparison controls. */
.hv-final{padding-bottom:0}
.hv-final .article-hero img,.hv-final .editor-article-image img{border-radius:12px}
.hv-final .article-header,.hv-final .article-body,.hv-final .legal{color:var(--hv-ink)}
.hv-final .article-header>p,.hv-final .breadcrumb,.hv-final .article-body figcaption{color:var(--hv-muted)}
.hv-final .article-callout{background:var(--palette-active);border-color:var(--hv-accent);border-radius:5px}
.hv-final .article-body .button{background:var(--hv-ink);border-color:var(--hv-ink);border-radius:5px}
.hv-final .article-summary{border-radius:12px}
.hv-final .hv-header-inner{height:auto;min-height:100px;padding-block:18px}
.hv-final .hv-nav{flex-wrap:wrap;min-width:0;max-width:calc(100% - 370px);justify-content:flex-end;column-gap:27px;row-gap:0}
.hv-final .hv-nav a{max-width:200px;overflow-wrap:anywhere}
@media(max-width:760px){.hv-final .hv-header-inner{min-height:81px;padding-block:12px}.hv-final .hv-nav{max-width:none;max-height:calc(100dvh - 100px);overflow-y:auto;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0}.hv-final .hv-nav a{max-width:100%;width:100%}}
.hv-final .article-nav-link>span{color:var(--hv-muted)}
.hv-final .article-nav-link:hover>strong{color:var(--hv-accent)}