/* v21: the approved v20 composition becomes a shared, quiet site system. */
:root{--site-accent-text:#914400;--site-space:clamp(52px,7vw,96px);--site-card-pad:clamp(24px,3vw,40px);--site-radius:4px}
:root[data-theme=dark]{--site-accent-text:#f7a34a}
.digital-site,.convention-page{background:var(--theme-bg);color:var(--theme-fg)}
.digital-site::before,.convention-page::before{opacity:.055}
.digital-site :is(h1,h2,h3,h4),.convention-page :is(h1,h2,h3){text-wrap:balance}
.digital-site :is(p,li),.convention-page :is(p,li){text-wrap:pretty}
.digital-site .section{padding-top:var(--site-space);padding-bottom:var(--site-space)}
.digital-site .section__kicker,.convention-page .eyebrow{display:flex;align-items:center;gap:12px;font:700 .75rem/1.5 var(--mono);letter-spacing:.12em;color:var(--theme-muted)}
.digital-site .section__kicker::before,.convention-page .eyebrow::before{content:"";display:block;flex:0 0 28px;height:3px;background:#f07d00}
.digital-site .digital-title{font-size:clamp(36px,4.6vw,66px);line-height:1.09;letter-spacing:-.025em;margin:20px 0 32px;max-width:24ch}
.digital-site .digital-link{font:700 1rem/1.5 var(--sans);text-decoration-thickness:1px;text-underline-offset:6px;color:var(--theme-fg)}
.digital-site .digital-link:hover{color:var(--site-accent-text)}
/* Common shell. The approved homepage hero's scale and artwork are untouched. */
.digital-site .site-head{border-color:var(--theme-border)}
.digital-site .digital-nav a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.digital-site .digital-nav a:nth-child(2){display:inline-flex}
.digital-site .digital-nav a:hover,.digital-site .digital-nav a[aria-current=page]{color:var(--site-accent-text)}
.digital-site .site-foot{border-top:1px solid var(--theme-border);background:var(--theme-bg);color:var(--theme-fg);padding-block:32px;line-height:1.6}
.digital-site .site-foot nav{flex-wrap:wrap}.digital-site .site-foot a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}.digital-site .site-foot a:hover{text-decoration:underline}
.digital-site .button{min-height:52px;border-width:1px;border-radius:var(--site-radius);transition:background .16s ease,border-color .16s ease,color .16s ease}
.digital-site .button:hover{transform:none}
.digital-site .button--dark,.digital-site .button--orange{background:#f07d00;border-color:#f07d00;color:#0e0e0d}
.digital-site .button--dark:hover,.digital-site .button--orange:hover{background:#ff9d38;border-color:#ff9d38;color:#0e0e0d}
.digital-site .button--ghost{background:transparent;border-color:var(--theme-border);color:var(--theme-fg)}
.digital-site .button--ghost:hover{background:var(--theme-surface);border-color:var(--theme-fg)}
/* Neutral introductions replace the old full-orange / brown slabs. */
.digital-site .product-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--theme-bg);color:var(--theme-fg);border-bottom:1px solid var(--theme-border);padding-top:40px;padding-bottom:64px}
.digital-site .product-hero>*:not(.product-hero__art){position:relative;z-index:1}
.digital-site .product-hero .digital-back{display:inline-flex;align-items:center;min-height:44px;margin:0 0 24px;color:var(--theme-muted);font:.875rem/1.5 var(--sans);text-underline-offset:5px}
.digital-site .product-hero .section__kicker{color:var(--theme-muted);margin:0 0 20px}
.digital-site .product-hero .product-status{margin:0 0 18px;padding:6px 10px;border:1px solid var(--theme-border);border-radius:2px;color:var(--theme-muted);font:700 .6875rem/1.5 var(--mono);letter-spacing:.04em}
.digital-site .product-hero .product-name{font:700 1rem/1.5 var(--sans);color:var(--site-accent-text);margin:0 0 12px}
.digital-site .product-hero .digital-title{font-size:clamp(40px,5vw,72px);line-height:1.07;margin:0 0 28px;max-width:20ch}
.digital-site .product-hero .product-intro{max-width:60ch;color:var(--theme-muted);font:400 clamp(18px,1.7vw,22px)/1.65 var(--sans);margin:0 0 28px}
.digital-site .product-hero .pilot-note{font:.875rem/1.65 var(--sans);color:var(--theme-muted);margin:20px 0 0;max-width:62ch}
.product-hero__art{position:absolute;z-index:0;pointer-events:none;right:1%;top:8%;height:88%;width:38%;object-fit:contain;opacity:.045;mask-image:linear-gradient(90deg,transparent,#000 55%)}
[data-theme=dark] .product-hero__art{filter:brightness(0) invert(1);opacity:.055}
/* Features have a single restrained border and breathing room, not heavy slabs. */
.digital-site .product-features{gap:24px;align-items:stretch}
.digital-site .product-features article{min-width:0;padding:var(--site-card-pad);background:var(--theme-card);border:1px solid var(--theme-border);border-top:3px solid #f07d00;border-radius:var(--site-radius)}
.digital-site .product-features h2{font:700 clamp(21px,2.2vw,28px)/1.25 var(--sans);letter-spacing:-.025em;margin:0 0 16px}
.digital-site .product-features p{font:1rem/1.7 var(--sans);color:var(--theme-muted);margin:0}
.digital-site .product-number{color:var(--site-accent-text);font:700 .6875rem/1.6 var(--mono);letter-spacing:.08em;margin:0 0 18px}
.digital-site .product-inquiry,.digital-site .demo-intro,.digital-site .print-brief{background:var(--theme-surface);color:var(--theme-fg);border-top:1px solid var(--theme-border);gap:48px}
.digital-site .product-inquiry{align-items:start}
.digital-site .product-inquiry h2{font:900 clamp(32px,3.6vw,50px)/1.12 var(--display);margin:20px 0 0;letter-spacing:-.025em}
.digital-site .product-inquiry p{font:1.0625rem/1.7 var(--sans);max-width:52ch;margin:0 0 24px;color:var(--theme-muted)}
.digital-site .product-inquiry .contact-note{font:.8125rem/1.6 var(--sans);margin:20px 0 0}
.digital-site .product-answers{max-width:var(--max)}
.digital-site .product-answers h2{font:700 clamp(28px,3.3vw,42px)/1.2 var(--sans);letter-spacing:-.025em;max-width:32ch}
.digital-site .product-answers article{max-width:900px;border-color:var(--theme-border);padding:24px 0}
.digital-site .product-answers h3{font:700 1.125rem/1.5 var(--sans)}
.digital-site .product-answers p{max-width:74ch;color:var(--theme-muted);line-height:1.75}
.digital-site .pilot-start,.digital-site .print-process{border-color:var(--theme-border)}
.digital-site .pilot-steps{gap:28px}.digital-site .pilot-steps li{padding-top:22px;border-top:2px solid #f07d00}.digital-site .pilot-steps li::before{color:var(--site-accent-text)}
.digital-site .pilot-steps h3{margin:18px 0 12px}.digital-site .pilot-steps p{color:var(--theme-muted);line-height:1.7}
/* Homepage: preserve the hero; carry the palette through the rest of the page. */
.digital-site .pilot-feature{background:var(--theme-card);color:var(--theme-fg);border:1px solid var(--theme-border);border-top:3px solid #f07d00;border-radius:var(--site-radius);padding:var(--site-card-pad);gap:48px}
.digital-site .pilot-feature .product-status,.digital-site .pilot-feature .product-number{color:var(--theme-muted)}
.digital-site .pilot-feature .product-lead{color:var(--site-accent-text)}
.digital-site .pilot-feature .pilot-summary,.digital-site .pilot-benefits p,.digital-site .pilot-benefits small{color:var(--theme-muted)}
.digital-site .pilot-benefits>div{border-color:var(--theme-border)}
.digital-site .pilot-benefits>div>span{color:var(--site-accent-text)}
.digital-site .pilot-actions .pilot-secondary{background:transparent;border-color:var(--theme-border);color:var(--theme-fg)}
.digital-site .pilot-actions .pilot-secondary:hover{background:var(--theme-surface)}
.digital-site .digital-pair{border:0;gap:24px}
.digital-site .digital-pair article{background:var(--theme-card);border:1px solid var(--theme-border);border-radius:var(--site-radius);padding:var(--site-card-pad)}
.digital-site .digital-pair h3{font-size:clamp(28px,3vw,40px);line-height:1.15}
.digital-site .digital-pair p{font:1rem/1.7 var(--sans);color:var(--theme-muted)}
.digital-site .digital-pair .product-status{font-size:.75rem;color:var(--theme-muted)}
.digital-site .digital-approach{border-color:var(--theme-border)}
.digital-site .digital-approach .lead{font:400 clamp(19px,2vw,25px)/1.6 var(--sans);max-width:68ch}
.digital-site .digital-approach .lead p:last-child{font:1.0625rem/1.75 var(--sans);color:var(--theme-muted)}
.digital-site .digital-contact{background:var(--theme-surface);color:var(--theme-fg);border-top:1px solid var(--theme-border);padding-block:var(--site-space)}
.digital-site .digital-contact .eyebrow{color:var(--site-accent-text)}
.digital-site .digital-contact .contact-copy,.digital-site .digital-contact .contact-panel__label,.digital-site .contact-email{color:var(--theme-muted)}
.digital-site .contact-panel{border-color:var(--theme-border)}
.digital-site .contact-whatsapp{border-color:var(--theme-border);color:var(--theme-fg)}
.digital-site .contact-whatsapp:hover{background:var(--theme-card)}
.digital-site .inquiry-entry{margin-top:32px;border-left-width:3px;border-radius:var(--site-radius)}
/* Print uses real supplied examples as its visual weight, rather than more skulls. */
.digital-site .print-home{background:var(--theme-surface);border-color:var(--theme-border);gap:48px}
.digital-site .print-home-copy,.digital-site .print-home-list>p{color:var(--theme-muted)}
.digital-site .print-home-list>a{border-color:var(--theme-border)}
.digital-site .print-paths{gap:24px;border:0}
.digital-site .print-paths article{border:1px solid var(--theme-border);border-radius:var(--site-radius);background:var(--theme-card);padding:var(--site-card-pad)}
.digital-site .print-paths p,.digital-site .print-paths li{font:1rem/1.7 var(--sans);color:var(--theme-muted)}
.digital-site .print-paths ul{margin-top:24px}.digital-site .print-paths h2{font-size:clamp(26px,3vw,36px)}
.digital-site .print-service-note{background:var(--theme-card);border-left-width:3px;color:var(--theme-muted);padding:16px 20px;line-height:1.7}
.digital-site .print-showcase{padding-bottom:0;gap:24px}
.digital-site .print-gallery{padding-top:0;gap:24px}
.digital-site .print-gallery-intro{padding-bottom:8px}.digital-site .print-gallery-intro p{color:var(--theme-muted)}
.digital-site .print-mockup{border-color:var(--theme-border);border-radius:var(--site-radius);background:var(--theme-card)}
.digital-site .print-mockup figcaption{padding:16px 18px;gap:6px;font:.75rem/1.65 var(--sans);flex-direction:column;color:var(--theme-muted)}
.digital-site .print-mockup figcaption strong{font-size:.875rem;color:var(--theme-fg)}
.digital-site .print-install{background:var(--theme-surface);color:var(--theme-fg);border-top:3px solid #f07d00}
.digital-site .print-install .section__kicker{color:var(--theme-muted)}
.digital-site .print-install p,.digital-site .print-brief p{color:var(--theme-muted)}
.digital-site .print-related{border-top:1px solid var(--theme-border);padding-top:32px;padding-bottom:40px}
/* Trial fields are the same workflow, with the same surface language. */
.digital-site .demo-request{background:var(--theme-surface);border-top:3px solid #f07d00;gap:48px}
.digital-site .demo-request>div>p{color:var(--theme-muted)}
.digital-site .demo-request form{background:var(--theme-card);padding:28px;border:1px solid var(--theme-border);border-radius:var(--site-radius)}
.digital-site .demo-request :is(input,select,textarea){border-radius:2px}
.digital-site .demo-request .request-module{border-radius:2px;background:var(--theme-bg)}
.digital-site .demo-request .request-module-note,.digital-site .demo-request .request-help{color:var(--theme-muted)}
/* Legal copy stays content-first, with no decorative artwork. */
.digital-site .legal-copy{max-width:960px;padding:56px 32px 80px;color:var(--theme-fg);font:1.0625rem/1.8 var(--sans)}
.digital-site .legal-copy h1{font:900 clamp(38px,5vw,60px)/1.1 var(--display);letter-spacing:-.025em;margin:24px 0 32px}
.digital-site .legal-copy h2{font:700 clamp(22px,2.5vw,28px)/1.3 var(--sans);margin-top:40px}
.digital-site .legal-copy h3{font-size:1.125rem}.digital-site .legal-copy p,.digital-site .legal-copy li{max-width:78ch}
.digital-site .legal-draft{background:var(--theme-surface);color:var(--theme-fg);border-left:3px solid #f07d00;padding:20px 24px;font:.9375rem/1.8 var(--sans)}
/* Convention landing: the same brand, deliberately compact for a quick visit. */
.convention-page .wrap{max-width:1200px;padding:24px clamp(20px,4vw,48px) 0}
.convention-page .wrap>header{border-color:var(--theme-border);padding-bottom:24px;gap:24px}
.convention-page .wrap>header .brand{padding:0;background:transparent;line-height:0}
.convention-page .wrap>header>span{font:.8125rem/1.6 var(--mono);color:var(--theme-muted)}
[data-theme=dark] .convention-page .brand img{filter:brightness(0) invert(.92)}
.convention-page .hero-c{isolation:isolate;overflow:hidden;padding:64px 0 72px}
.convention-page .hero-c h1{font-size:clamp(46px,6.7vw,82px);max-width:14ch;line-height:1.03;margin:24px 0 28px}
.convention-page .hero-c h1 span{color:var(--site-accent-text)}
.convention-page .hero-c .lead{font:1.125rem/1.75 var(--sans);color:var(--theme-muted);max-width:54ch;margin:0}
.convention-page .hero-c img{z-index:-1;right:0;bottom:12%;width:min(37%,340px);opacity:.07;pointer-events:none}
[data-theme=dark] .convention-page .hero-c img{filter:brightness(0) invert(1);opacity:.09}
.convention-page .tiles{gap:24px}.convention-page .tile{display:flex;flex-direction:column;padding:var(--site-card-pad);background:var(--theme-card);color:var(--theme-fg);border:1px solid var(--theme-border);border-top:3px solid #f07d00;border-radius:var(--site-radius)}
.convention-page .tile:nth-child(2){background:var(--theme-card);color:var(--theme-fg)}
.convention-page .badge{font:700 .6875rem/1.6 var(--mono);color:var(--site-accent-text)}
.convention-page .tile h2{font-size:clamp(30px,3.5vw,44px);line-height:1.1;margin:20px 0}
.convention-page .tile p,.convention-page .tile li{font:1rem/1.7 var(--sans);color:var(--theme-muted)}
.convention-page .tile a{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin-top:auto;padding:14px 20px;background:#f07d00;color:#0e0e0d;border:1px solid #f07d00;border-radius:var(--site-radius);font:700 .875rem/1.5 var(--sans)}
.convention-page .tile a:hover{background:#ff9d38}
.convention-page .personal{padding:var(--site-space) 0;max-width:75ch}.convention-page .personal h2{font:700 clamp(28px,3vw,38px)/1.2 var(--sans);letter-spacing:-.025em}.convention-page .personal p{font:1.0625rem/1.75 var(--sans);color:var(--theme-muted)}
.convention-page footer{border-color:var(--theme-border);padding:28px 0;color:var(--theme-fg);font:700 .75rem/1.6 var(--mono);align-items:center}.convention-page footer a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:900px){.digital-site .product-features{grid-template-columns:1fr}.digital-site .product-features.print-products{grid-template-columns:repeat(2,minmax(0,1fr))}.digital-site .product-inquiry{gap:28px}.digital-site .demo-request{gap:32px}.digital-site .pilot-feature{gap:28px}.digital-site .product-hero__art{width:45%;opacity:.035}.digital-site .print-home{gap:32px}}
@media(max-width:800px){.digital-site .site-foot{grid-template-columns:1fr;gap:12px}.digital-site .site-foot>div:last-child{text-align:left}.digital-site .demo-request form{padding:24px}.digital-site .print-paths article{padding:28px}.digital-site .digital-pair article{padding:28px}.convention-page .wrap>header{flex-wrap:wrap}.convention-page .wrap>header>span{order:3;flex-basis:100%}.convention-page .wrap>header>.theme-toggle{margin-left:auto}}
@media(max-width:600px){:root{--site-space:48px}.digital-site .section{padding-left:22px;padding-right:22px}.digital-site .digital-title{font-size:clamp(32px,8.4vw,44px);line-height:1.12}.digital-site .product-hero{padding-top:28px;padding-bottom:44px}.digital-site .product-hero .digital-title{font-size:clamp(34px,9vw,48px)}.digital-site .product-hero .digital-back{margin-bottom:20px}.digital-site .product-hero .product-intro{font-size:1.0625rem}.digital-site .product-hero__art{right:-16%;width:70%;opacity:.025}.digital-site .product-features.print-products,.digital-site .print-paths{grid-template-columns:1fr}.digital-site .product-features article{padding:26px 24px}.digital-site .product-inquiry{gap:24px}.digital-site .product-inquiry h2{font-size:2rem}.digital-site .demo-request form{padding:20px 16px}.digital-site .demo-request{gap:24px}.digital-site .request-grid{column-gap:12px}.digital-site .inquiry-entry{margin:24px 22px 48px}.digital-site .legal-copy{padding:36px 22px 52px;font-size:1rem}.digital-site .legal-draft{padding:16px 18px}.convention-page .wrap>header{flex-direction:row;align-items:center;gap:16px}.convention-page .wrap>header .brand{max-width:calc(100% - 116px)}.convention-page .hero-c{padding:44px 0 48px}.convention-page .hero-c h1{font-size:clamp(40px,10vw,60px)}.convention-page .hero-c img{width:54%;right:-14%;opacity:.05}.convention-page .tile{padding:26px 24px}.convention-page .tile a{width:100%}.convention-page .tiles{grid-template-columns:1fr}}
/* Keep the earlier short-landscape treatment after shared spacing rules. */
@media(min-width:600px) and (max-width:1000px) and (max-height:500px) and (orientation:landscape){.digital-site .product-hero{padding-top:24px;padding-bottom:32px}.digital-site .product-hero .digital-back{margin-bottom:8px}.digital-site .product-hero .digital-title{font-size:clamp(32px,4.5vw,44px);margin-bottom:20px}.digital-site .product-hero .product-intro{font-size:1rem;margin-bottom:24px}.digital-site .product-hero .section__kicker{margin-bottom:8px}.digital-site .product-hero .product-status{margin-bottom:8px}.digital-site .product-hero .product-name{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.digital-site .button{transition:none}.digital-site .button:hover{transform:none}}

.convention-page .skip-link{position:fixed;left:16px;top:12px;padding:12px 18px;background:var(--theme-fg);color:var(--theme-bg);z-index:100;transform:translateY(-180%)}
.convention-page .skip-link:focus{transform:none}

/* One clear hero action; product information is a quieter text link. */
.digital-site .digital-hero .hero__actions{align-items:center;column-gap:28px;row-gap:8px}
.digital-site .digital-hero .hero__text-link{display:inline-flex;align-items:center;min-height:48px;padding:8px 0;color:var(--theme-fg);font:600 1rem/1.5 var(--sans);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;border:0;background:transparent}
.digital-site .digital-hero .hero__text-link:hover{color:var(--site-accent-text)}
@media(max-width:650px){.digital-site .digital-hero .hero__text-link{justify-content:center;width:100%}}

/* Website service stays prominent without a competing prototype offer. */
.digital-site .digital-pair{grid-template-columns:1fr}

/* Long legal headings wrap without extending the mobile viewport. */
.digital-site .legal-copy h1{overflow-wrap:anywhere;hyphens:auto;max-width:100%}

/* Balance the five offers and three examples without empty trailing cells. */
.digital-site.advertising-page .convention-offer{grid-column:1/-1}
.digital-site.advertising-page .print-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.digital-site.advertising-page .print-gallery{grid-template-columns:minmax(0,1fr)}}