/* Nebelblüte streetwear concept; scoped to the public home. */
:root{--ink:#202120;--paper:#f1eee7;--red:#a6505d}html{scroll-behavior:auto}body.home{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.home .wp-site-blocks{padding:0}.home :where(.wp-site-blocks)>*{margin-block-start:0}.st-header{background:var(--ink);color:var(--paper);padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.st-header a,.st-header summary{color:inherit;text-decoration:none}.st-logo{font-weight:950;letter-spacing:-.07em;font-size:clamp(22px,2.3vw,34px)}.st-logo span{color:var(--red);margin-left:4px}.st-desktop{display:flex;gap:32px;font-size:13px;font-weight:700}.st-header-note,.st-eyebrow,.st-small,.st-ticker,.st-badge{font-size:11px;font-weight:800;letter-spacing:.12em}.st-menu{display:none}.street *{box-sizing:border-box}.street h1,.street h2,.street h3,.street p{margin:0}.st-hero{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 42%;min-height:600px;padding:5vw;gap:5vw}.st-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.st-hero h1{font-size:clamp(76px,11.8vw,180px);letter-spacing:-.085em;line-height:.78;margin:36px 0}.st-hero h1 span,.st-world h2 span,.st-contact h2 span{color:var(--red)}.st-hero-copy>p:not(.st-eyebrow):not(.st-small){font-size:clamp(17px,1.5vw,22px);line-height:1.5;max-width:420px}.st-button{display:inline-flex;gap:40px;justify-content:space-between;background:var(--paper);color:var(--ink)!important;padding:19px 22px;margin:30px 0;text-decoration:none;font-size:13px;font-weight:800}.st-button:hover{background:var(--red);color:white!important}.st-small{opacity:.7}.st-hero-art{background:var(--red);position:relative;overflow:hidden;min-height:480px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.st-hero-art>span,.st-hero-art>p{font-size:12px;letter-spacing:.16em;font-weight:900}.st-hero-art>div{font-size:clamp(180px,32vw,480px);line-height:.7;align-self:center;color:var(--ink);transform:rotate(-15deg)}.st-hero-art>p{align-self:flex-end;text-align:right;font-size:clamp(22px,3vw,46px);letter-spacing:-.07em;line-height:.9}.st-ticker{background:var(--red);color:white;padding:17px 5%;text-align:center}.st-section{padding:100px 5% 110px}.st-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:45px}.st-heading h2,.st-world h2,.st-contact h2{font-size:clamp(44px,6vw,90px);letter-spacing:-.07em;line-height:.92;margin-top:25px}.st-heading h2 span{color:var(--red)}.st-heading>p{max-width:330px;line-height:1.5}.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.st-image{position:relative;background:#d6d1ca}.st-image img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.st-badge{position:absolute;top:16px;left:16px;background:var(--ink);color:white;padding:10px}.st-card-head{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-top:19px}.st-card h3{font-size:clamp(20px,2.2vw,30px);letter-spacing:-.05em}.st-card-head span,.st-card-note{font-size:11px;letter-spacing:.08em}.st-card>p{margin-top:10px;font-weight:700}.st-card .st-card-note{font-weight:400}.st-world{background:var(--ink);color:var(--paper);padding:100px 5%;display:grid;grid-template-columns:1fr 3fr 1fr;gap:25px}.st-world p:not(.st-eyebrow){max-width:540px;line-height:1.6;margin-top:30px}.st-stamp{font-weight:900;font-size:70px;line-height:.75;text-align:center;color:var(--red);transform:rotate(10deg)}.st-contact{padding:100px 5%;background:#d9d4cc;display:grid;grid-template-columns:1fr 3fr;gap:25px}.st-contact p:not(.st-eyebrow){margin-top:30px}.st-contact a{display:inline-block;color:var(--ink);font-weight:800;margin-top:20px;overflow-wrap:anywhere}.home .nb-footer{background:var(--ink);color:var(--paper)}.home .nb-footer a{color:inherit}.home a:focus-visible,.home summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}@media(max-width:700px){.st-header{padding:16px 5%;position:relative}.st-desktop,.st-header-note{display:none}.st-menu{display:block;font-weight:800;font-size:12px}.st-menu summary{cursor:pointer;list-style:none;padding:12px 0}.st-menu summary::-webkit-details-marker{display:none}.st-menu nav{position:absolute;z-index:5;top:100%;left:0;right:0;background:var(--ink);padding:15px 5% 25px;display:grid;gap:0}.st-menu nav a{padding:15px 0;border-top:1px solid #555}.st-hero{grid-template-columns:1fr;padding:65px 5% 25px;min-height:0}.st-hero h1{font-size:clamp(70px,16vw,115px)}.st-hero-art{min-height:260px;margin-top:20px}.st-hero-art>div{font-size:210px}.st-section{padding:70px 5%}.st-heading{display:block}.st-heading>p{margin-top:25px}.st-grid{grid-template-columns:1fr;gap:40px}.st-world{padding:70px 5%;grid-template-columns:1fr}.st-stamp{display:none}.st-contact{padding:70px 5%;grid-template-columns:1fr}.st-ticker{font-size:9px;line-height:1.5}}

.st-header,.nb-footer{font-family:Arial,Helvetica,sans-serif}.nb-footer .nb-footer-brand{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.07em}.st-hero-copy{min-width:0}@media(max-width:380px){.st-hero h1{font-size:18vw}.st-small{letter-spacing:.06em}}
.st-logo img{display:block;width:clamp(160px,19vw,250px);height:auto;filter:brightness(0) invert(1)}
.st-menu-icon{display:inline-block;width:16px;height:11px;margin-left:5px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
.st-arrow{width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor}
.st-hero-art>.st-flower{width:80%;height:130px;background:url('nebelbluete-logo.svg') center/contain no-repeat;transform:none}
.st-mini-flower{display:inline-block;width:45px;height:45px;background:url('nebelbluete-logo.svg') left center/auto 45px no-repeat;filter:brightness(0) invert(1)}
/* Dedicated non-transactional catalog and product-bound concept views. */
.nb-catalog{background:var(--paper);color:var(--ink);padding:40px 5% 110px;min-height:60vh}.nb-catalog-top{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700}.nb-catalog-top .st-eyebrow{margin-right:auto}.nb-catalog-top a,.nb-card-link{color:inherit;text-decoration:none}.nb-catalog-heading{max-width:1000px;padding:90px 0 70px}.nb-catalog-heading h1{font-size:clamp(54px,8vw,120px);line-height:.88;letter-spacing:-.075em;margin:22px 0 30px}.nb-catalog-heading h1 span{color:var(--red)}.nb-catalog-heading>p:last-child{font-size:18px;line-height:1.5;max-width:570px}.nb-shop-grid{max-width:1400px}.nb-card-link{display:block}.nb-card-link h2{font-size:clamp(19px,2vw,28px);letter-spacing:-.04em}.nb-discover{display:inline-block;color:var(--ink);font-size:13px;font-weight:800;margin-top:16px;text-underline-offset:4px}.nb-outline{display:inline-block;border:1px solid var(--ink);padding:16px 20px;color:var(--ink)!important;text-decoration:none;font-size:13px;font-weight:800}.nb-outline:hover,.nb-outline:focus-visible{background:var(--ink);color:white!important}.nb-home-shop{margin-top:40px}.nb-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(35px,7vw,120px);align-items:center;max-width:1400px;margin:60px auto 0}.nb-detail-image img{width:100%;height:auto;display:block}.nb-detail-copy h1{font-size:clamp(44px,5vw,76px);line-height:.98;letter-spacing:-.065em;margin:20px 0 30px}.nb-detail-copy p{line-height:1.6;margin-bottom:20px}.nb-detail-intro{font-size:21px}.nb-unavailable{font-weight:800;border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:18px 0}.st-card-head{gap:12px}.st-card-head span{white-space:nowrap;flex-shrink:0}.st-card-head h3{min-width:0}.street a:focus-visible,.st-header a:focus-visible,.st-menu summary:focus-visible{outline:3px solid #a6505d;outline-offset:4px}@media(max-width:700px){.nb-catalog{padding:28px 5% 70px}.nb-catalog-top{flex-wrap:wrap}.nb-catalog-top .st-eyebrow{flex-basis:100%}.nb-catalog-heading{padding:65px 0 45px}.nb-catalog-heading h1{font-size:clamp(44px,11vw,70px)}.nb-detail{grid-template-columns:1fr;margin-top:35px;gap:35px}.nb-detail-copy h1{font-size:clamp(40px,10vw,64px)}.st-card-head h3{font-size:clamp(16px,5vw,22px)}}
