/* 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}
}

/* Static, non-interactive attribution for the client presentation. */
.preview-watermark{position:fixed;inset:0;z-index:120;pointer-events:none;user-select:none;overflow:hidden}
.watermark-pattern{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center}
.watermark-pattern>span{font-family:var(--font-site);font-size:clamp(34px,3vw,56px);font-weight:400;letter-spacing:.035em;line-height:1;color:#81776830;text-shadow:0 1px 0 #ffffff20;transform:rotate(-24deg)}
.watermark-signature{position:absolute;left:18px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f5f0e7ed;color:#443126;border:1px solid #44312626;border-radius:3px;font-size:16px;letter-spacing:.025em;line-height:1;box-shadow:0 1px 5px #0000000d}
.watermark-signature>span{font-size:8px;font-weight:400;letter-spacing:.12em}
@media(max-width:700px){
 .watermark-pattern{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}
 .watermark-pattern>span{font-size:32px}
 .watermark-pattern>span:nth-child(n+7){display:none}
 .watermark-signature{left:12px;bottom:max(14px,env(safe-area-inset-bottom));font-size:14px;padding:7px 10px;gap:8px}
 .watermark-signature>span{font-size:7px}
}