/* Sorevalli · Main edition: original layout, Jost typography, editorial footer. */
.brand,.drawer-brand{font-family:var(--font-site);font-weight:400;letter-spacing:.14em;text-transform:uppercase}
.brand{font-size:30px;line-height:1.2}
.drawer-brand{font-size:25px}
body{font-weight:350;letter-spacing:.005em}
h1,h2{font-weight:350}
.primary-nav .nav-item>a,.primary-nav .nav-menu-toggle{font-size:12px;letter-spacing:.06em;font-weight:400}
.hero-copy h2{font-weight:300;letter-spacing:-1.2px;line-height:1.1}
.hero-copy p{font-weight:350;font-size:15px;line-height:1.6}
.hero-copy .text-link{font-style:normal;font-size:14px;letter-spacing:.02em}
.editorial-copy h2{font-weight:300;letter-spacing:-.6px}
.editorial-copy .text-link{font-style:normal}
.section-heading{font-weight:400;letter-spacing:.015em}
.product-caption{font-weight:400;font-size:13px}
.ready,.made{font-weight:350;letter-spacing:.01em}
.collection-intro h1,.product-information h1,.info-content h1{font-weight:300;letter-spacing:-.03em}
.announcement{letter-spacing:.01em}
.atelier-footer{--brown:#443126;--paper:#f5f0e7;--side:clamp(24px,3.125vw,60px);--sans:var(--font-site);font-family:var(--font-site);font-weight:350}
.atelier-footer .eyebrow{display:block;font-family:var(--font-site);font-size:10px;line-height:1.5;letter-spacing:1.65px;text-transform:uppercase}
.atelier-footer em{font-weight:300}
.atelier-footer{background:var(--brown);color:#eee4d5;padding:0 var(--side) 24px}
.atelier-newsletter{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:82px 25px 78px;border-bottom:1px solid #b7a08845;align-items:center}
.atelier-newsletter .eyebrow{color:#bca48b;font-size:9px;margin-bottom:23px}
.atelier-newsletter h2{font-size:clamp(55px,4.4vw,84px);font-weight:300;line-height:1.02;letter-spacing:-1.1px;margin-bottom:23px}
.atelier-newsletter>div>p{font-family:var(--font-site);font-size:11px;line-height:1.9;color:#bdab95}
.atelier-newsletter form{padding-top:25px;max-width:590px}
.atelier-newsletter label{font-family:var(--font-site);font-size:9px;letter-spacing:1.2px;color:#bca48b}
.newsletter-entry{display:flex;align-items:center;border-bottom:1px solid #c3aa8b;gap:20px;margin:15px 0 18px}
.newsletter-entry input{flex:1;width:100%;min-width:0;background:transparent;border:0;border-radius:0;font-family:var(--font-site);font-size:29px;font-weight:300;padding:12px 0 20px;color:#eee4d5;outline-offset:0}
.newsletter-entry input::placeholder{color:#bca48b}
.newsletter-entry button{font-family:var(--font-site);font-size:34px;width:60px;min-height:60px;color:#eee4d5}
.newsletter-entry button:disabled{font-family:var(--font-site);font-size:10px;min-width:85px;opacity:.8}
.newsletter-policy{font-family:var(--font-site);font-size:9px;color:#a68e74;line-height:1.8;max-width:390px}
.newsletter-policy a{border-bottom:1px solid #8f775c}
.atelier-newsletter .form-result.success{color:#e7d1a7;font-family:var(--font-site);font-size:10px}
.atelier-footer-links{display:grid;grid-template-columns:2fr 1.1fr 1.1fr 1.2fr 1fr;gap:35px;padding:52px 25px 50px}
.footer-philosophy p{font-size:23px;font-weight:300;line-height:1.3;margin-bottom:22px}
.footer-philosophy>span{font-family:var(--font-site);font-size:8px;letter-spacing:.9px;color:#9e876e}
.atelier-footer-links nav,.footer-social{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.atelier-footer-links h3{font-family:var(--font-site);font-size:8px;color:#b29a7d;letter-spacing:1.2px;margin-bottom:9px}
.atelier-footer-links nav>a,.footer-social>a{font-family:var(--font-site);font-size:10px;color:#ddd0bc;line-height:1.7}
.atelier-footer-links nav>a:hover,.footer-social>a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-wordmark{display:block;font-weight:300;font-size:11.6vw;line-height:1.1;letter-spacing:-.45vw;text-align:center;padding:5px 0 35px;white-space:nowrap;color:#e7dbc8}
.atelier-legal{padding-top:23px;border-top:1px solid #b7a08845;display:flex;justify-content:space-between;gap:25px;font-family:var(--font-site);font-size:8px;letter-spacing:.2px;line-height:1.7;color:#b39d80}
.atelier-legal>div{display:flex;flex-wrap:wrap;gap:22px}
.atelier-legal>div button{font-size:inherit}
.atelier-legal>span:last-child{font-size:7px;letter-spacing:.9px}
@media(max-width:1400px){
.atelier-footer-links{gap:25px;grid-template-columns:1.7fr 1fr 1fr 1.1fr 1fr}
}
@media(max-width:1100px){
.atelier-newsletter{padding:65px 0;gap:9vw}
.atelier-newsletter h2{font-size:64px}
.atelier-footer-links{grid-template-columns:1.5fr 1fr 1fr 1.2fr;padding-left:0;padding-right:0;gap:30px 20px}
.footer-social{grid-column:2/4;flex-direction:row;gap:20px;align-items:center}
.footer-social h3{margin:0 10px 0 0}
.footer-wordmark{font-size:11.3vw}
.atelier-legal{gap:20px;font-size:7px}
.atelier-legal>div{gap:14px}
.atelier-legal>span:last-child{display:none}
}
@media(max-width:700px){
.atelier-footer{padding:0 24px 25px}
.atelier-newsletter{display:block;padding:55px 0 44px}
.atelier-newsletter .eyebrow{font-size:7px;margin-bottom:23px;letter-spacing:1.2px}
.atelier-newsletter h2{font-size:60px;line-height:1.02;margin-bottom:22px;letter-spacing:-1px}
.atelier-newsletter>div>p{font-size:10px;line-height:1.85}
.atelier-newsletter form{padding-top:36px}
.atelier-newsletter label{font-size:7px;letter-spacing:1.1px}
.newsletter-entry{margin:9px 0 16px}
.newsletter-entry input{font-size:27px;padding:10px 0 19px}
.newsletter-entry button{font-size:28px;width:40px;min-height:50px}
.newsletter-policy{font-size:8px;line-height:1.8;max-width:285px}
.atelier-footer-links{padding:35px 0 30px;grid-template-columns:1fr 1fr;gap:35px 20px}
.footer-philosophy{grid-column:1/-1;display:block;margin-bottom:5px}
.footer-philosophy p{font-size:20px;line-height:1.3;margin:0 0 10px}
.footer-philosophy>span{font-size:6px;letter-spacing:.7px}
.atelier-footer-links nav,.footer-social{gap:9px}
.atelier-footer-links h3{font-size:7px;letter-spacing:1px;margin-bottom:5px}
.atelier-footer-links nav>a,.footer-social>a{font-size:9px;line-height:1.8}
.footer-social{grid-column:auto;display:flex;flex-direction:column;align-items:flex-start}
.footer-social h3{margin:0 0 5px}
.footer-wordmark{font-size:11.1vw;line-height:1.2;letter-spacing:-.5vw;padding:10px 0 29px}
.atelier-legal{display:block;padding-top:20px;font-size:7px}
.atelier-legal>div{margin-top:14px;gap:13px;flex-wrap:wrap}
.atelier-legal>span:last-child{display:none}
}
.atelier-footer-links nav>a,.footer-social>a{font-size:11px}
.newsletter-policy{color:#bdab95}
@media(max-width:700px){
.atelier-footer-links nav>a,.footer-social>a{font-size:10px}
}
/* The shorter brand name gets a wordmark size of its own. */
.atelier-footer .footer-wordmark{font-family:var(--font-site);font-size:clamp(40px,8vw,150px);line-height:1.05;letter-spacing:.055em;text-transform:uppercase;font-weight:300;padding:6px 0 18px}
.atelier-footer .footer-social>button{font-family:var(--font-site);font-size:11px;font-weight:350;color:#ddd0bc;line-height:1.7;text-align:left}
.atelier-footer .footer-social>button:hover{text-decoration:underline;text-underline-offset:5px}
.atelier-footer .newsletter-entry input{font-weight:300}
.atelier-footer .atelier-newsletter h2{font-weight:300}
@media(max-width:1000px){.brand{font-size:28px}.atelier-footer .footer-social>button{font-size:10px}}
@media(max-width:700px){
 .brand{font-size:25px;letter-spacing:.12em}
 .hero-copy h2{font-size:42px;letter-spacing:-.8px;line-height:1.12}
 .hero-copy p{font-size:12px;line-height:1.65}
 .hero-copy .text-link{font-size:12px}
 .editorial-copy h2{font-size:32px}
 .product-caption{font-size:12px}
 .atelier-footer .footer-wordmark{font-size:10vw;letter-spacing:.055em;padding:10px 0 18px}
 .atelier-footer .footer-social>button{font-size:10px;line-height:1.8}
}

/* Payment marks and deliberate, user-initiated sharing. */
.footer-extras{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin:0 25px 20px;padding:27px 0 24px;border-top:1px solid #b7a08845}
.footer-extras h3{font-size:9px;font-weight:400;line-height:1.5;letter-spacing:1.1px;color:#bca48b;margin:0 0 15px}
.payment-icons{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.payment-icons img{display:block;object-fit:contain;width:54px;height:34px;border-radius:4px}
.footer-sharing{text-align:right}
.share-links{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.share-link,.copy-share-link{display:inline-flex;align-items:center;justify-content:center;flex:none;height:34px;min-width:34px;border:1px solid #bca48b75;border-radius:50%;color:#eee4d5;transition:background .2s,color .2s,border-color .2s}
.share-link svg{display:block;fill:currentColor;width:13px;height:15px}
.share-link:hover,.copy-share-link:hover{background:#eee4d5;color:#443126;border-color:#eee4d5}
.copy-share-link{padding:0 12px;gap:7px;border-radius:19px;font-size:10px;letter-spacing:.1px;line-height:1}
.copy-share-link svg{width:16px;height:16px;display:block;flex:none}

/* The native scroll surface remains draggable while animation loops copies. */
.best-sellers{position:relative}
.products-carousel.is-looping{scroll-snap-type:none;scroll-behavior:auto;overflow-anchor:none}
.carousel-wrapper:has(.is-looping) .carousel-arrow.prev{opacity:1}
.carousel-autoplay-toggle{position:absolute;right:var(--side);top:27px;display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #d7d9d2;border-radius:50%;color:#6b7066;transition:background .2s}
.carousel-autoplay-toggle:hover{background:#f2f3ef}
.carousel-autoplay-toggle svg{width:16px;height:16px}
.carousel-autoplay-toggle[data-paused="false"] .autoplay-play{display:none}
.carousel-autoplay-toggle[data-paused="true"] .autoplay-pause{display:none}
@media(max-width:1100px){.footer-extras{margin-left:0;margin-right:0}}
@media(max-width:700px){
 .footer-extras{display:flex;flex-direction:column;gap:28px;margin:0 0 15px;padding:26px 0 22px}
 .footer-extras h3{font-size:8px;letter-spacing:1px;margin-bottom:13px}
 .payment-icons{gap:7px}
 .payment-icons img{width:51px;height:32px}
 .footer-sharing{text-align:left}
 .share-links{justify-content:flex-start;gap:9px}
 .copy-share-link{font-size:10px}
 .carousel-autoplay-toggle{top:20px;right:18px;width:26px;height:26px}
}
@media(prefers-reduced-motion:reduce){.carousel-autoplay-toggle{display:none}}

/* A quiet reveal as the final signature enters the viewport. */
.atelier-footer .footer-reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity .9s ease,transform 1.1s cubic-bezier(.22,1,.36,1)}
.atelier-footer .footer-wordmark.footer-reveal{transform:translate3d(0,26px,0);transition-duration:1.15s,1.3s;transition-delay:.08s}
.atelier-footer .atelier-legal.footer-reveal{transform:translate3d(0,8px,0);transition-duration:.8s,1s;transition-delay:.15s}
.atelier-footer .footer-reveal.is-revealed,.atelier-footer .footer-reveal:focus-within{opacity:1;transform:translate3d(0,0,0)}

/* Compact legal navigation, aligned right with room for the floating contact. */
.atelier-footer{padding-bottom:18px}
.atelier-legal{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:15px 68px 0 0;line-height:1.5;font-size:10px}
.footer-copyright{flex:none;font-size:12px;color:#ab947a;letter-spacing:.15px}
.footer-policy-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:18px;margin-left:auto;font-size:13px;line-height:1.5;letter-spacing:.1px}
.footer-policy-links a,.footer-policy-links button{color:#c3b09a;font:inherit;white-space:nowrap;text-align:right;transition:color .2s}
.footer-policy-links a:hover,.footer-policy-links button:hover{color:#f5f0e7;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){
 .atelier-footer{padding-bottom:17px}
 .atelier-legal{display:flex;align-items:stretch;flex-direction:column;gap:10px;padding:14px 48px 0 0}
 .footer-copyright{font-size:10px}
 .footer-policy-links{align-self:flex-end;justify-content:flex-end;gap:10px 12px;margin:0;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .atelier-footer .footer-reveal,.atelier-footer .footer-wordmark.footer-reveal,.atelier-footer .atelier-legal.footer-reveal{opacity:1;transform:none;transition:none}
}

/* Consistent, drawn arrows replace font-dependent decorative characters. */
.link-arrow{display:inline-block;vertical-align:middle;width:23px;height:14px;flex:none;transition:transform .25s ease;pointer-events:none}
.breadcrumb-chevron{display:inline-block;width:7px;height:11px;flex:none;vertical-align:middle;opacity:.65}
.text-link{display:inline-flex;align-items:center;gap:9px}
.text-link .link-arrow{width:23px;height:14px}
.text-link:hover .link-arrow,.footer-social>a:hover .link-arrow,.footer-social>button:hover .link-arrow{transform:translateX(3px)}
.footer-social>a,.atelier-footer .footer-social>button{display:inline-flex;align-items:center;gap:8px}
.footer-social .link-arrow{width:20px;height:12px}
.mega-pictures span{display:inline-flex;align-items:center;gap:9px}
.mega-pictures .link-arrow{width:20px;height:12px}
.newsletter-entry button{display:flex;align-items:center;justify-content:center}
.newsletter-entry button .link-arrow{width:28px;height:17px}
.contact-link .link-arrow,.search-result .link-arrow{width:24px;height:14px}
.info-button{display:inline-flex;align-items:center;vertical-align:middle}
.info-button .icon{width:13px;height:13px;stroke-width:1}
.header-right{gap:21px}
.header-right .icon-button{width:25px;height:32px}
.header-right .icon,.header-right button:last-child .icon{width:21px;height:21px;stroke-width:1.15}
.header-left>.icon-button>.icon{width:20px;height:20px;stroke-width:1.15}

/* Keep both navigation rows pinned, including over the homepage campaign. */
:root{--site-header-height:126px}
.header,.header.over-hero,.header.over-hero.scrolled{position:fixed;left:0;right:0;top:0;width:100%;z-index:55;isolation:isolate}
.header-spacer{height:var(--site-header-height);pointer-events:none}
@media(max-width:1300px){:root{--site-header-height:120px}}
@media(max-width:700px){
 :root{--site-header-height:67px}
 .header-right{gap:12px}
 .header-right .icon-button{width:21px;height:29px}
 .header-right .icon,.header-right button:last-child .icon{width:19px;height:19px}
 .header-left>.icon-button>.icon{width:19px;height:19px}
 .footer-social .link-arrow{width:19px;height:12px}
}

/* A champagne-gold glint travels through the letters once every five seconds. */
.brand{position:relative;display:block;isolation:isolate}
.brand::after{content:attr(data-wordmark);position:absolute;inset:0;pointer-events:none;white-space:nowrap;font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;color:transparent;background-image:linear-gradient(105deg,transparent 44%,rgba(180,137,64,.7) 48%,#f6e4b5 50%,rgba(192,151,80,.85) 52%,transparent 56%);background-size:250% 100%;background-position:100% 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;opacity:0;animation:sorevalli-gold-glint 5s linear infinite}
@keyframes sorevalli-gold-glint{
 0%{background-position:100% 0;opacity:0}
 2%{opacity:1}
 24%{background-position:0 0;opacity:1}
 28%,100%{background-position:0 0;opacity:0}
}
@media(prefers-reduced-motion:reduce){.brand::after{animation:none;opacity:0}.link-arrow{transition:none}}

/* Local SVG flags stay crisp at the compact currency selector size. */
.currency-button{gap:8px;min-height:30px}
.currency-flag{display:block;width:20px;height:15px;flex:none;object-fit:contain;border-radius:1px;box-shadow:0 0 0 .5px #0000001f}
.currency-button .icon{margin-left:1px}
.currency-menu{min-width:112px;padding:5px;left:-9px;top:35px}
.currency-menu button{display:flex;align-items:center;gap:9px;padding:9px 10px}

/* Paired floating controls share one size and respect the phone's safe area. */
:root{--floating-size:60px;--floating-right:18px;--floating-bottom:max(18px,env(safe-area-inset-bottom));--floating-gap:12px}
.chat-fab,.back-to-top{width:var(--floating-size);height:var(--floating-size);right:var(--floating-right);border-radius:50%;background:#050505;color:#fff;box-shadow:0 3px 8px #0002}
.chat-fab{bottom:var(--floating-bottom)}
.contact-glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.contact-glyph-chat{animation:contact-chat-cycle 10s ease-in-out infinite}
.contact-glyph-whatsapp{animation:contact-whatsapp-cycle 10s ease-in-out infinite}
.contact-glyph-whatsapp img{display:block;width:28px;height:28px;object-fit:contain}
@keyframes contact-chat-cycle{0%,43%,100%{opacity:1;transform:translateY(0)}48%,93%{opacity:0;transform:translateY(-3px)}98%{opacity:1;transform:translateY(0)}}
@keyframes contact-whatsapp-cycle{0%,43%,98%,100%{opacity:0;transform:translateY(3px)}48%,93%{opacity:1;transform:translateY(0)}}
.back-to-top{position:fixed;z-index:42;bottom:calc(var(--floating-bottom) + var(--floating-size) + var(--floating-gap));display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(9px) scale(.96);transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s .3s,background .2s}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}
.back-to-top .icon{width:25px;height:25px;stroke-width:1.25}
@media(hover:hover) and (pointer:fine){.back-to-top:hover{background:#443126;transform:translateY(-2px)}}

/* A small halo and lift make the header actions respond without moving layout. */
.header-right .icon-button{isolation:isolate;transition:color .2s,transform .2s,opacity .2s}
.header-right .icon-button::before{content:'';position:absolute;left:50%;top:50%;width:36px;height:36px;border-radius:50%;background:#b69a6b1c;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:opacity .2s,transform .2s;z-index:-1}
.header.over-hero:not(.scrolled) .header-right .icon-button::before{background:#ffffff26}
.header-right .icon-button:focus-visible::before{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(hover:hover) and (pointer:fine){
 .header-right .icon-button:hover{opacity:1;color:#9d7945;transform:translateY(-2px)}
 .header.over-hero:not(.scrolled) .header-right .icon-button:hover{color:#f6e4b5}
 .header-right .icon-button:hover::before{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@media(max-width:700px){
 :root{--floating-size:47px;--floating-right:14px;--floating-bottom:max(14px,env(safe-area-inset-bottom));--floating-gap:10px}
 .back-to-top .icon{width:21px;height:21px}
 .contact-glyph-whatsapp img{width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){
 .back-to-top,.header-right .icon-button,.header-right .icon-button::before{transition:none}
 .contact-glyph-chat{animation:none;opacity:0}
 .contact-glyph-whatsapp{animation:none;opacity:1;transform:none}
}
body.panel-open .contact-glyph{animation-play-state:paused}

/* Mobile readability and touch spacing across campaigns, products, and forms. */
@media(max-width:700px){
 .header-left,.header-right{gap:4px}
 .header-left .icon-button,.header-right .icon-button{width:32px;height:44px}
 .hero-shade{background:linear-gradient(180deg,#07120d99 0%,#07120d20 36%,transparent 50%,#09120d8c 100%)}
 .hero-copy{bottom:74px}
 .slide-controls{left:22px;right:auto}
 .variant-picker{display:grid;grid-template-columns:repeat(6,minmax(0,47px));gap:7px}
 .variant-picker button{width:100%;height:auto;aspect-ratio:1}
 .search-form input,.size-select select,.editorial-form input,.editorial-form select,.editorial-form textarea{font-size:16px}
 .search-form input{min-width:0}
 .search-result>div{min-width:0}
 .search-result h3{overflow-wrap:anywhere}
 .close-panel{width:40px;height:40px;right:12px;top:12px}
 .atelier-footer-links nav>a,.footer-social>a,.atelier-footer .footer-social>button{font-size:11px}
 .atelier-footer-links h3,.footer-extras h3{font-size:9px}
 .atelier-newsletter .eyebrow,.atelier-newsletter label{font-size:9px}
 .atelier-newsletter>div>p{font-size:12px}
 .newsletter-policy{font-size:10px;line-height:1.7}
}
@media(max-width:350px){.payment-icons{gap:6px}.payment-icons img{width:48px;height:31px}}

/* Keep campaign copy legible even when a film frame is almost white. */
.hero-shade{pointer-events:none;background:linear-gradient(180deg,#09130fa6 0px,#09130f94 160px,#09130f00 340px),linear-gradient(0deg,#09130fb8 0px,#09130f9e 160px,#09130f66 260px,#09130f00 440px)}
.header.over-hero:not(.scrolled){background:linear-gradient(180deg,#09120e24,#09120e0d)}
.hero-copy{text-shadow:0 1px 10px #00000024}
.utility-links.on-hero a{background:#0b17181f}
.utility-links.on-hero a:hover{background:#fff}
.slide-control::before{background:#ffffff94}

/* Search title and recent queries use the same light outline icon system. */
.search-title{display:flex;align-items:center;gap:14px}
.search-title>.icon{width:29px;height:29px;stroke-width:1}
.search-title>span{min-width:0}
.search-history:empty{display:none}
.search-history{margin:0 0 28px}
.search-history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.search-history-heading h3{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#79816e}
.search-history-heading>button{font-size:12px;color:#777b71;min-height:32px;padding:0 2px;text-decoration:underline;text-underline-offset:3px}
.search-history-items{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.search-history-items>button{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-width:0;min-height:35px;border:1px solid #e0e3db;padding:6px 12px;border-radius:20px;font-size:13px;text-align:left;transition:background .2s,border-color .2s}
.search-history-items>button:hover{background:#f2f2ed;border-color:#b9beae}
.search-history-items .icon{width:14px;height:14px;color:#8c927f}
.search-history-items span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* A single-line newsletter title and an explicit email cue. */
.atelier-newsletter h2{white-space:nowrap;font-size:clamp(32px,3.8vw,72px);letter-spacing:-.03em}
.newsletter-email-icon{display:flex;align-items:center;flex:none;color:#c7b69e;padding-bottom:8px}
.newsletter-email-icon .icon{width:24px;height:24px;stroke-width:1.1}
@media(max-width:700px){
 .hero-shade{background:linear-gradient(180deg,#09130fab 0px,#09130f94 130px,#09130f00 310px),linear-gradient(0deg,#09130fb8 0px,#09130fa3 180px,#09130f73 280px,#09130f00 450px)}
 .panel-body>.search-title{font-size:clamp(23px,6.3vw,30px);gap:11px}
 .search-title>.icon{width:23px;height:23px}
 .atelier-newsletter h2{font-size:clamp(27px,8.5vw,42px)}
 .newsletter-entry{gap:12px}
 .newsletter-email-icon .icon{width:20px;height:20px}
 .newsletter-entry input{font-size:clamp(22px,6vw,27px)}
 .footer-philosophy>span{font-size:8px}
}

/* Pine, soft ivory, and quiet sage define the main storefront palette. */
:root{--brand-deep:#243f38;--brand-hover:#365b50;--brand-muted:#6e857b;--ink:#243b33;--paper:#f8f9f5;--pale:#eef2ec;--line:#d7dfd5;--green:#668967;--announcement-height:40px;--site-header-height:164px}
::selection{background:#d3dfd0;color:#20392f}
.announcement{position:fixed;inset:0 0 auto;height:var(--announcement-height);z-index:56;background:#e9eee5;color:#304638;border-bottom:1px solid #ced8ca}
.announcement-spacer{height:var(--announcement-height)}
.header,.header.over-hero,.header.over-hero.scrolled{top:var(--announcement-height);height:var(--site-header-height)}
.header,.header.over-hero.scrolled{background:#f8f9f5fa;color:var(--ink);border-bottom-color:var(--line)}
.topbar{border-bottom-color:#cbd6c95c}
.header-spacer{height:calc(var(--announcement-height) + var(--site-header-height))}
html{scroll-padding-top:calc(var(--announcement-height) + var(--site-header-height) + 16px)}
.utility-links{position:static;display:flex;align-items:center;justify-content:flex-end;height:38px;width:100%;padding:0 var(--side);gap:8px;border-top:1px solid #cbd6c947}
.utility-links a{display:inline-flex;align-items:center;justify-content:center;font-size:10px;padding:2px 12px;line-height:20px;border-color:#afc1af;color:var(--ink)}
.utility-links.on-hero a{color:#fff}
.page-scrolled .utility-links.on-hero{color:var(--ink)}
.page-scrolled .utility-links.on-hero a{color:var(--ink);border-color:#afc1af;background:transparent}
.utility-links a:hover,.page-scrolled .utility-links.on-hero a:hover{background:var(--brand-deep);color:#fff}
.black-button,.chat-fab,.back-to-top{background:var(--brand-deep);border-color:var(--brand-deep)}
.black-button:hover,.back-to-top:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.drawer,.mega-menu,.currency-menu,.filter-popover{background:var(--paper);color:var(--ink)}
.currency-menu button:hover,.currency-menu button.selected,.filter-pill:hover,.filter-pill.applied,.filter-popover button:hover,.filter-popover button.selected,.search-history-items>button:hover{background:#e7eee1;border-color:#9ab197}
.favorite.is-saved .icon{fill:var(--brand-deep);stroke:var(--brand-deep)}
.header-right .icon-button:hover{color:var(--brand-hover)}
.header-right .icon-button::before{background:#688e6821}
.stock-toggle input:checked{background:var(--brand-deep)}
.collection-intro p,.info-details p,.drawer-empty p{color:#63766a}
.ready,.made,.shipping-note,.size-availability{color:#748370}
.info-photo{top:calc(var(--announcement-height) + var(--site-header-height) + 18px)}
.atelier-footer{--brown:var(--brand-deep);--paper:#f1f4ea;background:var(--brand-deep);color:#edf2e6}
.atelier-newsletter,.atelier-legal,.footer-extras{border-color:#a9bda149}
.atelier-footer .eyebrow,.atelier-footer h3,.atelier-newsletter label,.newsletter-entry input::placeholder,.footer-extras h3{color:#afc3ab}
.atelier-newsletter>div>p,.newsletter-policy{color:#bdcdb4}
.newsletter-entry{border-color:#b9cdb0}
.newsletter-entry input,.newsletter-entry button,.newsletter-email-icon{color:#edf2e6}
.newsletter-policy a{border-color:#9bb393}
.atelier-footer-links nav>a,.footer-social>a,.atelier-footer .footer-social>button{color:#dbe7ce}
.footer-philosophy>span,.footer-copyright{color:#a2ba99}
.atelier-footer .footer-wordmark{color:#e1ebd6}
.footer-policy-links a,.footer-policy-links button{color:#c3d1b7}
.share-link,.copy-share-link{color:#e5eedb;border-color:#a8c09a75}
.share-link:hover,.copy-share-link:hover{background:#e5eedb;color:var(--brand-deep);border-color:#e5eedb}
@media(max-width:1300px){:root{--site-header-height:158px}}
@media(max-width:700px){
 :root{--announcement-height:30px;--site-header-height:107px}
 .utility-links{height:40px;padding:0 12px;justify-content:center;gap:6px}
 .utility-links a,.utility-links a:last-child{display:inline-flex;font-size:8px;padding:1px 8px;line-height:21px;flex:none}
 .collection-page>.breadcrumb,.product-page>.breadcrumb,.info-page>.breadcrumb{margin-bottom:24px}
}

/* A compact language control on desktop, with full native names in the mobile menu. */
.language-wrap{position:relative}
.language-button{display:flex;align-items:center;gap:6px;min-height:30px;font-size:11px;letter-spacing:.04em}
.language-button>.icon{width:16px;height:16px}
.language-button>.icon:last-child{width:11px;height:11px}
.language-menu{display:none;position:absolute;top:35px;left:-10px;min-width:138px;padding:6px;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 20px #122c1812;z-index:70}
.language-wrap.open .language-menu{display:block}
.language-menu>button{display:block;padding:10px 12px;font-size:13px;width:100%;text-align:left}
.language-menu>button:hover,.language-menu>button.selected{background:#e7eee1}
.language-menu>button.selected{font-weight:450}
.mobile-languages{margin:28px 0 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}
.mobile-languages h3{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#748773;margin-bottom:10px}
.mobile-languages>div{display:flex;gap:8px;flex-wrap:wrap}
.mobile-languages button{border:1px solid #c6d2c1;border-radius:20px;padding:7px 12px;min-height:34px;font-size:12px}
.mobile-languages button.selected{background:var(--brand-deep);color:#fff;border-color:var(--brand-deep)}
html[lang=de] .atelier-newsletter h2{font-size:clamp(30px,3.5vw,66px)}
html[lang=fr] .search-title,html[lang=de] .search-title{font-size:30px}
@media(max-width:700px){
 .header-left .language-wrap{display:none}
 .panel-body>.search-title{font-size:clamp(21px,5.8vw,28px)}
 html[lang=fr] .panel-body>.search-title,html[lang=de] .panel-body>.search-title{font-size:clamp(20px,5.8vw,27px)}
 html[lang=de] .atelier-newsletter h2{font-size:clamp(23px,7.3vw,34px)}
 .product-services{gap:15px 18px;grid-template-columns:1fr 1fr}
 .product-services a{min-width:0;line-height:1.5}
 .product-services a>span{min-width:0}
 .footer-policy-links{gap:9px 12px}
}
.chat-fab,.back-to-top{background:#173128;border:1px solid #ffffff20;box-shadow:0 3px 10px #12251926}
.form-result.error{color:#9a493a;font-size:12px;line-height:1.5}
.atelier-footer .form-result.error{color:#ffcfaf}

/* Clear covers paint first; video fades in only after its first presented frame. */
.hero{touch-action:pan-y pinch-zoom;user-select:none}
.hero-poster{position:absolute;inset:0;object-fit:cover;object-position:center}
.hero-video{opacity:0;transition:opacity .4s ease}
.hero-video.is-ready{opacity:1}
.hero-slide .hero-copy{transition:opacity .25s ease,transform .4s ease}
.hero-slide:not(.active) .hero-copy{opacity:0;visibility:hidden;transform:translateY(6px)}
.hero-slide.active .hero-copy{opacity:1;visibility:visible;transform:none}
.hero-arrow{position:absolute;top:54%;transform:translateY(-50%);z-index:6;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #ffffff80;border-radius:50%;background:#17312840;color:#fff;transition:background .2s,color .2s,border-color .2s}
.hero-arrow-prev{left:24px}
.hero-arrow-next{right:24px}
.hero-arrow .icon{width:22px;height:22px;stroke-width:1.25;transition:transform .2s}
.hero-arrow:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
 .hero-arrow:hover{background:#f8f9f5ed;color:var(--brand-deep);border-color:#f8f9f5}
 .hero-arrow-prev:hover .icon{transform:translateX(-2px)}
 .hero-arrow-next:hover .icon{transform:translateX(2px)}
}
@media(max-width:700px){
 .hero-arrow{width:44px;height:44px;top:53%;background:#17312852}
 .hero-arrow-prev{left:12px}
 .hero-arrow-next{right:12px}
 .hero-arrow .icon{width:19px;height:19px}
 .hero-poster{object-position:58% center}
}