.advantages-experience{padding:73px 6.8% 57px;background:#eeeae2;border-top:1px solid #e1dbd0;color:#302b24}
.advantages-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:39px}
.advantages-heading .eyebrow{font-size:8px;letter-spacing:2px;color:#8b7c67}
.advantages-heading h2{font-family:var(--serif);font-weight:400;font-size:59px;line-height:.99;letter-spacing:-1.5px;margin-top:18px}
.advantages-heading h2 em{font-weight:400;color:#8a7659}
.advantages-heading>p{font-size:12px;line-height:1.9;color:#82735f;padding-bottom:4px}
.advantage-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.advantage-flip-card{height:520px;min-width:0;perspective:1500px;isolation:isolate}
.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.22,.65,.25,1)}
.advantage-flip-card[data-open="true"] .flip-card-inner{transform:rotateY(180deg)}
.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;display:flex;flex-direction:column;border:1px solid #d6cbb9}
.flip-front{background:#f8f5ed;color:#56432d}
.flip-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2;padding:26px 26px 0;font-size:7px;letter-spacing:1.4px;line-height:1.5}
.flip-card-top>svg{width:14px;height:14px;stroke-width:.9}
.flip-front .flip-card-top>svg{fill:currentColor;stroke:none;opacity:.65}
.flip-front-copy{position:absolute;left:26px;right:26px;bottom:91px;z-index:2}
.flip-front-copy .eyebrow{font-size:6px;letter-spacing:1.6px;color:#9a8263}
.flip-front-copy h3{font-family:var(--serif);font-size:39px;line-height:.99;letter-spacing:-.7px;font-weight:400;margin:14px 0}
.flip-front-copy p{font-size:10px;line-height:1.8;color:#8a765c;max-width:260px}
.flip-open{position:absolute;inset:0;z-index:5;width:100%;text-align:left;border:0;background:none;padding:0;color:inherit}
.flip-open>span:first-child{position:absolute;left:26px;bottom:29px;font-size:8px;letter-spacing:1px;text-transform:uppercase}
.flip-turn-icon{position:absolute;right:24px;bottom:22px;border:1px solid #b8a487;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:18px;line-height:1}
.flip-open:focus-visible{outline:2px solid #a68d68;outline-offset:-6px}
.flip-front--delivery{background:radial-gradient(ellipse at 76% 18%,#fffdf6,#eee5d5 77%)}
.flip-delivery-art{position:absolute;top:80px;left:20px;right:20px;height:210px;display:flex;align-items:center;flex-direction:column;justify-content:center}
.flip-delivery-art>strong{font-family:var(--serif);font-size:125px;font-weight:400;line-height:1;letter-spacing:-6px;color:#9d7a49;position:relative;z-index:1}
.flip-delivery-art sup{font-family:var(--serif);font-size:27px;position:absolute;top:12px;right:-13px;letter-spacing:0}
.delivery-days{font-size:6px;letter-spacing:2px;line-height:1.8;margin-top:7px;color:#967b55;position:relative;z-index:1}
.delivery-orbit{position:absolute;width:270px;height:156px;border:1px solid #b79b7038;border-radius:50%;transform:rotate(-22deg);top:28px;left:50%;margin-left:-135px}
.delivery-orbit.orbit-two{width:245px;height:177px;margin-left:-122px;transform:rotate(19deg);top:15px}
.delivery-endpoints{position:absolute;bottom:0;left:5px;right:5px;display:flex;justify-content:space-between;font-size:5px;letter-spacing:1px;color:#9b8362}
.delivery-endpoints>span{display:flex;align-items:center;gap:7px}
.delivery-endpoints>span:before{content:'';width:4px;height:4px;background:#b0966e;border-radius:50%}
.flip-front--selection{background:radial-gradient(ellipse at 50% 28%,#40483d,#242b25 75%);color:#eee9dc}
.flip-front--selection .flip-card-top{color:#c1b69e}
.flip-front--selection .flip-front-copy .eyebrow{color:#afa186}
.flip-front--selection .flip-front-copy p{color:#b8b19f}
.flip-front--selection .flip-turn-icon{border-color:#c1b79c66}
.flip-fragrance-fan{position:absolute;top:92px;left:50%;transform:translateX(-50%);width:308px;height:185px;display:flex;align-items:center;justify-content:center}
.flip-fragrance-fan>div{width:112px;height:160px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:12px 12px 10px;background:#f3efe5;border:1px solid #e0d7c6;box-shadow:0 8px 15px #0002;flex:none}
.flip-fragrance-fan>div:first-child{transform:translate(16px,10px) rotate(-12deg)}
.flip-fragrance-fan>div:nth-child(2){transform:translateY(-9px);z-index:1}
.flip-fragrance-fan>div:last-child{transform:translate(-16px,10px) rotate(12deg)}
.flip-fragrance-fan img{width:100%;height:121px;object-fit:contain;mix-blend-mode:multiply}
.flip-fragrance-fan>div>span{font-size:4px;letter-spacing:.8px;text-align:center;color:#877154;white-space:nowrap}
.flip-front--details{background:radial-gradient(ellipse at 70% 15%,#eee5d6,#cebea6 85%);color:#5d4830}
.flip-stationery{position:absolute;top:91px;left:50%;transform:translateX(-50%);width:285px;height:182px}
.flip-stationery>div{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #c3af90;box-shadow:0 7px 15px #6d4c2922}
.flip-stationery>div>span{font-size:4px;letter-spacing:.8px;color:#8c7351;margin-top:10px}
.stationery-box{left:7px;top:34px;width:127px;height:111px;background:#c1ab87;transform:rotate(-12deg)}
.stationery-box>svg{width:36px;height:36px;stroke:#85663f;stroke-width:.8}
.stationery-bottle{left:90px;top:1px;width:99px;height:158px;background:#f5efdf;z-index:2;transform:rotate(-2deg)}
.stationery-bottle>svg{width:49px;height:78px;stroke:#997641;stroke-width:1}
.stationery-receipt{right:1px;top:22px;width:97px;height:141px;background:#fffdf4;transform:rotate(11deg)}
.stationery-receipt>svg{width:26px;height:26px;stroke:#aa9170;stroke-width:1}
.stationery-receipt i{display:block;width:45px;height:1px;background:#d2c3ac;margin-top:8px}
.flip-front--details .flip-front-copy p{color:#806a4e}
.flip-back{transform:rotateY(180deg);background:#242522;color:#f1eee5;border-color:#34362f;padding:0 27px 76px;box-shadow:0 12px 22px #3e352515}
.flip-back .flip-card-top{padding:26px 0 0;color:#b5a78c;font-size:6px;letter-spacing:1.2px}
.flip-back .flip-card-top>svg{width:19px;height:19px;stroke:#b8a484;stroke-width:1}
.flip-back h3{font-family:var(--serif);font-weight:400;font-size:37px;line-height:1.02;letter-spacing:-.8px;margin:29px 0 20px}
.flip-back h3 em{font-weight:400;color:#c7b493}
.flip-back>p{font-size:12px;line-height:1.9;color:#c4bdae}
.flip-back ul{padding:0;margin:22px 0 15px;list-style:none;display:grid;gap:11px}
.flip-back li{position:relative;padding-left:15px;font-size:10px;line-height:1.7;color:#c9c0ae}
.flip-back li:before{content:'';position:absolute;left:0;top:7px;width:4px;height:4px;border:1px solid #ac9470;transform:rotate(45deg)}
.flip-back>p.flip-fineprint{font-size:8px;line-height:1.7;color:#9f9583;margin-top:2px}
.flip-detail-link{font-size:9px;line-height:1.6;display:flex;align-items:center;justify-content:space-between;width:max-content;max-width:100%;gap:25px;padding-bottom:6px;border-bottom:1px solid #a38b675e;color:#e6ddcd;margin-top:auto;padding-top:12px}
.flip-detail-link>span{font-size:16px;line-height:1}
.flip-close{position:absolute;left:27px;right:27px;bottom:21px;display:flex;justify-content:space-between;align-items:center;padding:8px 0 0;border-top:1px solid #b5a58733;color:#a89d88;font-size:8px;letter-spacing:.8px;text-transform:uppercase}
.flip-close>span:last-child{font-size:20px;line-height:1}
.flip-section-note{text-align:center;margin-top:26px;font-family:var(--serif);font-size:18px;font-style:italic;color:#9b8668}

/* Shared black footer with one connected social account and two placeholders. */
.atelier-footer{background:#111312;color:#f4f1e9;padding-top:47px;border-top:1px solid #222622}
.footer-identity .wordmark>span{color:#f4f1e9}
.footer-identity .wordmark small{color:#a9a99e}
.footer-identity>p{color:#b4b5a9}
.footer-column h2{color:#e1e0d6}
.footer-column>a,.footer-column .footer-link{color:#e8e8df}
.footer-connect>p{color:#b4b5a9;margin-top:11px}
.footer-connect .footer-link{color:#b4b5a9}
.atelier-footer .footer-bottom{border-top-color:#ffffff23;color:#b7b8ad;font-size:9px}
.atelier-footer .legal-note{color:#999c90;font-size:8px;line-height:1.9;max-width:calc(100% - 155px)}
.footer-socials{display:flex;align-items:flex-start;gap:20px;margin-top:2px}
.footer-socials .social-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:48px;text-align:center;font-size:9px;line-height:1.4;letter-spacing:.1px;color:#f1f1e7}
.social-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff36;border-radius:50%;transition:background .2s,border-color .2s}
.social-icon svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.4;fill:none}
.social-icon svg.social-filled{fill:currentColor;stroke:none}
a.social-item:hover .social-icon{background:#ffffff13;border-color:#ffffffb3}
.social-status{font-size:6px;letter-spacing:.2px;color:#8b9082;margin-top:-5px;white-space:nowrap}
.social-item--pending .social-icon{border-style:dashed;color:#a7ab9f}
.social-item--pending .social-name{color:#afb3a7}

@media(max-width:1100px){
  .advantages-experience{padding:58px 4.5% 46px}
  .advantages-heading h2{font-size:52px}
  .advantages-heading>p{font-size:11px}
  .advantage-card-grid{gap:18px}
  .advantage-flip-card{height:520px}
  .flip-card-top{padding-inline:21px;font-size:6px;letter-spacing:1px}
  .flip-front-copy{left:21px;right:21px}
  .flip-front-copy h3{font-size:35px}
  .flip-open>span:first-child{left:21px;font-size:7px}
  .flip-turn-icon{right:20px}
  .flip-fragrance-fan{transform:translateX(-50%) scale(.89)}
  .flip-stationery{transform:translateX(-50%) scale(.89)}
  .flip-back{padding-inline:21px}
  .flip-back h3{font-size:33px}
  .flip-back>p{font-size:11px}
  .flip-back ul{gap:10px;margin-top:18px}
  .flip-close{left:21px;right:21px}
  .footer-socials{gap:14px}
}
@media(min-width:761px) and (max-width:950px){
  .advantage-card-grid{gap:13px}
  .advantage-flip-card{height:555px}
  .flip-front-copy h3{font-size:32px}
  .flip-delivery-art{transform:scale(.9)}
  .flip-fragrance-fan{transform:translateX(-50%) scale(.76)}
  .flip-stationery{transform:translateX(-50%) scale(.76)}
  .flip-back h3{font-size:30px;margin-top:26px}
  .flip-back>p{font-size:11px}
  .flip-back li{font-size:9px}
}
@media(max-width:760px){
  .advantages-experience{padding:43px 20px 39px}
  .advantages-heading{display:block;margin-bottom:28px}
  .advantages-heading .eyebrow{font-size:6px;letter-spacing:1.7px}
  .advantages-heading h2{font-size:44px;letter-spacing:-1px;line-height:1.01;margin-top:18px}
  .advantages-heading>p{font-size:11px;line-height:1.8;margin-top:18px}
  .advantage-card-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .advantage-flip-card{height:490px}
  .flip-card-top{padding:25px 25px 0;font-size:7px;letter-spacing:1.3px}
  .flip-front-copy{left:25px;right:25px;bottom:87px}
  .flip-front-copy h3{font-size:38px}
  .flip-front-copy p{font-size:11px}
  .flip-front-copy .eyebrow{font-size:6px}
  .flip-delivery-art{top:66px;height:194px}
  .flip-delivery-art>strong{font-size:117px}
  .flip-fragrance-fan{top:79px;transform:translateX(-50%) scale(.92)}
  .flip-stationery{top:77px;transform:translateX(-50%) scale(.94)}
  .flip-open>span:first-child{left:25px;font-size:8px;bottom:29px}
  .flip-turn-icon{right:24px;bottom:22px}
  .flip-back{padding:0 25px 74px}
  .flip-back .flip-card-top{padding-top:25px;font-size:6px}
  .flip-back h3{font-size:36px;margin:25px 0 18px}
  .flip-back>p{font-size:12px}
  .flip-back ul{gap:10px;margin-top:17px}
  .flip-back li{font-size:10px}
  .flip-back>p.flip-fineprint{font-size:8px}
  .flip-close{left:25px;right:25px}
  .flip-section-note{font-size:17px;margin-top:24px}
  .atelier-footer{padding-top:36px}
  .footer-directory{grid-template-columns:.9fr 1.1fr;gap:31px 16px}
  .footer-socials{gap:11px}
  .footer-socials .social-item{min-width:38px;font-size:8px;gap:7px}
  .social-icon{width:36px;height:36px}
  .social-icon svg{width:17px;height:17px}
  .social-status{font-size:5px}
  .footer-connect>p,.footer-connect .footer-link{font-size:9px}
  .atelier-footer .footer-bottom{font-size:7px}
  .atelier-footer .legal-note{font-size:7px;max-width:calc(100% - 62px)}
}
@media(max-width:380px){
  .advantages-heading h2{font-size:39px}
  .advantage-flip-card{height:520px}
  .flip-card-top{padding-inline:21px}
  .flip-front-copy{left:21px;right:21px;bottom:91px}
  .flip-front-copy h3{font-size:35px}
  .flip-fragrance-fan{transform:translateX(-50%) scale(.82)}
  .flip-stationery{transform:translateX(-50%) scale(.83)}
  .flip-back{padding-inline:21px}
  .flip-back h3{font-size:33px}
  .flip-back>p{font-size:11px}
  .flip-close{left:21px;right:21px}
  .footer-directory{grid-template-columns:1fr}
  .footer-identity{grid-column:auto}
  .footer-socials{gap:22px}
}
@media(prefers-reduced-motion:reduce){.flip-card-inner,.social-icon{transition:none}}
