.section-wn-nami-story{position:relative;min-width:0;margin:0;overflow-x:clip}.wn-nami-story{--wn-nami-paper: var(--wn-paper);--wn-nami-warm: var(--wn-surface-alt);--wn-nami-ink: var(--wn-ink);--wn-nami-muted: var(--wn-muted);--wn-nami-accent: var(--wn-accent);--wn-nami-dark: var(--wn-dark);--wn-nami-white: #fffdf9;--wn-nami-line: color-mix(in srgb, var(--wn-nami-ink) 16%, transparent);--wn-nami-serif: var(--wn-font-heading);--wn-nami-sans: var(--wn-font-body);--wn-nami-gutter: clamp(2.2rem, 4.3vw, 7.6rem);--wn-nami-motion: .9s;position:relative;width:100%;overflow-x:clip;color:var(--wn-nami-ink);background:var(--wn-nami-paper);font-family:var(--wn-nami-sans);isolation:isolate}.wn-nami-story *,.wn-nami-story *:before,.wn-nami-story *:after{box-sizing:border-box}.wn-nami-story button{color:inherit;font:inherit}.wn-nami-story img,.wn-nami-story picture,.wn-nami-story svg{display:block;width:100%;height:100%}.wn-nami-story img{object-fit:cover}.wn-nami-story__eyebrow{margin:0 0 1.8rem;color:var(--wn-nami-accent);font-size:1.1rem;font-weight:700;letter-spacing:.19em;line-height:1;text-transform:uppercase}.wn-nami-story h2,.wn-nami-story h3{margin:0;color:inherit;font-family:var(--wn-nami-serif);font-weight:400;letter-spacing:-.045em;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance}.wn-nami-story__manifesto{position:relative;min-height:88vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(28rem,.75fr);align-content:center;gap:clamp(4rem,8vw,15rem);padding:13rem var(--wn-nami-gutter);background:var(--wn-nami-paper)}.wn-nami-story__manifesto-index{position:absolute;top:3.6rem;left:var(--wn-nami-gutter);color:var(--wn-nami-muted);font-size:1.1rem;letter-spacing:.16em}.wn-nami-story__manifesto h2{max-width:100rem;font-size:clamp(4.8rem,7vw,11.2rem);line-height:.95}.wn-nami-story__manifesto-note{align-self:end;max-width:39rem;margin:0 0 5vh;color:var(--wn-nami-muted);font-size:1.6rem;line-height:1.75}.wn-nami-story__journey{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(36rem,.92fr);background:var(--wn-nami-dark);color:#f8f3ec}.wn-nami-story__journey-visual{min-height:100vh}.wn-nami-story__journey-frame{position:sticky;top:0;height:100vh;overflow:hidden;background:#181513;contain:paint}.wn-nami-story__journey-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#120f0d05,#120f0d38);pointer-events:none}.wn-nami-story__journey-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.045);transition:opacity var(--wn-nami-motion) cubic-bezier(.2,.7,.2,1),transform calc(var(--wn-nami-motion) * 1.6) cubic-bezier(.2,.7,.2,1)}.wn-nami-story__journey-slide.is-active{opacity:1;transform:scale(1)}.wn-nami-story__journey-counter{position:absolute;z-index:3;left:3.2rem;bottom:3rem;display:grid;grid-template-columns:auto 7.4rem auto;align-items:center;gap:1.2rem;color:#ffffffd1;font-size:1rem;letter-spacing:.16em}.wn-nami-story__journey-counter i{height:.1rem;background:#ffffff59}.wn-nami-story__chapters{min-width:0;padding:0 clamp(3.4rem,5vw,8.8rem)}.wn-nami-story__chapter{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:9rem 0;opacity:.36;transition:opacity .55s ease}.wn-nami-story__chapter.is-active{opacity:1}.wn-nami-story__chapter-number{margin:0 0 2.5rem;color:#c88465;font-size:1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.wn-nami-story__chapter h3{max-width:58rem;margin-bottom:2.8rem;color:#f8f3ec;font-size:clamp(4.4rem,5vw,7.8rem);line-height:.98}.wn-nami-story__chapter-body{max-width:48rem;margin:0;color:#f8f3ecad;font-size:1.6rem;line-height:1.75}.wn-nami-story__interlude,.wn-nami-story__final{position:relative;overflow:hidden;contain:paint}.wn-nami-story__interlude{min-height:min(90rem,100svh);background:#d8cfc3}.wn-nami-story__parallax-media{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;transform:translate3d(0,var(--wn-nami-parallax-y, 0),0) scale(1.04);transform-origin:center;will-change:transform}.wn-nami-story__interlude-overlay,.wn-nami-story__final-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wn-nami-story__interlude-overlay{background:linear-gradient(90deg,rgba(24,18,15,calc(var(--wn-nami-interlude-overlay, .3) * .72)),rgba(24,18,15,calc(var(--wn-nami-interlude-overlay, .3) * .36)) 52%,rgba(24,18,15,calc(var(--wn-nami-interlude-overlay, .3) * .18))),rgba(24,18,15,var(--wn-nami-interlude-overlay, .3))}.wn-nami-story__interlude-copy{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:3rem;text-align:center}.wn-nami-story__interlude-copy p{margin:0;color:var(--wn-nami-white);font-family:var(--wn-nami-serif);font-size:clamp(5.4rem,8.5vw,13.8rem);line-height:.92;letter-spacing:-.045em;text-shadow:0 .2rem 2.6rem rgba(20,12,8,.28)}.wn-nami-story__colours{padding:13rem var(--wn-nami-gutter) 15rem;background:var(--wn-nami-paper)}.wn-nami-story__section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(28rem,.8fr);gap:4rem;align-items:end;margin-bottom:6.5rem}.wn-nami-story__section-head .wn-nami-story__eyebrow{grid-column:1 / -1;margin-bottom:-1.4rem}.wn-nami-story__section-head h2{font-size:clamp(5.4rem,6.7vw,10.4rem);line-height:.92}.wn-nami-story__section-head>p:last-child{max-width:41rem;margin:0 0 .8rem;color:var(--wn-nami-muted);font-size:1.6rem;line-height:1.7}.wn-nami-story__colour-guide{display:flex;align-items:center;gap:1.4rem;margin:-2rem 0 2rem;color:var(--wn-nami-muted);font-size:1rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase}.wn-nami-story__colour-guide i{width:min(8.6rem,12vw);height:.1rem;background:var(--wn-nami-line)}.wn-nami-story__colour-guide span:last-child{font-weight:400;letter-spacing:.08em;text-transform:none}.wn-nami-story__colour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.wn-nami-story__colour-card{-webkit-appearance:none;appearance:none;min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.wn-nami-story__colour-card:focus-visible{outline:.1rem solid var(--wn-nami-accent);outline-offset:.5rem}.wn-nami-story__colour-image{position:relative;display:block;aspect-ratio:.82;overflow:hidden;border:.1rem solid transparent;background:var(--wn-nami-warm);transition:border-color .22s ease,box-shadow .22s ease}.wn-nami-story__colour-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 68%,rgba(25,18,14,.16));opacity:0;pointer-events:none;transition:opacity .22s ease}.wn-nami-story__colour-card:hover .wn-nami-story__colour-image:after,.wn-nami-story__colour-card:focus-visible .wn-nami-story__colour-image:after,.wn-nami-story__colour-card[aria-pressed=true] .wn-nami-story__colour-image:after{opacity:1}.wn-nami-story__colour-card[aria-pressed=true] .wn-nami-story__colour-image{border-color:var(--wn-nami-ink);box-shadow:inset 0 0 0 .1rem var(--wn-nami-ink)}.wn-nami-story__colour-image img{transition:transform var(--wn-nami-motion) cubic-bezier(.2,.7,.2,1)}.wn-nami-story__colour-card:hover .wn-nami-story__colour-image img{transform:scale(1.035)}.wn-nami-story__colour-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name action";align-items:center;column-gap:2rem;padding:1.7rem .2rem 0}.wn-nami-story__colour-name{grid-area:name;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.wn-nami-story__colour-name strong{font-family:var(--wn-nami-serif);font-size:2.4rem;font-weight:400;letter-spacing:-.025em}.wn-nami-story__colour-name small{color:var(--wn-nami-muted);font-size:1.1rem}.wn-nami-story__colour-action{grid-area:action;justify-self:end;display:inline-flex;align-items:center;gap:.8rem;color:var(--wn-nami-muted);font-size:1rem;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}.wn-nami-story__colour-action-selected,.wn-nami-story__colour-card[aria-pressed=true] .wn-nami-story__colour-action-idle{display:none}.wn-nami-story__colour-card[aria-pressed=true] .wn-nami-story__colour-action-selected{display:inline}.wn-nami-story__details,.wn-nami-story__filters{display:grid;align-items:stretch}.wn-nami-story__details{min-height:85rem;grid-template-columns:minmax(0,.95fr) minmax(39rem,1.05fr);background:var(--wn-nami-warm)}.wn-nami-story__details-media,.wn-nami-story__filters-media{min-height:72rem;overflow:hidden;contain:paint}.wn-nami-story__details-copy,.wn-nami-story__filters-copy{align-self:center;padding:10rem var(--wn-nami-gutter)}.wn-nami-story__details h2,.wn-nami-story__filters h2{margin-bottom:4.8rem;font-size:clamp(4.8rem,5.4vw,8.4rem);line-height:.96}.wn-nami-story__accordion{border-top:.1rem solid var(--wn-nami-line)}.wn-nami-story__accordion details{border-bottom:.1rem solid var(--wn-nami-line)}.wn-nami-story__accordion summary{min-height:6.8rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.8rem 0;list-style:none;cursor:pointer;font-size:1.3rem;font-weight:600}.wn-nami-story__accordion summary::-webkit-details-marker{display:none}.wn-nami-story__accordion summary:after{content:"+";font-size:2rem;font-weight:400}.wn-nami-story__accordion details[open] summary:after{content:"\2212"}.wn-nami-story__accordion-content{max-width:62rem;padding:0 0 2.4rem;color:var(--wn-nami-muted);font-size:1.4rem;line-height:1.7}.wn-nami-story__filters{min-height:72rem;grid-template-columns:minmax(36rem,.85fr) minmax(0,1.15fr);background:#ded5ca}.wn-nami-story__filters-copy>p:not(.wn-nami-story__eyebrow):not(.wn-nami-story__status){max-width:45rem;margin:0 0 3rem;color:var(--wn-nami-muted);font-size:1.6rem;line-height:1.7}.wn-nami-story__offer{position:relative;margin-top:3.4rem;padding:2.1rem 0 .4rem;border-top:.1rem solid var(--wn-nami-line)}.wn-nami-story__offer:before{content:"";position:absolute;top:-.1rem;left:0;width:5.4rem;height:.2rem;background:var(--wn-nami-accent)}.wn-nami-story__offer-meta{display:flex;align-items:baseline;justify-content:space-between;gap:1.8rem}.wn-nami-story__offer-label{color:var(--wn-nami-accent);font-size:1rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.wn-nami-story__offer-price{font-family:var(--wn-nami-serif);font-size:2.1rem;font-weight:400}.wn-nami-story__offer-note{display:block;margin:.5rem 0 .3rem;color:var(--wn-nami-muted);font-size:1.2rem;line-height:1.45}.wn-nami-story__text-button,.wn-nami-story__final-button{-webkit-appearance:none;appearance:none;border:0;border-bottom:.1rem solid currentColor;padding:0 0 .7rem;background:transparent;cursor:pointer;font-size:1.3rem;font-weight:650}.wn-nami-story__offer .wn-nami-story__text-button{width:100%;min-height:4.8rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.2rem 0 1rem}.wn-nami-story__text-button:disabled{opacity:.55;cursor:wait}.wn-nami-story__status{min-height:1.8rem;margin:.8rem 0 0;color:var(--wn-nami-muted);font-size:1.2rem}.wn-nami-story__final{min-height:min(92rem,100svh);display:flex;align-items:center;justify-content:center;color:var(--wn-nami-white);text-align:center}.wn-nami-story__final-overlay{background:linear-gradient(180deg,rgba(24,18,15,calc(var(--wn-nami-final-overlay, .4) * .28)),rgba(24,18,15,calc(var(--wn-nami-final-overlay, .4) * .58)) 58%,rgba(24,18,15,calc(var(--wn-nami-final-overlay, .4) * .86))),rgba(24,18,15,var(--wn-nami-final-overlay, .4))}.wn-nami-story__final-copy{position:relative;z-index:2;padding:9rem 2.4rem;text-shadow:0 .2rem 2.2rem rgba(20,14,11,.35)}.wn-nami-story__final .wn-nami-story__eyebrow{color:#fffdf9d1}.wn-nami-story__final h2{margin-bottom:4.2rem;color:var(--wn-nami-white);font-size:clamp(5.8rem,8.2vw,13.2rem);line-height:.9}.wn-nami-story__purchase-rail{position:fixed;z-index:45;left:50%;bottom:1.8rem;width:min(88rem,calc(100% - 3.6rem));min-height:7.2rem;display:flex;align-items:center;justify-content:space-between;gap:2.4rem;padding:.9rem 1rem .9rem 1.3rem;border:.1rem solid color-mix(in srgb,var(--wn-nami-ink) 15%,transparent);background:#fffdf9f0;box-shadow:0 1.8rem 5.5rem #23191424;-webkit-backdrop-filter:blur(1.6rem);backdrop-filter:blur(1.6rem);transform:translate(-50%,calc(100% + 3.6rem));opacity:0;visibility:hidden;pointer-events:none;transition:transform .52s cubic-bezier(.22,.8,.3,1),opacity .32s ease,visibility 0s linear .52s}.wn-nami-story__purchase-rail.is-visible{transform:translate(-50%);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.wn-nami-story__rail-product{min-width:0;display:flex;align-items:center;gap:1.2rem}.wn-nami-story__rail-product img{width:5.2rem;height:5.2rem;flex:0 0 5.2rem;object-fit:cover}.wn-nami-story__rail-product span{min-width:0;display:grid;gap:.3rem}.wn-nami-story__rail-product strong{max-width:33rem;overflow:hidden;font-family:var(--wn-nami-serif);font-size:1.8rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.wn-nami-story__rail-product small{color:var(--wn-nami-muted);font-size:1rem}.wn-nami-story__rail-action{display:flex;align-items:center;gap:1.8rem}.wn-nami-story__rail-price{font-family:var(--wn-nami-serif);font-size:1.9rem}.wn-nami-story__rail-action button{min-width:13.8rem;min-height:5rem;border:.1rem solid var(--wn-nami-ink);background:var(--wn-nami-ink);color:var(--wn-nami-white);cursor:pointer;font-size:1.2rem;font-weight:650;transition:background .2s ease,border-color .2s ease}.wn-nami-story__rail-action button:hover{border-color:var(--wn-nami-accent);background:var(--wn-nami-accent)}[data-wn-nami-story] [data-wn-nami-reveal]{opacity:0;transform:translateY(3.4rem);transition:opacity var(--wn-nami-motion) cubic-bezier(.22,.8,.3,1),transform var(--wn-nami-motion) cubic-bezier(.22,.8,.3,1)}[data-wn-nami-story] [data-wn-nami-reveal].is-revealed,.shopify-design-mode [data-wn-nami-story] [data-wn-nami-reveal]{opacity:1;transform:translateY(0)}@media(max-width:989px){.wn-nami-story{--wn-nami-gutter: 2.2rem;--wn-nami-story-height: clamp(30rem, 44svh, 42rem)}.wn-nami-story__manifesto{min-height:78vh;grid-template-columns:1fr;gap:4.5rem;padding:11rem var(--wn-nami-gutter) 9rem}.wn-nami-story__manifesto h2{font-size:clamp(5.2rem,13vw,8.2rem)}.wn-nami-story__manifesto-note{margin:0}.wn-nami-story__journey{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;overflow:visible;isolation:isolate}.wn-nami-story__journey-visual,.wn-nami-story__chapters{grid-column:1;grid-row:1;min-width:0}.wn-nami-story__journey-visual{position:sticky;top:var(--wn-header-group-height, 0);z-index:3;align-self:start;height:var(--wn-nami-story-height);min-height:0;overflow:hidden;pointer-events:none}.wn-nami-story__journey-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wn-nami-story__journey-counter{left:2rem;bottom:1.8rem}.wn-nami-story__chapters{position:relative;z-index:2;padding:var(--wn-nami-story-height) 0 0;background:transparent}.wn-nami-story__chapter{min-height:58svh;justify-content:center;margin:0;padding:6.4rem var(--wn-nami-gutter) 7.2rem;border-bottom:.1rem solid rgba(255,253,249,.12);background:var(--wn-nami-dark);opacity:.48}.wn-nami-story__chapter.is-active{opacity:1}.wn-nami-story__chapter h3{max-width:12ch;font-size:clamp(4rem,10.8vw,6rem);line-height:1}.wn-nami-story__chapter-body{max-width:36rem;color:#f8f3ecc2;font-size:1.5rem;line-height:1.68}.wn-nami-story__interlude{min-height:72svh}.wn-nami-story__interlude-copy p{font-size:clamp(5.2rem,14vw,9.2rem)}.wn-nami-story__colours{padding:10rem var(--wn-nami-gutter) 11rem}.wn-nami-story__section-head{grid-template-columns:1fr;gap:3rem;margin-bottom:4.8rem}.wn-nami-story__section-head .wn-nami-story__eyebrow{margin-bottom:-.8rem}.wn-nami-story__section-head h2{font-size:clamp(5.4rem,14vw,8.2rem)}.wn-nami-story__colour-guide{align-items:flex-start;flex-wrap:wrap;gap:.9rem 1.2rem;margin-top:0}.wn-nami-story__colour-guide i{flex:1 1 4.4rem;margin-top:.5rem}.wn-nami-story__colour-grid{grid-template-columns:1fr;gap:4.2rem}.wn-nami-story__colour-image{aspect-ratio:1 / 1.08}.wn-nami-story__details,.wn-nami-story__filters{min-height:0;grid-template-columns:1fr}.wn-nami-story__details-media,.wn-nami-story__filters-media{min-height:62svh}.wn-nami-story__details-copy{padding:8.2rem var(--wn-nami-gutter) 9rem}.wn-nami-story__filters-copy{padding:9rem var(--wn-nami-gutter) 7rem}.wn-nami-story__filters-media{order:-1}.wn-nami-story__details h2,.wn-nami-story__filters h2{font-size:clamp(5rem,13vw,7.6rem)}.wn-nami-story__final{min-height:82svh}.wn-nami-story__purchase-rail{width:calc(100% - 2rem);min-height:6.6rem;bottom:1rem;gap:1rem;padding:.8rem}.wn-nami-story__rail-product img,.wn-nami-story__rail-product small{display:none}.wn-nami-story__rail-product strong{max-width:20rem;font-size:1.6rem}.wn-nami-story__rail-action{gap:1rem}.wn-nami-story__rail-price{font-size:1.7rem}.wn-nami-story__rail-action button{min-width:10.8rem;min-height:4.8rem}}@media(max-width:520px){.wn-nami-story{--wn-nami-story-height: clamp(28rem, 40svh, 36rem)}.wn-nami-story__colour-meta{column-gap:1.2rem}.wn-nami-story__colour-name{gap:.5rem}.wn-nami-story__colour-action{font-size:.9rem}.wn-nami-story__rail-product{display:none}.wn-nami-story__rail-action{width:100%;justify-content:space-between}.wn-nami-story__rail-action button{min-width:13.2rem}}@supports not (overflow: clip){.section-wn-nami-story,.wn-nami-story{overflow-x:hidden}}@media(prefers-reduced-motion:reduce){.wn-nami-story *,.wn-nami-story *:before,.wn-nami-story *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-wn-nami-story] [data-wn-nami-reveal]{opacity:1;transform:none}.wn-nami-story__parallax-media,.wn-nami-story__journey-slide{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/wn-nami-story.css.map */