:root{--deep:#081d33;--gold-soft:#f4dfac}
.btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.06)}
.hero-grid{min-height:620px;grid-template-columns:1.05fr .95fr;gap:54px}.hero h1{font-size:clamp(3rem,5.7vw,5.2rem)}
.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#c9dcec;font-size:.79rem}
.showcase{position:relative;min-height:470px}.showcase-orbit{position:absolute;inset:8% 6%;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.showcase-main{position:absolute;inset:8% 7% 12% 16%;display:grid;place-items:center;border-radius:34px;background:linear-gradient(145deg,#fff,#efe6d1);box-shadow:0 28px 80px rgba(0,0,0,.28);transform:rotate(2deg)}
.showcase-main img{width:88%;height:84%;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.18))}.product-chip{position:absolute;left:22px;bottom:20px;padding:8px 13px;border-radius:99px;background:var(--navy);color:#fff;font-size:.76rem;font-weight:800}
.showcase-small{position:absolute;width:126px;height:126px;border:6px solid rgba(255,255,255,.72);border-radius:24px;background:#fff;box-shadow:0 15px 40px rgba(0,0,0,.25);overflow:hidden}.showcase-small img{width:100%;height:100%;object-fit:contain}.showcase-one{left:0;bottom:4%;transform:rotate(-8deg)}.showcase-two{right:0;top:2%;transform:rotate(7deg)}
.trust-item{display:flex;gap:13px;align-items:center;padding:22px}.trust-item i{font-style:normal;color:var(--gold);font-family:Georgia,serif;font-size:1.4rem}.trust-item div{min-width:0}
.kicker{color:var(--gold);letter-spacing:.14em;font-size:.75rem;font-weight:850}.collections{background:var(--cream)}
.visual-categories{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:275px 275px;gap:18px}.visual-category{position:relative;display:flex;align-items:end;overflow:hidden;border-radius:20px;background:#fff;border:1px solid rgba(16,47,82,.08);padding:24px;transition:.28s}.visual-category:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(16,47,82,.13)}
.visual-category img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:14px;opacity:.9;transition:.35s}.visual-category:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(8,29,51,.92))}.visual-category>div{position:relative;z-index:2;color:#fff}.visual-category span{font-size:.68rem;letter-spacing:.14em;color:#f9d77f;font-weight:800}.visual-category h3{margin:5px 0;font-family:Georgia,serif;font-size:1.65rem}.visual-category b{font-size:.78rem}.visual-large{grid-row:span 2}.visual-large h3{font-size:2.3rem}
.category-dark{background:linear-gradient(145deg,#0d2c4c,#1b5b83)}.category-gold{background:linear-gradient(145deg,#a8741f,#e5ba55)}.category-symbol{position:absolute!important;z-index:0!important;right:18px;top:-18px;color:rgba(255,255,255,.13)!important;font-family:Georgia,serif;font-size:10rem;font-weight:800}
.products-section{background:#fff}.text-link{color:var(--blue);font-weight:800}.b2b-section{background:#edf3f8}.b2b-panel{padding:58px;border-radius:28px;background:linear-gradient(135deg,var(--deep),#174f77);box-shadow:0 30px 70px rgba(8,29,51,.2)}.b2b-panel h2{margin:10px 0 18px;font-size:clamp(2.3rem,4vw,3.4rem);line-height:1.05}
.steps{display:grid;gap:12px}.step{display:flex;gap:15px;align-items:center;padding:17px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.step>b{display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--navy)}.step strong,.step span{display:block}.step span{font-size:.84rem;color:#c9d9e6}
.closing-cta{padding:58px 0;background:var(--deep);color:#fff}.closing-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.closing-cta h2{margin:5px 0 0;font-family:Georgia,serif;font-size:2.4rem}.closing-cta .container>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:950px){.showcase{min-height:420px}.visual-categories{grid-template-columns:1fr 1fr;grid-template-rows:360px 250px 250px}.visual-large{grid-column:span 2;grid-row:auto}.closing-cta .container{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.showcase{min-height:330px}.showcase-small{width:88px;height:88px}.visual-categories{grid-template-columns:1fr;grid-template-rows:repeat(4,280px)}.visual-large{grid-column:auto}.b2b-panel{padding:30px}}

/* Vienna editorial storefront — September 2026 */
body{background:#fcfbf8}.site-header{background:rgba(252,251,248,.97)}.admin-bar .site-header{top:32px}.brand-mark{background:#102f52;border-radius:50%;border:1px solid #b99958}.btn{border-radius:6px;min-height:48px;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b68b36;outline-offset:4px}
.vienna-editorial .hero{background:#f3efe6;color:#102f52;border-bottom:1px solid #ded8ca}.vienna-editorial .hero:after{border:1px solid #d5c7a8;top:5%;right:-9%;width:540px;height:540px}.vienna-editorial .hero-grid{min-height:585px;padding-top:56px;padding-bottom:56px;gap:35px;grid-template-columns:1.1fr 1fr}.vienna-editorial .hero h1{font-size:clamp(46px,5.8vw,78px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:22px 0}.vienna-editorial .hero h1 em{color:#9b702b;font-weight:400}.vienna-editorial .hero p{font-size:17px;line-height:1.8;color:#5c625f;max-width:470px}.vienna-editorial .hero .eyebrow{color:#866423;font-size:11px;letter-spacing:.19em}.vienna-editorial .hero .btn-gold{background:#102f52;color:#fff}.vienna-editorial .hero .btn-ghost{color:#102f52;border-color:#b8b4a9;background:transparent}.vienna-editorial .hero-proof{color:#636960;font-size:11px;gap:16px}.vienna-editorial .showcase{min-height:440px}.vienna-editorial .showcase-main{background:#e7dcc4;border:1px solid #d5c7a8;border-radius:180px 180px 12px 12px;inset:0 10% 0 12%;transform:rotate(0);box-shadow:0 22px 50px #45371918}.vienna-editorial .showcase-main img{height:76%;width:91%;filter:none;mix-blend-mode:multiply}.vienna-editorial .showcase-small{border-radius:50%;border:8px solid #fcfbf8;box-shadow:0 15px 35px #102f5215;width:116px;height:116px}.vienna-editorial .showcase-one{left:0;bottom:4%}.vienna-editorial .showcase-two{top:4%;right:0}.vienna-editorial .showcase-orbit{border-color:#cdbd9a;inset:0;border-radius:50%}.vienna-editorial .product-chip{left:50%;transform:translateX(-50%);white-space:nowrap;background:#fcfbf8;color:#102f52;bottom:20px;border:1px solid #d5c7a8;letter-spacing:.07em;font-size:10px}
.vienna-editorial .trust-strip{background:#102f52;border:0}.vienna-editorial .trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vienna-editorial .trust-item{border-color:#ffffff20;padding:23px 14px}.vienna-editorial .trust-item strong{color:#fff;font-size:13px}.vienna-editorial .trust-item span{color:#bdcbd5;font-size:11px}.vienna-editorial .trust-item i{color:#d6b26e}
.vienna-editorial .collections{background:#fcfbf8}.vienna-editorial .section{padding:72px 0}.vienna-editorial .section-heading h2{font-weight:400;letter-spacing:-.025em;font-size:42px}.vienna-editorial .kicker{color:#8b6829;font-size:10px}.vienna-editorial .section-heading p{font-size:14px;max-width:420px}.vienna-editorial .visual-categories{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:340px;gap:18px}.vienna-editorial .visual-large{grid-row:auto}.vienna-editorial .visual-category{padding:20px;background:#eee9df;border:0;border-radius:8px}.vienna-editorial .visual-category img{height:65%;padding:22px;opacity:1;mix-blend-mode:multiply}.vienna-editorial .visual-category:after{display:none}.vienna-editorial .visual-category>div{color:#102f52}.vienna-editorial .visual-category h3{font-size:24px;font-weight:400;line-height:1.15;margin:8px 0}.vienna-editorial .visual-category span{color:#80602b;font-size:9px}.vienna-editorial .visual-category b{font-size:11px;font-weight:600}.vienna-editorial .visual-category:nth-child(2){background:#e8eef0}.vienna-editorial .visual-category:nth-child(3){background:#efe5d6}.vienna-editorial .visual-category:nth-child(4){background:#e7ebe1}
.vienna-editorial .products-section{background:#f3f0e8}.vienna-editorial .woocommerce ul.products li.product{border:0;border-radius:8px;box-shadow:0 3px 15px #102f5205}.vienna-editorial .b2b-section{background:#fcfbf8}.vienna-editorial .b2b-panel{background:#102f52;border-radius:12px;box-shadow:none}.vienna-editorial .b2b-panel h2{font-weight:400}.vienna-editorial .closing-cta{background:#e9dfcb;color:#102f52}.vienna-editorial .closing-cta .btn-ghost{color:#102f52;border-color:#8b7850}.site-footer{border-top:1px solid #ffffff15}
.catalog-intro{background:#102f52;color:white;border-radius:14px;padding:38px 42px;margin-bottom:34px;display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center}.catalog-intro small{color:#dec28d;font-size:10px;letter-spacing:.18em}.catalog-intro h1{font-family:Georgia,serif;font-size:44px;line-height:1.12;font-weight:400;margin:12px 0}.catalog-intro p{font-size:14px;color:#c8d5df;margin:0}.catalog-search label{display:block;margin-bottom:10px;font-size:12px}.catalog-search>div{display:flex;gap:8px}.catalog-search input{min-width:0;flex:1;width:100%;padding:14px;border-radius:5px;border:1px solid #d4d9de;font:inherit;font-size:13px}.catalog-search button{background:#d6b26e;border:0;border-radius:5px;padding:12px 18px;color:#102f52;font-weight:700;cursor:pointer}.catalog-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.catalog-links a{font-size:11px;padding:5px 10px;border:1px solid #ffffff40;border-radius:20px}.catalog-links a:hover{background:#ffffff18}.catalog-shell .woocommerce-products-header{display:none}.catalog-shell .site-main{padding-top:28px}
@media(max-width:950px){.vienna-editorial .hero-grid{grid-template-columns:1fr 1fr;gap:20px}.vienna-editorial .hero h1{font-size:52px}.vienna-editorial .showcase{min-height:350px}.vienna-editorial .visual-categories{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,320px)}.vienna-editorial .visual-large{grid-column:auto}.catalog-intro{padding:28px;grid-template-columns:1fr}.catalog-intro h1{font-size:36px}}
@media(max-width:600px){.admin-bar .site-header{top:0}.topbar .container{display:flex;flex-direction:column;gap:2px;font-size:10px;padding:7px 0}.header-inner{height:68px}.brand strong{font-size:15px}.brand small{font-size:10px}.main-nav.open{top:68px}.vienna-editorial .hero-grid{grid-template-columns:1fr;padding:35px 0 28px;gap:28px}.vienna-editorial .hero h1{font-size:46px}.vienna-editorial .hero p{font-size:15px}.vienna-editorial .hero-buttons{gap:8px}.vienna-editorial .hero-buttons .btn{font-size:12px;padding:12px}.vienna-editorial .hero-proof{margin-top:18px;font-size:10px;gap:9px}.vienna-editorial .showcase{min-height:285px;width:90%;margin:auto;display:block}.vienna-editorial .showcase-small{width:85px;height:85px}.vienna-editorial .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vienna-editorial .trust-item{padding:16px 8px;gap:8px}.vienna-editorial .trust-item strong{font-size:11px}.vienna-editorial .trust-item span{font-size:10px}.vienna-editorial .section{padding:42px 0}.vienna-editorial .section-heading{display:block}.vienna-editorial .section-heading h2{font-size:33px}.vienna-editorial .section-heading p{margin-top:14px}.vienna-editorial .visual-categories{gap:12px;grid-template-rows:repeat(2,285px)}.vienna-editorial .visual-category{padding:14px}.vienna-editorial .visual-category h3{font-size:21px}.vienna-editorial .visual-category img{height:58%;padding:14px}.vienna-editorial .visual-category span{font-size:8px}.vienna-editorial .visual-category b{font-size:10px}.vienna-editorial .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.vienna-editorial .woocommerce ul.products li.product{padding:9px}.vienna-editorial .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:12px!important}.vienna-editorial .b2b-panel{padding:25px}.catalog-intro{padding:24px 20px;gap:24px}.catalog-intro h1{font-size:33px}.catalog-search>div{gap:5px}.catalog-search button{padding:10px}.catalog-search input{padding:12px 9px}.closing-cta h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.btn,.visual-category,.visual-category img{transition:none!important;transform:none!important}}