@font-face{font-family:'Cormorant Garamond';src:url(fonts/cormorant.woff) format('woff');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url(fonts/cormorant-italic.woff) format('woff');font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:'Manrope';src:url(fonts/manrope.woff) format('woff');font-weight:200 800;font-style:normal;font-display:swap}
body{margin:0;background:#0F1513;color:#F3EFE7;font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#D9BC8A}a:hover{color:#F3EFE7}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif}
.btn{transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-ghost:hover{border-color:#F3EFE7 !important;color:#F3EFE7 !important}
.nav-link{color:#D9D3C7;text-decoration:none;font-size:15px;font-weight:500}
.nav-link:hover{color:#F3EFE7}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.review{break-inside:avoid;-webkit-column-break-inside:avoid}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
details[open] .faq-sign{transform:rotate(45deg)}
.faq-sign{transition:transform .2s ease}
@media (max-width: 900px){.nav-links{display:none !important}}
.ticker{animation:ticker 80s linear infinite}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.ticker{animation:none}}
@media (max-width: 1180px){.deco-chart{display:none !important}}
@media (max-width: 700px){.deco-float{display:none !important}}
.only-mobile{display:none}
@media (max-width: 700px){.only-mobile{display:block !important}}
@media (max-width: 700px){section:not(#top){padding-top:64px !important;padding-bottom:64px !important}.hide-mobile{display:none !important}}
.prod-row{transition:background-color .18s ease}
.prod-row:hover{background:rgba(243,239,231,0.04)}
.lead-field:focus{outline:2px solid #C8A46B;outline-offset:1px}
.ship{animation:sail 16s linear infinite}
@keyframes sail{from{transform:translateX(-170px)}to{transform:translateX(580px)}}
.flow{animation:flow 2.4s linear infinite}
@keyframes flow{to{stroke-dashoffset:-64}}
.spin{transform-box:fill-box;transform-origin:center;animation:spin 12s linear infinite}
.spin-rev{transform-box:fill-box;transform-origin:center;animation:spin 8s linear infinite reverse}
.spin-wheel{transform-box:fill-box;transform-origin:center;animation:spin 10s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.bar{transform-box:fill-box;transform-origin:left center;animation:bar 7s ease-in-out infinite}
@keyframes bar{0%{transform:scaleX(0)}80%{transform:scaleX(1)}100%{transform:scaleX(1)}}
.drain{transform-box:fill-box;transform-origin:50% 100%;animation:drain 6s ease-in-out infinite}
@keyframes drain{0%,10%{transform:scaleY(1)}70%,100%{transform:scaleY(0.35)}}
.rise{transform-box:fill-box;transform-origin:50% 100%;animation:rise 6s ease-in-out infinite}
@keyframes rise{0%,10%{transform:scaleY(0.25)}70%,100%{transform:scaleY(1)}}
.bubble{animation:bubble 3s ease-in infinite}
@keyframes bubble{0%{transform:translateY(0);opacity:0}20%{opacity:.9}100%{transform:translateY(-90px);opacity:0}}
.road{animation:road .6s linear infinite}
@keyframes road{to{stroke-dashoffset:40}}
.draw{stroke-dasharray:520;animation:draw 7s ease-in-out infinite}
@keyframes draw{0%{stroke-dashoffset:520}55%,100%{stroke-dashoffset:0}}
.coin{animation:coin 7s ease-out infinite}
@keyframes coin{0%,8%{transform:translateY(-70px);opacity:0}22%,100%{transform:translateY(0);opacity:1}}
@media (prefers-reduced-motion: reduce){.ship,.flow,.spin,.spin-rev,.spin-wheel,.bar,.drain,.rise,.bubble,.road,.draw,.coin{animation:none !important}}
.lookbook{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;height:clamp(380px,42vw,600px)}
@media (max-width: 760px){.lookbook{display:flex;height:auto;overflow-x:auto;scroll-snap-type:x mandatory}.lookbook > figure{flex:0 0 80%;height:auto !important;aspect-ratio:4/5;scroll-snap-align:start}}
.ship-fwd{animation:sail-fwd 22s linear infinite}
@keyframes sail-fwd{from{transform:translateX(-320px)}to{transform:translateX(1300px)}}
.ship-back{animation:sail-back 36s linear infinite}
@keyframes sail-back{from{transform:translateX(1360px)}to{transform:translateX(-60px)}}
.bob{transform-box:fill-box;transform-origin:50% 100%;animation:bob 3.4s ease-in-out infinite alternate}
@keyframes bob{from{transform:translateY(0) rotate(-1.2deg)}to{transform:translateY(-5px) rotate(1.2deg)}}
.smoke{transform-box:fill-box;transform-origin:center;opacity:0;animation:smoke 4.2s ease-out infinite}
@keyframes smoke{0%{transform:translate(0,0) scale(.5);opacity:0}20%{opacity:.7}100%{transform:translate(-46px,-54px) scale(1.8);opacity:0}}
.gull{animation:gull 7s ease-in-out infinite alternate}
@keyframes gull{from{transform:translate(0,0)}to{transform:translate(60px,-14px)}}
.beam{transform-box:view-box;animation:beam 6s ease-in-out infinite}
@keyframes beam{0%,100%{transform:scaleX(1)}50%{transform:scaleX(-1)}}
.orbit{transform-box:view-box;animation:spin 18s linear infinite}
.orbit-rev{transform-box:view-box;animation:spin 26s linear infinite reverse}
.spin-slow{transform-box:fill-box;transform-origin:center;animation:spin 70s linear infinite}
.spin-slow-rev{transform-box:fill-box;transform-origin:center;animation:spin 90s linear infinite reverse}
.turn-slow{transform-box:view-box;animation:spin 160s linear infinite}
.needle{transform-box:view-box;animation:needle 9s ease-in-out infinite alternate}
@keyframes needle{from{transform:rotate(-72deg)}to{transform:rotate(72deg)}}
.pulse{transform-box:fill-box;transform-origin:center;animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.7)}}
.float{animation:float 9s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-26px) rotate(10deg)}}
.travel{animation:travel 9s ease-in-out infinite}
@keyframes travel{0%,6%{left:0}88%,100%{left:calc(100% - 14px)}}
.draw-long{stroke-dasharray:2700;animation:draw-long 14s ease-in-out infinite alternate}
@keyframes draw-long{from{stroke-dashoffset:2700}to{stroke-dashoffset:0}}
.ticker-rev{animation:ticker 70s linear infinite reverse}
.outline-word{color:transparent;-webkit-text-stroke:1px #C8A46B}
.lift{transition:transform .25s ease,box-shadow .25s ease}
.lift:hover{transform:translateY(-6px)}
@keyframes rv{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){section h2,.review,.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 70%}}}
@media (prefers-reduced-motion: reduce){.ship-fwd,.ship-back,.bob,.smoke,.gull,.beam,.orbit,.orbit-rev,.spin-slow,.spin-slow-rev,.turn-slow,.needle,.pulse,.float,.travel,.draw-long,.ticker-rev{animation:none !important}}
[hidden]{display:none !important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
.solid3d svg{display:block;width:100%;height:auto;overflow:visible}
:focus-visible{outline:2px solid #C8A46B;outline-offset:3px}