@font-face{font-family:'Milar Rounded';src:url('assets/nunito-black-tr.woff') format('woff');font-weight:900;font-style:normal;font-display:swap}
:root{--paper:#f6f2eb;--paper-rgb:246,242,235;--ink:#49362c;--muted:#78685b;--accent:#597892;--line:#d8d0c6;--button-bg:#49362c;--button-ink:#f6f2eb;--night:0;--ambient:1;--field-top:210px;--field-bottom:104px;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:fixed;left:20px;top:-90px;z-index:50;background:var(--paper);padding:16px}.skip:focus{top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.header{position:fixed;z-index:30;inset:0 0 auto;height:105px;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.header>*{pointer-events:auto}.brand{display:flex;align-items:center;justify-content:center;width:100px;height:85px;padding:7px 8px;background:transparent;border-radius:15px;flex-shrink:0}.brand img{display:block;width:100%;height:100%;object-fit:contain;opacity:1;filter:none;visibility:visible}.light-control{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);border-radius:100px;background:rgba(var(--paper-rgb),.94)}.light-control button{border:0;background:none;border-radius:100px;padding:10px 13px;font-size:10px;display:flex;gap:5px;align-items:center}.light-control button[aria-pressed=true]{background:var(--button-bg);color:var(--button-ink)}svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.journey{position:relative;height:100svh}.enhanced .journey{height:600svh}.stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#f6f2eb}.night-sky{position:absolute;inset:0;background:linear-gradient(155deg,#101827,#1b2634);opacity:var(--night);z-index:-2}.atmosphere{position:absolute;inset:-20%;z-index:-1;background:radial-gradient(ellipse at 77% 61%,rgba(155,194,230,.08),transparent 45%),radial-gradient(ellipse at 15% 90%,rgba(234,112,141,.04),transparent 45%);pointer-events:none}
/* Text, objects and controls occupy three non-overlapping areas. */
.copy-rail{position:absolute;top:113px;left:5%;right:5%;height:80px;overflow:hidden;z-index:10;pointer-events:none}.copy{position:absolute;inset:0;text-align:center;opacity:0}.intro{opacity:1}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;line-height:1.13;margin:0;font-size:30px}h1 em,h2 em{font-weight:400;color:var(--accent)}.copy br{display:none}.copy em{margin-left:.15em}.copy p{font-size:11px;line-height:1.5;color:var(--muted);margin:10px 0 0}
.letter-field{position:absolute;top:var(--field-top);bottom:var(--field-bottom);left:0;right:0;overflow:hidden;isolation:isolate;pointer-events:none;z-index:5}.letter{position:absolute;display:block;pointer-events:auto;transform:translate(-50%,-50%);will-change:transform;text-align:center;touch-action:pan-y}.letter img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.letter-inner{position:relative;isolation:isolate;display:block;width:100%;height:100%;transition:transform .25s ease}.letter-base{position:relative;z-index:1;filter:brightness(var(--ambient)) drop-shadow(4px 8px 6px rgba(70,50,30,.08))}.letter-aura,.letter-halo,.letter-emission{position:absolute;inset:0;pointer-events:none}.letter-aura{z-index:0;transform:scale(1.35);filter:blur(var(--aura-blur,18px));opacity:calc(var(--night)*.55)}.letter-halo{z-index:0;filter:blur(var(--bloom-blur,3px));opacity:calc(var(--night)*.65)}.letter-emission{z-index:2;opacity:calc(var(--night)*.98)}.letter:not([data-glow]) .letter-aura,.letter:not([data-glow]) .letter-halo,.letter:not([data-glow]) .glow-badge,.letter:not([data-glow]) .letter-emission{display:none}.letter:hover .letter-inner,.letter:focus-visible .letter-inner{transform:scale(1.045)}.letter-caption{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:6px 10px;border-radius:30px;opacity:0;transition:opacity .2s;pointer-events:none}.letter:hover .letter-caption,.letter:focus-visible .letter-caption{opacity:1}.glow-badge{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--ink);font:8px/1.2 var(--sans);letter-spacing:.02em;opacity:var(--night);pointer-events:none}.letter:hover .glow-badge,.letter:focus-visible .glow-badge{opacity:0}
.letter[data-letter=M]{left:20%;top:30%;width:120px;height:112px}.letter[data-letter=I]{left:80%;top:22%;width:42px;height:95px}.letter[data-letter=L]{left:82%;top:75%;width:94px;height:105px}.letter[data-letter=A]{left:50%;top:50%;width:111px;height:112px}.letter[data-letter=N],.letter[data-letter=R]{left:25%;top:83%;width:92px;height:100px}
.stage-bottom{position:absolute;bottom:20px;left:5%;right:5%;height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;z-index:20;gap:14px}.scroll-cue{justify-self:start;display:flex;align-items:center;gap:9px;background:none;border:0;font-size:10px;color:var(--muted);padding:12px 0;line-height:1.4}.scroll-cue>span:first-child{font-size:20px}.finish{opacity:1;pointer-events:auto}.primary{display:inline-flex;align-items:center;justify-content:center;gap:35px;border-radius:100px;background:var(--button-bg);color:var(--button-ink);padding:17px 25px;font-size:12px;white-space:nowrap;transition:transform .2s}.primary:hover{transform:translateY(-2px)}.primary svg{width:17px;height:17px}.scene-settings{position:relative;justify-self:end}.scene-settings summary{display:flex;justify-content:center;align-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:22px;letter-spacing:1px;cursor:pointer;list-style:none}.scene-settings summary::-webkit-details-marker{display:none}.settings-panel{position:absolute;bottom:52px;right:0;min-width:200px;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 30px #0002}.settings-panel button,.settings-panel a{display:flex;align-items:center;gap:8px;border:0;background:none;padding:11px 9px;text-align:left;width:100%;font-size:11px}.settings-panel p{font-size:9px;line-height:1.6;color:var(--muted);margin:8px 9px}.settings-panel button:disabled{opacity:.6}.no-script{position:fixed;left:0;right:0;bottom:0;padding:15px;background:#f6f2eb;text-align:center;font-size:12px;z-index:50}.no-script a{text-decoration:underline}
@media(max-width:700px){:root{--field-top:207px;--field-bottom:94px}.header{height:93px;padding:8px 6%}.brand{width:78px;height:69px;padding:5px 6px;border-radius:13px}.light-control{gap:1px;padding:3px}.light-control button{font-size:9px;padding:9px 10px;gap:4px}.light-control svg{width:13px;height:13px}.copy-rail{top:111px;left:6%;right:6%;height:80px}.copy h1,.copy h2{font-size:25px;line-height:1.12}.copy br{display:block}.copy em{margin-left:0}.copy p{font-size:10px;margin-top:9px}.stage-bottom{bottom:16px;left:6%;right:6%;height:58px;gap:10px;grid-template-columns:1fr auto 1fr}.scroll-cue{font-size:8px;gap:5px}.scroll-cue>span:first-child{font-size:18px}.scroll-cue>span:last-child{max-width:55px}.primary{font-size:10px;padding:15px 18px;gap:20px}.primary svg{width:15px;height:15px}.scene-settings summary{width:32px;height:32px;font-size:20px}.glow-badge{font-size:7px;top:calc(100% + 7px)}.letter-caption{font-size:8px;padding:6px 8px}}
@media(max-width:350px){.light-control button{padding:9px 7px;font-size:8px}.brand{width:68px}.copy h1,.copy h2{font-size:23px}.primary{gap:12px;padding:14px 15px}.stage-bottom{gap:7px}}
@media(max-height:620px){:root{--field-top:174px;--field-bottom:80px}.header{height:76px}.brand{height:60px;width:70px}.copy-rail{top:87px;height:74px}.copy h1,.copy h2{font-size:23px}.copy p{font-size:9px;margin-top:7px}.stage-bottom{bottom:10px;height:55px}.primary{padding-top:13px;padding-bottom:13px}}
@media(max-height:460px){:root{--field-top:125px;--field-bottom:64px}.header{height:63px;padding-top:5px;padding-bottom:5px}.brand{height:52px;width:62px}.copy-rail{top:67px;height:48px}.copy h1,.copy h2{font-size:21px}.copy br{display:none}.copy em{margin-left:.15em}.copy p{font-size:8px;margin-top:5px}.stage-bottom{bottom:4px;height:48px}.primary{padding:11px 19px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.glow-badge{width:54px;white-space:normal}.glow-badge small{display:block;font-size:6px;letter-spacing:.13em;margin-bottom:3px}.glow-badge>span{display:block}
.colour-badge{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:54px;padding-top:10.2px;color:var(--ink);font:8px/1.2 var(--sans);letter-spacing:.02em;opacity:var(--night);pointer-events:none}.colour-badge>span{display:block}.letter:hover .colour-badge,.letter:focus-visible .colour-badge{opacity:0}
@media(max-width:700px){.colour-badge{font-size:7px;top:calc(100% + 7px)}}
.letter-field{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
/* Non-emissive white keeps enough neutral ambient light to read as white. */
.letter[data-white] .letter-base{filter:brightness(calc(1 - var(--night)*.18)) drop-shadow(4px 8px 6px rgba(20,26,36,.12))}
/* These are native-scroll instructions; no wheel or touch interception. */
.copy .gesture-hint{display:flex;align-items:center;justify-content:center;margin-top:6px;font-size:11px;line-height:1.3}
.gesture-desktop{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.gesture-touch{display:none;align-items:center;justify-content:center;gap:8px}
.gesture-hint svg{width:22px;height:22px;flex:none;stroke-width:1.6;color:var(--accent)}
.mouse-wheel{animation:wheel-hint 2.4s ease-in-out 3}
.swipe-hand{animation:swipe-hint 2.4s ease-in-out 3}
@keyframes wheel-hint{0%,70%,100%{transform:translateY(0);opacity:1}40%{transform:translateY(3px);opacity:.45}}
@keyframes swipe-hint{0%,70%,100%{transform:translateY(0)}40%{transform:translateY(-3px)}}
@media(hover:none),(pointer:coarse){.gesture-desktop{display:none}.gesture-touch{display:inline-flex}}
.motion-paused .gesture-hint svg *{animation-play-state:paused}
.primary{gap:20px;padding:10px 22px;min-height:60px;background-image:linear-gradient(180deg,#ffffff10,transparent 60%,#0000000a);box-shadow:inset 0 1px 1px #ffffff30,inset 0 -2px 2px #00000016,0 4px 10px #0000000a}
.primary-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.primary strong{font-family:'Milar Rounded',ui-rounded,'Arial Rounded MT Bold',var(--sans);font-weight:900;font-size:21px;line-height:1.13;letter-spacing:-.035em}
.primary small{font-family:var(--sans);font-weight:400;font-size:9px;line-height:1.3}
.primary svg{width:18px;height:18px;stroke-width:1.8}
@media(max-width:700px){.copy .gesture-hint{font-size:10px}.gesture-hint svg{width:18px;height:18px}.primary{gap:13px;padding:10px 17px;min-height:55px}.primary strong{font-size:18px}.primary small{font-size:8px}.primary svg{width:15px;height:15px}.stage-bottom{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}}
@media(max-width:350px){.primary{gap:9px;padding:9px 13px}.primary strong{font-size:17px}.scroll-cue{gap:3px;font-size:7px}.scroll-cue>span:last-child{max-width:32px}}
@media(max-height:620px){.copy .gesture-hint{margin-top:5px}.gesture-hint svg{width:16px;height:16px}.primary{min-height:53px;padding-top:8px;padding-bottom:8px}.primary strong{font-size:18px}}
@media(max-height:460px){.copy .gesture-hint{margin-top:4px;font-size:9px}.primary{min-height:46px;padding:6px 18px}.primary strong{font-size:17px}.primary small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.gesture-hint svg *{animation:none!important}}
/* The store navigation stays inside the existing header; the letter field keeps its space. */
.header{gap:20px;justify-content:flex-start}
.light-control{flex:none}
.site-menu{margin-left:auto}
.nav-toggle{display:none}
.site-nav{display:flex;align-items:center;gap:20px;font-size:12px;white-space:nowrap}
.nav-pages,.nav-account{display:flex;align-items:center;gap:7px}
.site-nav a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 11px;border-radius:24px;transition:background-color .2s,color .2s}
.nav-pages a[aria-current=page]{color:var(--accent)}
.nav-pages a:hover,.nav-cart:hover{background:rgba(var(--paper-rgb),.8)}
.nav-account{gap:8px}
.nav-account .nav-cart{width:42px;padding:10px;border:1px solid var(--line)}
.nav-cart svg{width:18px;height:18px}
.nav-cart span{display:none}
.nav-account .nav-login{border:1px solid var(--line);padding-inline:17px}
.nav-login:hover{background:rgba(var(--paper-rgb),.8)}
.nav-account .nav-register{background:#f7a15e;color:#402b20;padding-inline:17px}
.nav-register:hover{background:#ffb77f}
.nav-register svg{width:14px;height:14px}
@media(max-width:1200px){
  .header{gap:10px}
  .light-control{margin-left:auto}
  .site-menu{margin-left:0;flex:none}
  .nav-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(var(--paper-rgb),.94);cursor:pointer;list-style:none}
  .nav-toggle::-webkit-details-marker{display:none}
  .nav-toggle svg{width:22px;height:22px;stroke-width:1.7}
  .nav-toggle path{transform-origin:12px 12px;transition:transform .2s}
  .site-menu[open] .menu-line-first{transform:translateY(4px) rotate(45deg);transform-origin:12px 8px}
  .site-menu[open] .menu-line-last{transform:translateY(-4px) rotate(-45deg);transform-origin:12px 16px}
  .site-nav{position:absolute;top:calc(100% - 3px);right:5%;width:340px;max-width:90%;max-height:calc(100svh - 118px - var(--announcement-height));overflow-y:auto;overscroll-behavior:contain;display:flex;align-items:stretch;flex-direction:column;gap:12px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 45px #00000020;font-size:13px;white-space:normal}
  .nav-pages{align-items:stretch;flex-direction:column;gap:0;padding-bottom:10px;border-bottom:1px solid var(--line)}
  .nav-pages a{justify-content:flex-start;min-height:44px;padding:10px 12px;border-radius:12px}
  .nav-pages a:hover,.nav-login:hover,.nav-cart:hover{background:var(--line)}
  .nav-account{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .nav-account .nav-cart{grid-column:1/-1;justify-content:flex-start;gap:10px;width:auto;min-height:44px;padding:10px 12px;border:0;border-radius:12px}
  .nav-cart span{display:inline}
  .nav-account .nav-login,.nav-account .nav-register{min-height:44px}
}
@media(max-width:700px){.header{gap:8px}.nav-toggle{width:40px;height:40px}.site-nav{right:6%;max-width:88%;max-height:calc(100svh - 106px - var(--announcement-height))}}
@media(max-width:350px){.header{gap:6px}.light-control button{gap:3px;padding-inline:7px}.light-control svg{width:12px;height:12px}.nav-toggle{width:36px;height:36px}}
@media(max-height:620px) and (max-width:1200px){.site-nav{max-height:calc(100svh - 88px - var(--announcement-height))}}
@media(max-height:460px) and (max-width:1200px){.site-nav{max-height:calc(100svh - 75px - var(--announcement-height));padding:12px}.nav-pages{flex-direction:row;justify-content:space-between;padding-bottom:8px}.nav-pages a{padding-inline:9px;font-size:12px}.nav-account{grid-template-columns:1fr 1fr 1fr;gap:8px}.nav-account .nav-cart{grid-column:auto;justify-content:center}}

/* Live store shell: isolated assets, shared session and settings only. */
:root{--announcement-height:0px}
body.has-announcement{--announcement-height:36px}
body{padding-top:var(--announcement-height)}
.header{top:var(--announcement-height)}
.at-footer .header{background:var(--paper);border-bottom:1px solid var(--line)}
.journey{height:calc(100svh - var(--announcement-height))}
.enhanced .journey{height:calc(600svh - 6 * var(--announcement-height))}
.stage{top:var(--announcement-height);height:calc(100svh - var(--announcement-height))}
.skip:focus{top:calc(12px + var(--announcement-height))}
.nav-cart{position:relative}
.nav-account .cart-count{display:flex;align-items:center;justify-content:center;position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:20px;background:#f7a15e;color:#402b20;font-size:10px;line-height:1}
.nav-user{max-width:155px;min-width:0}
.nav-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@font-face{font-family:'Milar Announcement';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-600.woff') format('woff')}
@font-face{font-family:'Milar Announcement';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/inter-800.woff') format('woff')}
.announcement-bar{position:fixed;inset:0 0 auto;z-index:40;height:var(--announcement-height);display:flex;align-items:center;color:#fff;font-family:'Milar Announcement',Inter,-apple-system,BlinkMacSystemFont,'SF Pro Display',system-ui,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.3px;overflow:hidden;cursor:pointer}
.announcement-viewport{width:100%;overflow:hidden;line-height:1.65}
.announcement-track{display:flex;align-items:center;width:max-content;animation:milar-announcement var(--announcement-duration,22s) linear infinite;will-change:transform}
.announcement-group{display:flex;align-items:center;flex:0 0 auto;white-space:nowrap}
.announcement-sequence{display:flex;align-items:center;gap:28px;flex:0 0 auto;padding-right:28px;white-space:nowrap}
.announcement-text{color:rgba(255,255,255,.85)}
.announcement-highlight{color:#fbbf24;font-weight:800}
.announcement-coupon{display:inline-grid;grid-template-columns:12px auto;align-items:center;column-gap:6px;flex:none;padding:3px 12px;background:rgba(255,255,255,.16);border:1px dashed rgba(255,255,255,.5);border-radius:9999px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.5px;line-height:normal;transition:background-color .2s}
.announcement-coupon:hover{background:rgba(255,255,255,.26)}
.announcement-coupon svg{grid-column:1;grid-row:1;width:12px;height:12px;stroke-width:2}
.announcement-code,.announcement-copied{grid-column:2;grid-row:1}
.announcement-copied{visibility:hidden}
.announcement-coupon.copied{background:#16a34a;border-color:#16a34a}
.announcement-coupon.copied .announcement-code{visibility:hidden}
.announcement-coupon.copied .announcement-copied{visibility:visible}
.announcement-coupon:focus-visible,.announcement-viewport:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.announcement-viewport:focus-visible .announcement-track,.announcement-track:has(.announcement-coupon:focus-visible){animation:none;transform:none}
.announcement-track.paused{animation-play-state:paused}
@media(hover:hover){.announcement-bar:hover .announcement-track{animation-play-state:paused}}
@keyframes milar-announcement{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.announcement-track{animation:none;transform:none;will-change:auto}.announcement-group[aria-hidden=true],.announcement-sequence[aria-hidden=true]{display:none}.announcement-viewport{overflow-x:auto}}
.store-footer{position:relative;padding:130px 6% 28px;background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}
.store-footer-grid{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:45px}
.store-footer-brand img{width:100px;height:85px;object-fit:contain}
.store-footer h2{font-family:'Milar Rounded',var(--sans);font-size:19px;letter-spacing:-.02em;margin:0 0 14px}
.store-footer p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0;overflow-wrap:anywhere}
.store-footer nav,.store-contact{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.store-footer a{font-size:12px;line-height:1.6;padding:7px 0;overflow-wrap:anywhere;max-width:100%}
.store-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.store-footer-bottom{max-width:1200px;margin:auto;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;align-items:center}
.store-footer-bottom nav{flex-direction:row;flex-wrap:wrap;gap:4px 20px;justify-content:flex-end}
.store-footer-bottom a,.store-footer-bottom p{font-size:10px}
@media(max-width:1200px){.nav-account .cart-count{position:static;margin-left:auto}.nav-user{max-width:none}.nav-account>a{min-width:0}}
@media(max-width:768px){body.has-announcement{--announcement-height:32px}.announcement-bar{font-size:11px}.announcement-coupon{font-size:11px;padding:2px 10px}}
@media(max-width:700px){.store-footer{padding:110px 7% 24px}.store-footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.store-footer-brand{grid-column:1/-1}.store-footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}.store-footer-bottom nav{justify-content:flex-start}}
@media(max-height:460px) and (max-width:1200px){.nav-pages{flex-wrap:wrap;justify-content:flex-start}.nav-pages a{flex:1 0 auto}.nav-account .nav-cart{gap:6px}.store-footer{padding-top:85px}}