@font-face{font-family:"Apercu Pro";src:url('/wp-content/themes/hi-dear/dist/about/fonts/apercu-pro-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Apercu Pro";src:url('/wp-content/themes/hi-dear/dist/about/fonts/apercu-pro-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Apercu Pro";src:url('/wp-content/themes/hi-dear/dist/about/fonts/apercu-pro-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--ink:#252624;--paper:#faf8f4;--cream:#f1eee8;--quiet:#827e79;--line:#d8d3ca;--edge:clamp(22px,5.2vw,94px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Apercu Pro",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:#b4d6cc;color:#16221e}
:focus-visible{outline:2px solid #eab6a1;outline-offset:5px}
.scroll-progress{height:2px;position:fixed;z-index:200;top:0;left:0;width:0%;background:#d6ff70;pointer-events:none;transition:width .1s linear}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:84px;padding:0 var(--edge);display:flex;align-items:center;gap:32px;color:#fff;transition:background .35s,color .35s,height .35s,box-shadow .35s}
.site-header:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.22),transparent);pointer-events:none;z-index:-1}
.site-header.is-scrolled,.site-header.menu-active{height:72px;background:rgba(250,248,244,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.07)}
.site-header.is-scrolled:before,.site-header.menu-active:before{display:none}
.brand-mark{display:flex;align-items:center;flex-shrink:0}
.brand-mark img{width:105px;height:auto;transition:filter .3s}
.site-header.is-scrolled .brand-mark img,.site-header.menu-active .brand-mark img{filter:brightness(0)}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.5vw,42px);flex:1}
.desktop-nav a{font-size:14px;font-weight:400;letter-spacing:-.01em;opacity:.9;white-space:nowrap;transition:opacity .2s}
.desktop-nav a:hover{opacity:.58}
.header-cta{display:inline-flex;gap:18px;align-items:center;border:1px solid currentColor;border-radius:80px;padding:12px 17px 12px 20px;font-size:13px;white-space:nowrap;transition:background .2s,color .2s}
.header-cta:hover{background:#fff;color:#222}
.site-header.is-scrolled .header-cta:hover{background:#222;color:#fff}
.header-cta span{font-size:16px;line-height:1}
.menu-toggle{display:none}
.mobile-menu{display:none}
.hero{min-height:760px;height:100svh;position:relative;isolation:isolate;overflow:hidden;background:#353e49;color:#fff}
.hero-image,.hero-image picture,.hero-image img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-image img{object-fit:cover;object-position:center 46%;animation:heroBreath 17s ease-out both}
.hero-shade{background:linear-gradient(90deg,rgba(16,20,27,.06) 0%,rgba(16,20,27,.08) 38%,rgba(19,26,36,.45) 55%,rgba(17,23,31,.55) 100%),linear-gradient(0deg,rgba(12,17,22,.38),transparent 40%)}
.hero-content{position:relative;z-index:1;height:100%;width:52%;margin-left:auto;padding:clamp(130px,18vh,196px) var(--edge) 48px 2%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-kicker{font-size:13px;letter-spacing:.035em;opacity:.9;margin:0 0 28px}
.hero-title{font-size:clamp(62px,6.7vw,126px);font-weight:400;line-height:.99;letter-spacing:-.065em;margin:0;white-space:nowrap}
.hero-title em{font-style:normal;color:#d5ff8e}
.hero-bottom{width:100%;margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:35px}
.hero-bottom>p{font-size:14px;line-height:1.5;max-width:240px;margin:0;opacity:.8}
.hero-scroll{display:inline-flex;align-items:center;gap:15px;font-size:12px;white-space:nowrap}
.circle-arrow{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(255,255,255,.6);border-radius:50%;font-size:20px;transition:transform .3s,background .3s}
.hero-scroll:hover .circle-arrow{transform:translateY(5px);background:rgba(255,255,255,.12)}
.hero-edge{position:absolute;z-index:2;bottom:49px;left:var(--edge);font-size:11px;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg);opacity:.72}
.animate-on-load{animation:riseIn 1.2s var(--ease) both}
.hero-title.animate-on-load{animation-delay:.12s}
.hero-bottom.animate-on-load{animation-delay:.29s}
@keyframes riseIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroBreath{from{transform:scale(1.06)}to{transform:scale(1)}}
.section-shell{padding-left:var(--edge);padding-right:var(--edge)}
.chapter-marker{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:23px 0 0;font-size:11px;letter-spacing:.06em;color:#7a746e}
.chapter-marker span:last-child{text-align:right}
.eyebrow{font-size:13px;line-height:1.2;color:#7c7972;letter-spacing:.025em;margin:0}
.manifesto{padding-top:90px;padding-bottom:140px;background:#faf8f4}
.manifesto-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.74fr);gap:clamp(50px,11vw,180px);margin-top:105px;align-items:start}
.manifesto-copy{max-width:780px}
.manifesto-hello{font-size:clamp(75px,12vw,180px);font-weight:400;letter-spacing:-.08em;line-height:.94;margin:25px 0 67px}
.manifesto-intro{font-size:clamp(29px,3.65vw,60px);line-height:1.12;font-weight:400;letter-spacing:-.053em;margin:0 0 58px;max-width:780px}
.manifesto-statement{font-size:clamp(23px,2.5vw,37px);line-height:1.24;letter-spacing:-.044em;margin:0 0 42px;color:#4f5351;max-width:600px}
.manifesto-body{max-width:590px}
.manifesto-body p{font-size:clamp(17px,1.45vw,22px);line-height:1.52;letter-spacing:-.015em;margin:0 0 28px;color:#4b4c49}
.manifesto-media{position:sticky;top:110px;padding-top:130px}
.manifesto-photo{height:min(700px,58vw);max-height:730px;min-height:400px;background:#6b6058}
.image-frame{overflow:hidden}
.image-frame img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s var(--ease)}
.image-frame:hover img{transform:scale(1.045)}
.manifesto-photo img{object-position:57% center}
.photo-note{font-size:12px;letter-spacing:.01em;color:#89827c;margin:13px 0 0}
.manifesto-finale{max-width:1020px;margin:125px 0 0 auto;text-align:left}
.manifesto-finale>p:first-child{font-size:clamp(32px,4.4vw,78px);line-height:1.12;letter-spacing:-.052em;margin:0}
.manifesto-finale-soft{font-size:clamp(32px,4.4vw,78px);line-height:1.12;letter-spacing:-.052em;color:#a4aaa5;margin:0 0 65px}
.manifesto-finale>span{font-size:15px;border-top:1px solid #b9b7b0;padding-top:20px;display:block;width:min(100%,430px);margin-left:auto}
.transition-image{height:clamp(550px,75vw,920px);position:relative;overflow:hidden;background:#ecd9d3}
.transition-image>img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transform:scale(1.005)}
.transition-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,28,30,.5),transparent 72%)}
.transition-caption{position:absolute;z-index:1;left:var(--edge);top:50%;transform:translateY(-50%);color:#fff}
.transition-caption span{font-size:13px}
.transition-caption p{font-size:clamp(34px,5.4vw,88px);line-height:1.02;letter-spacing:-.065em;margin:35px 0 0;font-weight:400}
.transition-caption i{font-style:normal;color:#f4e5e3}
.aromas{padding-top:90px;padding-bottom:140px;background:#f0ede7}
.aromas-heading{margin:88px 0 65px;display:flex;gap:70px;align-items:end;justify-content:space-between}
.aromas-heading h2{font-size:clamp(62px,8vw,130px);font-weight:400;letter-spacing:-.072em;line-height:.94;margin:26px 0 0}
.aromas-heading h2 em{font-style:normal;color:#aaa39c}
.aromas-heading>p{font-size:clamp(16px,1.6vw,21px);line-height:1.5;max-width:330px;letter-spacing:-.015em;margin:0 0 7px;color:#66635e}
.aroma-explorer{display:grid;grid-template-columns:1.13fr .87fr;min-height:620px;background:#d6e7d9}
.aroma-image-pane{min-width:0;min-height:620px;position:relative;background:#d6e7d9;overflow:hidden}
.aroma-image-pane img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;transition:opacity .23s ease,transform 1.2s var(--ease);will-change:opacity}
.aroma-explorer.is-switching .aroma-image-pane img{opacity:.25;transform:scale(1.04)}
.aroma-image-counter{position:absolute;left:34px;bottom:31px;background:rgba(255,255,255,.85);font-size:12px;padding:10px 13px;backdrop-filter:blur(10px)}
.aroma-content-pane{padding:52px clamp(32px,5vw,82px) 38px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;background:#d8e6d7;transition:background .6s}
.aroma-pane-eyebrow,.aroma-index{font-size:12px;color:#4f6055;letter-spacing:.025em}
.aroma-index{display:block;margin-bottom:22px}
.aroma-copy{padding:55px 0}
.aroma-copy h3{font-size:clamp(52px,5.35vw,92px);line-height:.94;letter-spacing:-.074em;font-weight:400;margin:0 0 40px;overflow-wrap:anywhere}
.aroma-description{font-size:clamp(17px,1.75vw,24px);line-height:1.4;letter-spacing:-.019em;max-width:410px;margin:0}
.aroma-pane-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(44,54,44,.23);padding-top:22px;gap:16px}
.aroma-pane-bottom>span{font-size:12px;line-height:1.35;color:#4f6055;max-width:210px}
.aroma-arrows{display:flex;gap:9px}
.aroma-arrows button{width:42px;height:42px;border:1px solid rgba(36,43,37,.4);background:transparent;border-radius:50%;font-size:21px;color:#282e28;transition:background .25s}
.aroma-arrows button:hover{background:rgba(255,255,255,.5)}
.aroma-selector{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:17px 0 18px;scrollbar-width:thin;scrollbar-color:#beb7ab transparent}
.aroma-chip{display:inline-flex;align-items:center;gap:22px;white-space:nowrap;flex:0 0 auto;scroll-snap-align:start;border:1px solid #d2cbc1;border-radius:3px;padding:14px 19px;background:transparent;font-size:13px;color:#66615d;transition:background .25s,color .25s,border .25s}
.aroma-chip>span{font-size:10px;color:#9a9189}
.aroma-chip:hover{border-color:#77716b}
.aroma-chip.is-active{color:#fff;background:#2c312e;border-color:#2c312e}
.aroma-chip.is-active>span{color:#d1e5b0}
.aromas-footnote{margin:20px 0 0;text-align:right;font-size:13px;color:#89837d}
.formats{padding-top:100px;padding-bottom:150px;background:var(--paper)}
.formats-title{margin:97px 0 70px}
.formats-title h2{font-size:clamp(52px,6.35vw,109px);letter-spacing:-.072em;line-height:1.02;font-weight:400;margin:24px 0 40px;max-width:1310px}
.formats-title>p:last-child{font-size:20px;line-height:1.45;max-width:560px;margin:0;color:#77726c}
.formats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.format-card{min-width:0}
.format-image{aspect-ratio:.825;position:relative;background:#e6dfd8}
.format-image img{width:100%;height:100%;object-fit:cover}
.format-image>span{position:absolute;bottom:24px;left:24px;padding:10px 12px;background:rgba(251,249,245,.91);font-size:11px;letter-spacing:.025em}
.format-info{padding:29px 6px 0}
.format-info h3{font-size:clamp(26px,2.7vw,42px);font-weight:400;letter-spacing:-.05em;line-height:1.12;margin:0 0 17px}
.format-info p{font-size:16px;line-height:1.5;color:#76716b;max-width:340px;margin:0}
.details{display:grid;grid-template-columns:49% 51%;background:#282b29;color:#f6f3ed;min-height:860px}
.details-image{min-height:860px;background:#a59c92}
.details-image img{object-position:45% center}
.details-content{padding:90px clamp(45px,6.1vw,118px) 89px;display:flex;flex-direction:column}
.chapter-marker-dark{border-color:rgba(255,255,255,.24);color:#b5b7af;padding-top:21px;margin:0 0 85px}
.details .eyebrow{color:#aebbb1}
.details h2{font-size:clamp(58px,6.2vw,108px);letter-spacing:-.07em;line-height:1.01;font-weight:400;margin:25px 0 54px}
.details h2 em{color:#c8e3bb;font-style:normal}
.details-lead,.details-second{font-size:clamp(17px,1.55vw,22px);line-height:1.51;max-width:560px;margin:0 0 25px;color:#d6d9d3}
.details-second{font-size:16px;color:#abaeaa;max-width:535px}
.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:40px}
.detail-tags span{border:1px solid #666d66;border-radius:50px;padding:10px 15px;font-size:11px;color:#cbd3c9}
.gifts{padding-top:92px;padding-bottom:150px;background:#f5f0ed}
.gift-layout{display:grid;grid-template-columns:45% 55%;gap:0;margin-top:95px;align-items:start}
.gift-copy{padding-right:7vw}
.gift-copy h2{font-size:clamp(72px,8vw,145px);line-height:.93;letter-spacing:-.075em;font-weight:400;margin:35px 0 52px}
.gift-description{max-width:510px;font-size:clamp(18px,1.8vw,24px);line-height:1.46;letter-spacing:-.02em;margin:0;color:#5b5753}
.gift-images{position:relative;padding:0 0 75px 55px}
.gift-main-image{height:580px;background:#c4a49b}
.gift-small-image{height:280px;width:40%;position:absolute;bottom:0;left:0;border:8px solid #f5f0ed;background:#ae8792}
.gift-selector{margin-top:95px;padding-top:27px;border-top:1px solid #d1c9c3}
.gift-selector>p{font-size:13px;color:#76716a;margin:0 0 18px}
.gift-tabs{display:flex;gap:8px;flex-wrap:wrap}
.gift-tabs button{border:1px solid #cac2ba;border-radius:40px;padding:13px 20px;font-size:13px;background:transparent;color:#56514c;transition:background .2s,color .2s}
.gift-tabs button:hover{border-color:#55514f}
.gift-tabs button.is-active{background:#2a2928;border-color:#2a2928;color:#fff}
.gift-result{display:flex;align-items:baseline;gap:14px;margin-top:27px;min-height:72px}
.gift-result span{font-size:11px;color:#8e8984;white-space:nowrap}
.gift-result p{font-size:21px;letter-spacing:-.02em;line-height:1.26;margin:0;max-width:370px}
.epilogue{position:relative;isolation:isolate;min-height:770px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;background:#b8c2c3}
.epilogue>img,.epilogue-shade{position:absolute;inset:0;width:100%;height:100%}
.epilogue>img{object-fit:cover;object-position:center 58%}
.epilogue-shade{background:linear-gradient(90deg,rgba(21,31,30,.62),rgba(30,41,38,.35) 46%,transparent 75%)}
.epilogue-content{position:relative;padding:80px var(--edge);z-index:1;color:#fff;max-width:890px}
.epilogue .eyebrow{color:rgba(255,255,255,.8)}
.epilogue h2{font-size:clamp(65px,8vw,145px);line-height:.96;letter-spacing:-.075em;font-weight:400;margin:40px 0}
.epilogue p:not(.eyebrow){font-size:clamp(17px,1.7vw,23px);line-height:1.5;max-width:480px;margin:0 0 42px;color:rgba(255,255,255,.88)}
.final-cta{background:#f7f5f0;color:#242723;border-radius:70px;padding:19px 25px;display:inline-flex;gap:50px;align-items:center;font-size:14px;transition:transform .25s,background .25s}
.final-cta span{font-size:20px}
.final-cta:hover{transform:translateY(-3px);background:#d9f3b7}
.site-footer{padding:79px var(--edge) 24px;background:#141414;color:#f5f3ec}
.footer-top{display:flex;justify-content:space-between;gap:35px;align-items:start;min-height:260px}
.footer-logo img{width:185px;height:auto}
.footer-top>p{font-size:clamp(22px,2.8vw,42px);line-height:1.13;letter-spacing:-.045em;margin:0}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.22);padding-top:20px;gap:28px;font-size:12px;color:#c4c5c0}
.footer-bottom nav{display:flex;gap:30px;flex-wrap:wrap}
.footer-bottom a{transition:color .2s}
.footer-bottom a:hover{color:#d9f3b7}
.reveal{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.in-view{opacity:1;transform:translateY(0)}
.transition-caption.reveal{transform:translateY(calc(-50% + 34px))}
.transition-caption.reveal.in-view{transform:translateY(-50%)}
@media(max-width:1250px){
  .desktop-nav{gap:22px}.desktop-nav a{font-size:13px}
  .hero-content{width:57%}.hero-title{font-size:clamp(57px,6.7vw,92px)}
  .manifesto-grid{gap:5vw}.aroma-copy h3{font-size:clamp(50px,6vw,75px)}
  .gift-main-image{height:500px}.gift-small-image{height:240px}
}
@media(max-width:1000px){
  .site-header{height:76px}.desktop-nav{display:none}.header-cta{margin-left:auto}
  .menu-toggle{display:flex;width:42px;height:42px;border:0;background:transparent;color:inherit;flex-direction:column;gap:6px;align-items:center;justify-content:center;position:relative;margin-left:auto}
  .menu-toggle span{width:23px;height:1.5px;background:currentColor;transition:transform .24s}
  .site-header.menu-active .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}
  .site-header.menu-active .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .mobile-menu{position:fixed;z-index:90;top:0;left:0;right:0;bottom:0;background:#faf8f4;color:#262725;padding:125px var(--edge) 50px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(-110%);visibility:hidden;transition:transform .5s var(--ease),visibility .5s}
  .mobile-menu.is-open{transform:translateY(0);visibility:visible}
  .mobile-menu-inner{display:flex;flex-direction:column}
  .mobile-menu-inner a{border-bottom:1px solid #d9d3cb;padding:16px 0;font-size:clamp(32px,5vw,52px);display:flex;justify-content:space-between;letter-spacing:-.06em}
  .mobile-menu-inner a span{font-size:14px;color:#948d86;letter-spacing:0}
  .mobile-menu>p{font-size:14px;color:#928d87}
  .manifesto-grid{grid-template-columns:1.15fr .85fr}
  .manifesto-media{padding-top:100px}
  .manifesto-intro{font-size:clamp(28px,3.7vw,45px)}
  .aroma-explorer{min-height:520px}.aroma-image-pane{min-height:520px}.aroma-content-pane{padding:37px}
  .aroma-copy{padding:35px 0}.aroma-copy h3{font-size:clamp(44px,5.8vw,65px)}
  .formats-title h2{font-size:clamp(49px,6vw,80px)}
  .details{grid-template-columns:45% 55%;min-height:750px}.details-image{min-height:750px}
  .details-content{padding:65px 40px 55px}.chapter-marker-dark{margin-bottom:55px}
  .details h2{font-size:clamp(54px,6vw,75px)}
  .gift-layout{grid-template-columns:48% 52%}.gift-copy{padding-right:25px}
}
@media(max-width:760px){
  :root{--edge:22px}
  html{scroll-padding-top:67px}
  .site-header{height:67px}.site-header.is-scrolled,.site-header.menu-active{height:67px}
  .brand-mark img{width:96px}.header-cta{display:none}
  .hero{height:100svh;min-height:650px}
  .hero-image img{object-position:52% center}
  .hero-shade{background:linear-gradient(0deg,rgba(17,19,22,.9) 0%,rgba(18,20,24,.58) 36%,rgba(18,20,24,.1) 70%),linear-gradient(90deg,rgba(0,0,0,.2),transparent)}
  .hero-content{width:100%;padding:70px 22px 43px;justify-content:flex-end;align-items:start;margin:0}
  .hero-kicker{margin-bottom:17px;font-size:12px}
  .hero-title{font-size:clamp(51px,11.6vw,86px);letter-spacing:-.072em;line-height:.98}
  .hero-bottom{margin-top:39px;gap:15px}
  .hero-bottom>p{font-size:12px;max-width:200px}
  .hero-scroll>span:first-child{display:none}
  .circle-arrow{width:47px;height:47px}
  .hero-edge{display:none}
  .chapter-marker{padding-top:16px;font-size:10px}
  .chapter-marker span:last-child{max-width:150px}
  .manifesto{padding-top:55px;padding-bottom:88px}
  .manifesto-grid{display:flex;flex-direction:column;gap:35px;margin-top:67px}
  .manifesto-hello{font-size:clamp(86px,16vw,140px);margin:20px 0 41px}
  .manifesto-intro{font-size:clamp(33px,7.3vw,50px);line-height:1.11;margin-bottom:44px}
  .manifesto-statement{font-size:clamp(26px,6vw,36px);margin-bottom:32px}
  .manifesto-body p{font-size:18px;line-height:1.48}
  .manifesto-media{position:static;padding-top:5px;width:100%}
  .manifesto-photo{height:470px;min-height:0}
  .manifesto-finale{margin:84px 0 0}
  .manifesto-finale>p:first-child,.manifesto-finale-soft{font-size:clamp(35px,7vw,60px);line-height:1.11}
  .manifesto-finale-soft{margin-bottom:44px}
  .manifesto-finale>span{font-size:13px}
  .transition-image{height:610px}
  .transition-image>img{object-position:55% center}
  .transition-image:after{background:linear-gradient(0deg,rgba(37,31,33,.6),rgba(37,31,33,.2) 55%,transparent)}
  .transition-caption{top:auto;bottom:48px;left:22px;right:22px;transform:none!important}
  .transition-caption span{font-size:12px}
  .transition-caption p{font-size:clamp(37px,8vw,59px);margin-top:19px}
  .aromas{padding-top:56px;padding-bottom:90px}
  .aromas-heading{margin:70px 0 37px;display:block}
  .aromas-heading h2{font-size:clamp(60px,12vw,92px);margin-top:21px}
  .aromas-heading>p{max-width:500px;margin:38px 0 0;font-size:18px}
  .aroma-explorer{display:block;min-height:0}
  .aroma-image-pane{height:440px;min-height:0}
  .aroma-content-pane{padding:27px 23px 24px;min-height:350px}
  .aroma-pane-eyebrow{font-size:11px}
  .aroma-copy{padding:31px 0}
  .aroma-copy h3{font-size:clamp(53px,11vw,82px);margin-bottom:25px;line-height:.95}
  .aroma-description{font-size:18px;max-width:480px}
  .aroma-pane-bottom{padding-top:18px}
  .aroma-image-counter{left:22px;bottom:22px}
  .aroma-chip{padding:13px 17px;font-size:12px}
  .aromas-footnote{text-align:left;font-size:12px;line-height:1.4}
  .formats{padding-top:62px;padding-bottom:92px}
  .formats-title{margin:68px 0 44px}
  .formats-title h2{font-size:clamp(47px,9vw,68px);line-height:1.02;margin:18px 0 30px}
  .formats-title>p:last-child{font-size:18px}
  .formats-grid{grid-template-columns:1fr;gap:57px}
  .format-image{aspect-ratio:1/1.05}
  .format-info{padding:19px 1px 0}.format-info h3{font-size:37px;margin-bottom:10px}.format-info p{font-size:17px;max-width:550px}
  .details{display:flex;flex-direction:column;min-height:0}
  .details-image{min-height:0;height:550px}
  .details-content{padding:52px 22px 70px}
  .chapter-marker-dark{margin:0 0 68px}
  .details h2{font-size:clamp(63px,11vw,87px);margin:19px 0 40px}
  .details-lead{font-size:20px;line-height:1.46}
  .details-second{font-size:16px}
  .detail-tags{margin-top:14px}
  .gifts{padding-top:54px;padding-bottom:78px}
  .gift-layout{display:flex;flex-direction:column;margin-top:70px}
  .gift-copy{padding:0}
  .gift-copy h2{font-size:clamp(79px,14vw,110px);margin:26px 0 37px}
  .gift-description{font-size:20px;line-height:1.44}
  .gift-selector{margin-top:50px}
  .gift-result{margin-top:29px}
  .gift-images{width:100%;margin-top:55px;padding:0 0 48px 35px}
  .gift-main-image{height:450px}
  .gift-small-image{height:230px;width:43%;border-width:5px}
  .epilogue{min-height:750px;align-items:end}
  .epilogue>img{object-position:64% center}
  .epilogue-shade{background:linear-gradient(0deg,rgba(16,22,21,.8),rgba(18,23,22,.35) 55%,transparent 85%)}
  .epilogue-content{padding:85px 22px 70px}
  .epilogue h2{font-size:clamp(70px,13vw,110px);margin:22px 0 28px}
  .epilogue p:not(.eyebrow){font-size:19px;max-width:440px;margin-bottom:28px}
  .final-cta{font-size:13px;gap:25px}
  .site-footer{padding:58px 22px 31px}
  .footer-top{min-height:235px}
  .footer-logo img{width:155px}.footer-top>p{font-size:26px;text-align:right}
  .footer-bottom{flex-wrap:wrap;gap:18px}
  .footer-bottom nav{order:-1;width:100%;gap:20px}
}
@media(max-width:420px){
  .hero-title{font-size:clamp(49px,11.8vw,63px)}
  .hero-bottom>p{max-width:185px}
  .manifesto-hello{font-size:81px}
  .manifesto-intro{font-size:34px}
  .manifesto-photo{height:400px}
  .aroma-image-pane{height:330px}
  .aroma-content-pane{min-height:400px}
  .aroma-copy h3{font-size:55px}
  .aroma-description{font-size:17px}
  .format-image{aspect-ratio:1}
  .details-image{height:400px}
  .details h2{font-size:58px}
  .gift-main-image{height:360px}.gift-small-image{height:185px}
  .footer-top{display:block}.footer-top>p{text-align:left;margin-top:35px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal,.reveal.in-view{opacity:1;transform:none}
  .transition-caption.reveal,.transition-caption.reveal.in-view{transform:none}
}

/* Shared storefront shell — the same geometry as hi,dear / Парфюмерия. */
[hidden]{display:none!important}
html{scroll-padding-top:110px}
.scroll-progress{display:none}
.site-header.shop-header,
.site-header.shop-header.is-scrolled,
.site-header.shop-header.menu-active{position:sticky;top:0;left:auto;right:auto;display:block;padding:0;height:110px;background:#fff;color:#141414;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate;z-index:100}
.site-header.shop-header::before{display:none}
.shop-header .header-bar{height:64px;display:grid;grid-template-columns:80px 1fr 80px;align-items:center;background:#141414;color:#fff;padding:0 14px}
.shop-icon-button{position:relative;width:38px;height:44px;border:0;background:transparent;color:inherit;display:grid;place-items:center;padding:7px;text-decoration:none}
.shop-icon-button svg{width:23px;height:23px;display:block}
.shop-header .left-icon{justify-self:start}
.shop-brand{justify-self:center;display:block;height:33px;line-height:0}
.shop-brand img{display:block;width:112px;height:33px;object-fit:contain}
.shop-header .header-actions{display:flex;align-items:center;justify-self:end;gap:0}
.shop-header .cart-count{position:absolute;right:-4px;top:4px;min-width:16px;height:16px;padding:0 2px;background:#fff;color:#141414;display:grid;place-items:center;font-size:9px;line-height:1;border-radius:50%}
.shop-categories{height:46px;display:flex;align-items:stretch;gap:30px;overflow-x:auto;overflow-y:hidden;padding:0 19px;border-bottom:1px solid #eae9e7;scrollbar-width:none;white-space:nowrap;background:#fff}
.shop-categories::-webkit-scrollbar{display:none}
.shop-categories a{position:relative;display:flex;align-items:center;flex-shrink:0;border:0;background:none;text-decoration:none;padding:0;font-size:12px;letter-spacing:0;text-transform:none;color:#666;font-weight:400}
.shop-categories a:hover{color:#141414}
.shop-categories a.is-active{color:#101010}
.shop-categories a.is-active::after{content:"";height:1px;background:#141414;position:absolute;bottom:0;left:0;right:0}
.shop-overlay{position:fixed;inset:0;background:rgba(0,0,0,.36);z-index:149}
.shop-drawer.mobile-menu{position:fixed;display:flex;z-index:151;top:0;left:0;bottom:0;right:auto;width:min(90vw,440px);height:100dvh;padding:0 0 20px;background:#fff;color:#141414;flex-direction:column;justify-content:flex-start;overflow:auto;box-shadow:16px 0 60px rgba(0,0,0,.1);visibility:visible;transform:translateX(-103%);transition:transform .35s var(--ease)}
.shop-drawer.mobile-menu.is-open{transform:translateX(0)}
.shop-drawer-heading{height:75px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e6e5e1}
.shop-drawer-heading>span,.shop-drawer-heading>label{font-size:12px;color:#656565}
.panel-close{background:none;border:0;padding:10px 0;color:#141414;font-size:12px}
.shop-drawer .mobile-menu-inner{display:flex;flex-direction:column}
.shop-drawer .mobile-menu-inner a{width:100%;display:flex;align-items:center;justify-content:space-between;padding:23px 22px;border-bottom:1px solid #e6e5e1;background:#fff;text-decoration:none;font-size:22px;line-height:1.2;letter-spacing:-.025em;font-weight:400}
.shop-drawer .mobile-menu-inner a span{font-size:15px;color:#656565;letter-spacing:0}
.shop-drawer>p{padding:38px 22px;margin:0;color:#777;font-size:12px;letter-spacing:0}
.shop-search-panel{position:fixed;z-index:151;right:0;top:0;width:min(100%,510px);max-height:100dvh;overflow:auto;background:#fff;padding:0 22px 30px;color:#141414;box-shadow:-10px 0 60px rgba(0,0,0,.15)}
.shop-search-panel .shop-drawer-heading{padding:0}
.shop-search-panel input{width:100%;height:58px;padding:0 14px;border:1px solid #d3d0ca;margin:23px 0 12px;font-family:inherit;font-size:16px;background:#fff;color:#141414;border-radius:0}
.shop-search-results{display:flex;flex-direction:column}
.shop-search-result{border:0;border-bottom:1px solid #e6e5e1;background:#fff;color:#141414;text-align:left;padding:16px 0;font-size:17px;letter-spacing:-.025em}
.shop-search-result span{display:block;font-size:11px;color:#777;margin-top:5px;letter-spacing:0}
.shop-search-empty{font-size:13px;color:#777}
.hero{height:calc(100svh - 110px);min-height:650px}
@media(min-width:680px){
  .shop-header .header-bar{grid-template-columns:1fr 1fr 1fr;padding:0 30px}
  .shop-categories{justify-content:center;gap:46px}
}
@media(max-width:760px){
  html{scroll-padding-top:110px}
  .site-header.shop-header,
  .site-header.shop-header.is-scrolled,
  .site-header.shop-header.menu-active{height:110px}
  .hero{height:calc(100svh - 110px);min-height:610px}
  .hero-content{padding-top:45px;padding-bottom:36px}
}
/* Shared site rule: category rail belongs only to catalogue routes.
   The brand-story menu contains every mobile contact and policy link. */
.site-header.shop-header,.site-header.shop-header.is-scrolled,.site-header.shop-header.menu-active{height:64px}
.shop-categories{display:none!important}
html{scroll-padding-top:64px}
.hero{height:calc(100svh - 64px)}
.shop-drawer-utility{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:12px;padding:30px 22px max(22px,env(safe-area-inset-bottom));margin-top:auto}
.shop-drawer-utility a,.shop-drawer-utility button{font:400 12px/1.5 "Apercu Pro",Arial,sans-serif;color:#777;border:0;background:transparent;text-decoration:none;padding:0;cursor:pointer;text-align:left}
@media(max-width:600px){.shop-drawer.mobile-menu{width:100vw;max-width:100vw;box-shadow:none;padding-bottom:0}}
.site-footer.site-footer--unified{padding-top:0}
.site-footer--unified .footer-information--embedded{padding-top:70px}