/* Cello / Ardent-inspired storefront. Portfolio documents and editors remain independent. */
body:has(.brand-home-shell),body:has(.brand-catalog){background:#151515}
:is(.brand-home-shell,.brand-catalog){--ink:#f0eee8;--muted:#aaa9a4;--line:#ffffff26;--paper:#151515;--soft:#252525;--quiet-ink:#f0eee8;--quiet-muted:#aaa9a4;--quiet-line:#ffffff26;--quiet-paper:#151515;--quiet-surface:#ffffff08;--quiet-raised:#ffffff12;color:var(--ink);background:var(--paper);max-width:none}
.brand-home-shell.site-shell{padding:0}
.brand-catalog.site-shell{padding:0 6vw}
:is(.brand-home-shell,.brand-catalog).site-shell .topbar{position:relative;top:0;min-height:88px;margin:0;padding:18px 0;border:0;border-bottom:1px solid #ffffff20;border-radius:0;box-shadow:none;background:#151515;backdrop-filter:none;-webkit-backdrop-filter:none;gap:30px}
.brand-home-shell.site-shell .topbar{padding-inline:6vw}
:is(.brand-home-shell,.brand-catalog) .wordmark{filter:invert(1) brightness(1.8)}
:is(.brand-home-shell,.brand-catalog) .nav-pill a{color:#b9b8b4;background:none;font-size:12px;border-radius:0;padding:8px 0;transition:color .2s}
:is(.brand-home-shell,.brand-catalog) .nav-pill a.active,:is(.brand-home-shell,.brand-catalog) .nav-pill a:hover{color:#fff;box-shadow:none}
:is(.brand-home-shell,.brand-catalog) .header-actions .btn{background:transparent;color:#f0eee8;border:1px solid #ffffff38;border-radius:6px;font-size:11px;min-height:40px;padding:10px 16px}
:is(.brand-home-shell,.brand-catalog) .header-actions .btn:hover{background:#f0eee8;color:#151515;border-color:#f0eee8}
:is(.brand-home-shell,.brand-catalog) .lang-btn{color:#b9b8b4;font-size:11px}
:is(.brand-home-shell,.brand-catalog) .lang-btn:hover{color:#fff}
:is(.brand-home-shell,.brand-catalog).site-shell .site-footer{margin:0;padding:70px 0 28px;border-color:#ffffff26;color:#f0eee8}
.brand-home-shell.site-shell .site-footer{padding-inline:6vw}
:is(.brand-home-shell,.brand-catalog) .footer-signature p,:is(.brand-home-shell,.brand-catalog) .footer-bottom{color:#aaa9a4}
:is(.brand-home-shell,.brand-catalog) .footer-links a{color:#d2d0ca}
:is(.brand-home-shell,.brand-catalog) .footer-links a:hover{color:#fff}
.brand-home-shell .footer-home-meta{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.brand-home-shell .footer-admin-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;color:#6e6d67;border-radius:6px;transition:color .2s}
.brand-home-shell .footer-admin-link:hover{color:#aaa9a4}
.brand-home-shell .footer-admin-link:focus-visible{color:#f0eee8;outline:2px solid currentColor;outline-offset:3px}
:is(.brand-home-shell,.brand-catalog) :is(a,button,[role=button]):focus-visible{outline:2px solid #eee9de;outline-offset:5px}
.brand-catalog .catalog{padding:58px 0 100px}
.brand-catalog .page-heading{padding:65px 0 60px}
.brand-catalog .page-heading h1{font-size:clamp(50px,7vw,110px);font-weight:400;line-height:1;letter-spacing:-.065em}
.brand-catalog .page-heading p{font-size:13px;max-width:360px}
.brand-catalog .filter-row{background:transparent;border:0;border-bottom:1px solid var(--quiet-line);width:100%;border-radius:0;padding:0 0 20px;gap:10px;margin-bottom:30px}
.brand-catalog .filter-row button{color:#b2b1ab;padding:10px 18px;border-radius:5px}
.brand-catalog .filter-row button:hover{background:#ffffff0c;color:#f0eee8}
.brand-catalog .filter-row button.active{background:#f0eee8;color:#151515;border-color:transparent;box-shadow:none}
.brand-catalog .template-grid{gap:66px 3vw}
.brand-catalog .template-preview{aspect-ratio:1.35;padding:0;border:1px solid #ffffff20;border-radius:7px;background:#202020!important;transition:border-color .25s,transform .35s}
.brand-catalog .template-preview:hover{border-color:#ffffff65;background:#202020!important;transform:translateY(-3px)}
.brand-catalog .preview-frame{border:0;border-radius:6px;box-shadow:none}
.brand-catalog .template-info{padding:23px 0 20px}
.brand-catalog .template-info h3{font-size:30px;color:#f0eee8}
.brand-catalog .template-edition,.brand-catalog .catalog-more p{color:#aaa9a4}
.brand-catalog .catalog-more .btn{color:#f0eee8;background:#ffffff08;border-radius:6px}
.brand-catalog .catalog-more .btn:hover{background:#ffffff16}
.brand-catalog .catalog-help .btn{background:#f0eee8;color:#151515;border-radius:6px}
.brand-catalog .catalog-help .btn:hover{background:#fff;transform:translateY(-2px)}
@media(max-width:760px){
 :is(.brand-home-shell,.brand-catalog).site-shell .topbar{min-height:112px;gap:7px 12px;grid-template-columns:1fr auto;padding-block:12px}
 .brand-home-shell.site-shell .topbar{padding-inline:6vw}
 :is(.brand-home-shell,.brand-catalog) .nav-pill{display:flex;grid-row:2;grid-column:1/-1;justify-content:flex-start;gap:28px}
 :is(.brand-home-shell,.brand-catalog) .header-actions .btn{padding:8px 12px}
 .brand-catalog .catalog{padding-top:34px}
 .brand-catalog .page-heading{padding:38px 0;gap:24px;grid-template-columns:1fr}
 .brand-catalog .page-heading p{justify-self:start}
 .brand-catalog .template-grid{grid-template-columns:1fr;gap:40px}
 .brand-catalog .filter-row{gap:4px}
 .brand-catalog .filter-row button{padding:10px 12px}
 .brand-catalog .template-preview{aspect-ratio:1.2}
 :is(.brand-home-shell,.brand-catalog).site-shell .site-footer{padding-block:45px 24px}
}
@media(prefers-reduced-motion:reduce){.brand-catalog .template-preview:hover,.brand-catalog .catalog-help .btn:hover{transform:none}}
/* Interactions change the complete control, with no decorative arrow system. */
:is(.brand-home-shell,.brand-catalog) .nav-pill a{padding:9px 14px;transition:background .2s,color .2s;font-size:13px}
:is(.brand-home-shell,.brand-catalog) .nav-pill a.active,:is(.brand-home-shell,.brand-catalog) .nav-pill a:hover,:is(.brand-home-shell,.brand-catalog) .nav-pill a:focus-visible{background:#f0eee8;color:#151515;text-decoration:none}
:is(.brand-home-shell,.brand-catalog) .nav-pill a::after{display:none}
:is(.brand-home-shell,.brand-catalog).site-shell .topbar{border:0}
.brand-catalog .catalog-heading-meta{display:none}
.brand-catalog .page-heading{padding-top:28px}
.brand-catalog .page-heading h1{text-wrap:balance}
.brand-catalog .template-edition{display:none}
.brand-catalog .template-card.is-resume .template-edition{display:block}
.brand-catalog .template-controls{border:0;gap:12px;padding-top:0}
.brand-catalog .template-controls .btn{padding:12px 20px;border:1px solid #ffffff26;border-radius:4px;transition:background .2s,color .2s,border-color .2s}
.brand-catalog .template-controls .btn:hover,.brand-catalog .template-controls .btn:focus-visible{background:#f0eee8;color:#151515;border-color:#f0eee8;text-decoration:none}
.brand-catalog .filter-row{border:0;padding-bottom:5px}
.brand-catalog .catalog-summary{border:0;padding-top:0;font-size:12px}
.brand-catalog .template-info .price-tag{font-size:12px}
@media(max-width:760px){:is(.brand-home-shell,.brand-catalog) .nav-pill{gap:5px}.brand-catalog .page-heading h1{font-size:clamp(42px,11vw,72px)}}
/* Full photographic cover: shared grid edge, navigation sits over the image. */
.brand-home-shell.site-shell{position:relative;isolation:isolate}
.brand-home-shell.site-shell > .topbar{position:absolute;inset:0 0 auto;z-index:30;background:transparent;padding-inline:clamp(24px,2.5vw,48px);border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.brand-home-shell.site-shell .site-footer{padding-inline:clamp(24px,2.5vw,48px)}
@media(max-width:370px){.brand-home-shell.site-shell > .topbar,.brand-home-shell.site-shell .site-footer{padding-inline:20px}}