/** Shopify CDN: Minification failed

Line 330:64 Expected ")" to end URL token

**/

:root{--cream:#f1e7d2;--ink:#191b17;--green:#254c42;--line:#191b1733;--sage:#c6cdb7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h2,h3,.display{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.025em}h2{font-size:clamp(44px,5.6vw,88px);line-height:.98}p{line-height:1.55}.wrap{padding:85px 5%}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px}.note{position:fixed;bottom:12px;right:15px;z-index:10;background:#191b17e8;color:#fff;padding:9px 14px;font-size:11px;border-radius:30px;box-shadow:0 2px 15px #0002}.hero{position:relative}.hero video{width:100%;display:block}.hero nav{position:absolute;inset:0 0 auto;height:8.6%;display:flex;justify-content:space-around;align-items:center}.hero nav a{height:100%;width:16%;font-size:0}.hero nav a:focus-visible{outline:3px solid #254c42}.mobile-nav{display:none}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 5%;display:flex;justify-content:space-between;gap:20px;font-size:12px}.ribbon b{font-weight:400}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-head p{max-width:270px;font-size:14px}.tabs{display:flex;gap:9px;margin:30px 0}.tabs button{background:none;border:1px solid var(--line);border-radius:30px;padding:11px 20px;font-size:13px}.tabs button.active{background:var(--ink);color:var(--cream)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{min-width:0;cursor:pointer}.product .pic{position:relative;overflow:hidden;background:#e7dfcd;aspect-ratio:1/1.15}.product img{height:100%;transition:transform .4s}.product:hover img{transform:scale(1.035)}.round{position:absolute;right:12px;bottom:12px;border:0;width:39px;height:39px;background:var(--cream);border-radius:50%;font-size:23px;display:grid;place-items:center}.meta{display:flex;justify-content:space-between;gap:10px;margin-top:16px;font-size:14px}.meta strong{font-weight:500}.kind{font-size:11px;color:#595c53;margin-top:7px}.link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid;padding:12px 0;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid var(--ink);border-radius:40px;padding:17px 24px;font-size:13px;margin-top:27px;background:var(--ink);color:var(--cream)}.split{display:grid;grid-template-columns:1fr 1fr}.split .copy{display:flex;flex-direction:column;justify-content:center;padding:65px 12%;align-items:flex-start}.copy p{max-width:360px;margin-top:25px;font-size:16px}.room{background:var(--sage)}.room>.photo{min-height:660px;height:100%;object-position:center}.copy small{margin-top:25px;font-size:11px}.flash{display:grid;grid-template-columns:.85fr 1.15fr;margin-top:25px;background:#e8dfc7;min-height:460px}.flash .copy{padding:50px}.flash h3{font-size:56px;line-height:1}.flash img{height:100%;max-height:560px;object-position:center}.access{padding-bottom:30px}.access-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.access-main img{aspect-ratio:4/5}.access-side h2{font-size:clamp(46px,5.6vw,80px)}.access-side>p{margin-top:25px;max-width:350px}.cap-mini{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:center;margin-top:50px;border-top:1px solid var(--line);padding-top:30px}.cap-mini img{height:190px}.cap-mini h3{font-size:31px;line-height:1.1}.cap-mini p{font-size:13px;margin:12px 0}.gift{background:var(--green);color:var(--cream);position:relative;margin-top:60px;padding:85px 5%}.gift-top{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end;margin-bottom:45px}.gift h2{font-size:clamp(48px,6.5vw,96px)}.gift .aside{font-size:15px;padding-bottom:5px}.gift .gift-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.gift-card{position:relative}.gift-card img{height:420px;object-fit:cover}.gift-card .caption{display:flex;justify-content:space-between;margin-top:17px;font-size:15px}.gift-card .caption small{display:block;font-size:12px;margin-top:7px;opacity:.8}.gift-foot{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.gift-foot .btn{background:var(--cream);color:var(--ink);border:0;margin:0}.cards{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:70px}.cards h2{font-size:clamp(44px,5.1vw,74px)}.cards p{max-width:370px;margin-top:25px}.fan{display:flex;align-items:center;justify-content:center;padding:55px 0}.fan a{width:44%;box-shadow:0 12px 25px #0002;transition:transform .3s;transform:rotate(-10deg)}.fan a+a{margin-left:-12%;transform:rotate(11deg) translateY(23px)}.fan a:hover{transform:rotate(0) translateY(-10px);z-index:1}.fan img{aspect-ratio:1}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.signature{font-family:Georgia,serif;font-style:italic;font-size:70px;transform:rotate(-6deg);line-height:.9;text-align:center;color:var(--green)}.about h2{font-size:clamp(34px,3.8vw,56px)}.about p{font-size:15px;max-width:550px;margin-top:25px}.assurance{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.assurance div{padding:30px;text-align:center;border-right:1px solid var(--line);font-size:13px}.assurance small{display:block;margin-top:8px;font-size:11px;color:#56594f}footer{padding:50px 5% 35px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:40px}.footer-logo{font-family:Impact,sans-serif;font-size:42px;line-height:1}.footer-links{display:flex;gap:50px;font-size:12px;line-height:2.1}.footer-links a{display:block}footer .bottom{font-size:10px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between}dialog{width:min(780px,92vw);padding:0;border:0;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#0009}dialog .inner{display:grid;grid-template-columns:1fr 1fr}dialog img{height:430px;object-fit:cover}dialog .detail{padding:45px 30px}dialog h3{font-size:40px;line-height:1.05}dialog p{margin-top:20px;font-size:14px}dialog .close{position:absolute;right:8px;top:8px;border:0;border-radius:50%;width:32px;height:32px;background:var(--cream);font-size:20px}[hidden]{display:none!important}:focus-visible{outline:3px solid #9b6d2d;outline-offset:4px}@media(max-width:700px){.wrap{padding:52px 6%}.hero nav{display:none}.mobile-nav{display:flex;justify-content:space-between;padding:14px 6%;font-size:12px;border-bottom:1px solid var(--line)}.ribbon{font-size:10px;padding:15px 6%;gap:12px}.ribbon b:nth-child(2){display:none}.section-head{display:block}.section-head p{margin-top:20px}.grid{grid-template-columns:repeat(2,1fr);gap:25px 14px}.meta{font-size:12px;display:block}.meta span{display:block;margin-top:5px}.tabs{gap:5px;flex-wrap:wrap}.tabs button{font-size:11px;padding:10px 13px}.split,.flash,.access-grid,.gift-top,.cards,.about{grid-template-columns:1fr;gap:30px}.split .copy{padding:48px 6%}.room>.photo{min-height:0;max-height:480px;aspect-ratio:1;order:2}.flash .copy{padding:35px}.flash img{max-height:400px}.flash h3{font-size:45px}.access-grid{gap:35px}.access-side{order:-1}.cap-mini{margin-top:30px;grid-template-columns:110px 1fr}.cap-mini img{height:145px}.gift{padding:50px 6%;margin-top:20px}.gift-top{gap:22px}.gift .gift-grid{gap:15px}.gift-card img{height:220px}.gift-card .caption{font-size:12px;display:block}.gift-card .caption>span{display:block;margin-top:8px}.gift-foot{display:block}.gift-foot .btn{margin-top:22px}.cards{gap:5px}.fan{padding:35px 10px}.signature{font-size:60px;margin:20px}.assurance div{padding:25px 8px;font-size:11px}.assurance small{font-size:10px}.footer-top{display:block}.footer-links{margin-top:25px;gap:30px}.note{font-size:9px}dialog .inner{grid-template-columns:1fr}dialog img{height:240px}dialog .detail{padding:25px}dialog h3{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hang-section{background:var(--cream);position:relative;display:grid;grid-template-columns:minmax(245px,.8fr) minmax(0,2fr);gap:44px;padding:48px 5% 50px;align-items:center}.hang-section .anchor{position:absolute;top:0}.hang-copy .eyebrow{margin-bottom:23px}.hang-copy h2{font-size:clamp(36px,3.4vw,52px);line-height:1.01;letter-spacing:-.015em}.hang-sub{font-family:Georgia,serif;font-size:21px;font-style:italic;line-height:1.3;margin:17px 0 26px}.hang-copy .link{font-size:12px;gap:25px}.hang-controls{display:flex;align-items:center;gap:8px;margin-top:26px}.hang-controls button{border:1px solid var(--ink);background:transparent;width:38px;height:38px;border-radius:50%;font-size:20px;transition:background .2s}.hang-controls button:hover{background:var(--ink);color:var(--cream)}.hang-controls button:disabled{opacity:.3;cursor:default}.hang-controls>span{margin-left:12px;font-size:10px;letter-spacing:.12em}.frame-window{min-width:0}.frame-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px 0 8px;overscroll-behavior-x:contain}.frame-track::-webkit-scrollbar{display:none}.framed-product{display:block;flex:0 0 calc((100% - 20px)/2);min-width:0;border:1px solid var(--ink);scroll-snap-align:start}.frame-stage{height:auto;aspect-ratio:1/1.08;display:grid;place-items:center;perspective:900px}.frame-isolate{position:relative;width:76%;aspect-ratio:1;overflow:hidden;transform:rotate(-3deg);box-shadow:5px 10px 13px #0002;transition:transform .65s cubic-bezier(.22,.61,.36,1),box-shadow .65s;will-change:transform}.frame-isolate img{position:absolute;max-width:none;width:var(--source-width);height:auto;left:var(--source-left);top:var(--source-top);display:block;object-fit:initial}.framed-product:nth-child(2n) .frame-isolate{transform:rotate(3deg)}.framed-product:hover .frame-isolate,.framed-product:focus-visible .frame-isolate{transform:translateY(-9px) rotate(0) rotateY(-5deg) scale(1.035);box-shadow:9px 17px 19px #0002}.frame-label{border-top:1px solid var(--ink);padding:17px 17px 15px;min-height:99px}.frame-label h3{font-size:clamp(18px,1.7vw,26px);line-height:1.07;min-height:2.14em}.frame-price{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:13px}.frame-price small{display:block;margin-top:4px;font-size:10px;font-weight:400;color:#585a52}.frame-price>span:last-child{font-size:23px}@media(max-width:900px){.hang-section{gap:24px;grid-template-columns:225px minmax(0,1fr)}.framed-product{flex-basis:76%}.hang-copy h2{font-size:38px}}@media(max-width:600px){.hang-section{padding:28px 6% 32px;grid-template-columns:1fr;gap:14px}.hang-copy{position:relative}.hang-copy .eyebrow{margin-bottom:14px}.hang-copy h2{font-size:35px}.hang-sub{font-size:18px;position:static;margin:12px 0 8px;max-width:100%}.hang-copy .link{margin-top:10px}.hang-controls{position:absolute;right:0;bottom:0;margin:0}.hang-controls>span{display:none}.frame-track{gap:15px}.framed-product{flex-basis:76%}.frame-label h3{font-size:23px}.frame-stage{aspect-ratio:1/1}.frame-label{padding:15px}.frame-window{margin-right:-6vw}.frame-track{padding-right:6vw}}@media(prefers-reduced-motion:reduce){.frame-isolate{transition:none!important}}
.frame-track{cursor:grab}.frame-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.frame-track img{user-select:none;-webkit-user-drag:none}.ribbon{background:var(--sage);align-items:center;justify-content:center;gap:20px 42px;flex-wrap:wrap;text-align:center}.ribbon b{font-size:13px}@media(max-width:600px){.ribbon{gap:7px 18px;padding:16px 6%}.ribbon b:last-child{flex-basis:100%}}.ribbon{display:block;padding:18px 5%;cursor:default}.ribbon p{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:clamp(16px,1.5vw,20px);line-height:1.5;text-align:center;text-wrap:balance;max-width:1100px;margin:0 auto;letter-spacing:0}@media(max-width:600px){.ribbon{padding:16px 7%}.ribbon p{font-size:17px}}.ribbon{padding:18px 3%;overflow-x:auto;scrollbar-width:none}.ribbon::-webkit-scrollbar{display:none}.ribbon p{font-family:"Poppins",Arial,sans-serif;font-style:normal;font-weight:400;font-size:clamp(10px,1.24vw,17px);white-space:nowrap;text-wrap:nowrap;max-width:none;width:max-content;min-width:100%;line-height:1.5}@media(max-width:600px){.ribbon{padding:14px 18px}.ribbon p{font-size:12px;min-width:100%;text-align:left}}.access-showcase{background:var(--sage);display:grid;grid-template-columns:minmax(245px,.8fr) minmax(0,2fr);gap:44px;padding:50px 5%;align-items:center}.access-intro h2{font-size:clamp(36px,3.4vw,52px);line-height:1.01}.access-intro p{font-size:14px;line-height:1.55;margin-top:20px;max-width:290px}.access-intro .access-punch{font-family:Georgia,serif;font-style:italic;font-size:19px;margin-top:14px}.access-intro .link{margin-top:20px;font-size:12px}.access-products{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0}.access-card{border:1px solid var(--ink);min-width:0;overflow:hidden}.access-stage{aspect-ratio:1/1.08;display:grid;place-items:center;overflow:hidden;perspective:850px}.swing-bag{width:92%;height:92%;object-fit:contain;transform-origin:50% 3%;animation:bag-sway 5s ease-in-out infinite;filter:drop-shadow(3px 10px 7px #0002)}.cap-turn{position:relative;width:100%;aspect-ratio:1024/850;filter:drop-shadow(3px 10px 7px #0002);perspective:800px}.cap-colour{position:absolute;inset:0;width:100%;height:100%;animation:cap-colours 12s ease-in-out infinite;opacity:0;transform:rotateY(-85deg)}.cap-0{animation-delay:0s}.cap-1{animation-delay:-8s}.cap-2{animation-delay:-4s}@keyframes bag-sway{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes cap-colours{0%{opacity:0;transform:rotateY(-85deg) rotate(-4deg)}5%,26%{opacity:1}12%,22%{transform:rotateY(0) rotate(0)}32%{opacity:0;transform:rotateY(85deg) rotate(4deg)}33%,100%{opacity:0;transform:rotateY(-85deg)}}@media(max-width:900px){.access-showcase{grid-template-columns:1fr;gap:24px}.access-intro{max-width:620px}.access-intro h2 br{display:none}.access-intro p{max-width:none}.access-stage{aspect-ratio:1}.access-intro .eyebrow{margin-bottom:16px}}@media(max-width:600px){.access-showcase{padding:32px 6%}.access-products{gap:14px}.access-products .frame-label{padding:12px 10px}.access-products h3{font-size:20px}.access-products .frame-price{font-size:12px}.access-products .frame-price small{font-size:10px}.access-intro h2{font-size:38px}}@media(prefers-reduced-motion:reduce){.swing-bag,.cap-colour{animation:none}.cap-0{opacity:1;transform:none}}.access-showcase{padding:48px 5% 50px;gap:44px;grid-template-columns:minmax(245px,.8fr) minmax(0,2fr)}.access-products{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px 0 8px}.access-card{flex:0 0 calc((100% - 20px)/2);scroll-snap-align:start}.access-stage{aspect-ratio:1/1.08}.access-intro h2{font-size:clamp(36px,3.4vw,52px)}.access-intro h2 br{display:initial}.cap-colour{animation:none;transform:none;opacity:0}.cap-0{opacity:1}.access-card:hover .cap-colour,.access-card:focus-visible .cap-colour{animation:cap-hover-colour 9s ease-in-out infinite}.access-card:hover .cap-1,.access-card:focus-visible .cap-1{animation-delay:-6s}.access-card:hover .cap-2,.access-card:focus-visible .cap-2{animation-delay:-3s}.access-card:hover .cap-turn,.access-card:focus-visible .cap-turn{animation:cap-hover-bob 3s ease-in-out infinite}@keyframes cap-hover-colour{0%,25%{opacity:1}33%,92%{opacity:0}100%{opacity:1}}@keyframes cap-hover-bob{0%,100%{transform:translateY(0) translateX(-3px)}50%{transform:translateY(-8px) translateX(3px)}}@media(max-width:900px){.access-showcase{grid-template-columns:225px minmax(0,1fr);gap:24px}.access-intro h2{font-size:38px}.access-card{flex-basis:76%}.access-products{min-width:0}.access-intro p{max-width:290px}}@media(max-width:600px){.access-showcase{grid-template-columns:1fr;padding:28px 6% 32px;gap:14px}.access-intro h2{font-size:35px}.access-products{gap:15px;margin-right:-6vw;padding-right:6vw}.access-card{flex-basis:76%}.access-stage{aspect-ratio:1}.access-products .frame-label{padding:15px}.access-products h3{font-size:23px}}@media(prefers-reduced-motion:reduce){.access-card:hover .cap-colour,.access-card:focus-visible .cap-colour,.access-card:hover .cap-turn,.access-card:focus-visible .cap-turn{animation:none}.cap-0{opacity:1}}
.access-showcase{grid-template-columns:minmax(0,2fr) minmax(245px,.8fr);grid-template-areas:"products title"}.access-intro{grid-area:title}.access-products{grid-area:products}.access-intro h2{font-size:clamp(52px,5.1vw,76px);line-height:.98;letter-spacing:-.025em}.cap-turn{width:100%;height:100%;aspect-ratio:auto;perspective:none;filter:none;isolation:isolate}.cap-colour{width:65%;height:auto;aspect-ratio:1024/850;inset:auto;top:22%;left:17%;opacity:1!important;animation:none!important;transform-origin:50% 90%;border:1px solid var(--ink);box-shadow:0 8px 16px #0002;transition:transform .45s ease,box-shadow .45s ease;pointer-events:auto;cursor:pointer;background:#e8e1d7}.cap-0{transform:translateX(-20%) rotate(-14deg);z-index:1}.cap-1{transform:translateY(-9%) rotate(0deg);z-index:2}.cap-2{transform:translateX(20%) rotate(14deg);z-index:3}.access-card:hover .cap-turn,.access-card:focus-visible .cap-turn{animation:none}.cap-colour:hover{z-index:5;transform:translateY(-16%) scale(1.07);box-shadow:0 14px 22px #0003}.access-products .frame-price small{max-width:235px;line-height:1.4}@media(max-width:900px){.access-showcase{grid-template-columns:minmax(0,1fr) 225px;gap:24px}.access-intro h2{font-size:48px}}@media(max-width:600px){.access-showcase{grid-template-columns:1fr;grid-template-areas:"title" "products"}.access-intro h2{font-size:48px}.access-intro{text-align:right}.cap-colour{width:64%}}@media(prefers-reduced-motion:reduce){.cap-colour{transition:none}}
@media(min-width:601px) and (max-width:900px){.access-card{flex-basis:calc((100% - 14px)/2)}.access-products{gap:14px}.access-products .frame-label{padding:12px 9px}.access-products h3{font-size:19px}.access-products .frame-price small{font-size:10px}.access-showcase{grid-template-columns:minmax(0,1fr) 205px;gap:20px}.access-intro h2{font-size:46px}}.access-showcase{grid-template-columns:minmax(0,1.15fr) minmax(245px,.85fr);gap:7%;padding:55px 5%;align-items:center}.access-intro h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(56px,6.6vw,96px);line-height:1;letter-spacing:-.025em}.access-intro .eyebrow{font-family:Arial,sans-serif;font-size:13px;letter-spacing:.16em;margin-bottom:26px}.access-intro .btn{font-size:13px;margin-top:30px}.access-products{gap:20px;scroll-behavior:smooth;scroll-snap-type:x mandatory}.access-showcase .access-products .access-card{flex:0 0 100%}.access-stage{aspect-ratio:1/1}.access-card:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}.access-intro{text-align:left}@media(max-width:900px){.access-showcase{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:5%}.access-intro h2{font-size:56px}.access-products .frame-label{padding:17px}.access-products h3{font-size:24px}.access-intro .btn{padding:15px 18px;gap:12px}}@media(max-width:600px){.access-showcase{grid-template-columns:1fr;grid-template-areas:"title" "products";padding:32px 6%;gap:28px}.access-intro h2{font-size:58px}.access-products{margin:0;padding-right:0}.access-intro .eyebrow{margin-bottom:18px}}
.cap-clean{position:absolute;display:block;width:64%;aspect-ratio:1;top:21%;left:18%;background-image:var(--cap-sheet);background-size:300% 100%;background-repeat:no-repeat;transform-origin:50% 80%;transition:transform .45s cubic-bezier(.22,.61,.36,1),filter .45s;filter:drop-shadow(2px 8px 5px #0002);outline-offset:4px}.cap-clean-0{background-position:left;transform:translate(-22%,-9%) rotate(-12deg);z-index:1}.cap-clean-1{background-position:center;transform:translateY(-17%);z-index:2}.cap-clean-2{background-position:right;transform:translate(22%,10%) rotate(12deg);z-index:3}.cap-clean:hover,.cap-clean:focus-visible{transform:translateY(-12%) scale(1.09);z-index:5;filter:drop-shadow(3px 12px 8px #0003)}@media(prefers-reduced-motion:reduce){.cap-clean{transition:none}}.access-showcase .access-products .access-card{flex-basis:88%}.access-products{gap:16px;padding-right:0;scroll-padding-right:0}.hang-section{grid-template-columns:minmax(245px,.85fr) minmax(0,1.15fr);gap:7%;padding:55px 5%;align-items:center}.hang-copy h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(56px,6.6vw,96px);line-height:1;letter-spacing:-.025em;overflow-wrap:normal}.hang-copy .eyebrow{font-family:Arial,sans-serif;font-size:13px;letter-spacing:.16em;margin-bottom:26px}.hang-copy .btn{font-size:13px;margin-top:30px}.hang-sub{margin:22px 0 0;font-size:21px;line-height:1.3}.frame-track{gap:16px}.framed-product{flex-basis:88%}.frame-stage{aspect-ratio:1}.hang-copy h2{font-size:clamp(50px,5.2vw,76px)}.access-intro h2{font-size:clamp(50px,5.2vw,76px)}@media(max-width:900px){.hang-section{grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);gap:5%}.hang-copy h2,.access-intro h2{font-size:48px}.hang-copy .btn{padding:15px 18px;gap:12px}}@media(max-width:600px){.hang-section{grid-template-columns:1fr;padding:32px 6%;gap:28px}.hang-copy h2,.access-intro h2{font-size:48px}.hang-copy .eyebrow{margin-bottom:18px}.hang-copy .btn{margin-top:30px}.frame-window{margin:0}.frame-track{padding-right:0}.hang-sub{position:static;margin:20px 0 0;max-width:none}}
.access-products{direction:ltr}.access-products .access-card{direction:ltr}.postcard-crop{position:relative;display:block;overflow:hidden}.fan .postcard-crop img{position:absolute;max-width:none;height:auto;aspect-ratio:auto;object-fit:initial}.fan a:focus-visible{transform:rotate(0) translateY(-10px);z-index:2}/* Présentation sans contours autour des cartes produits. */
.framed-product,.access-card{border:0}.frame-label{border-top:0}

/* Casquettes proportionnées au sac, éventail et survol conservés. */
.cap-clean{width:49%;left:25.5%;top:27%}

/* Collections : texte à gauche, produits à droite. */
.access-showcase{grid-template-columns:minmax(245px,.85fr) minmax(0,1.15fr);grid-template-areas:"title products"}
.access-intro{text-align:left}
.flash-section{padding:55px 5%;background:var(--cream)}
.flash{grid-template-columns:minmax(245px,.85fr) minmax(0,1.15fr);gap:7%;margin:0;background:transparent;min-height:0;align-items:center}
.flash .copy{padding:0}
.flash h3{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(50px,5.2vw,76px);line-height:1;letter-spacing:-.025em}
.flash .eyebrow,.cards .eyebrow{font-family:Arial,sans-serif;font-size:13px;letter-spacing:.16em;margin-bottom:26px}
.flash .btn{font-size:13px;margin-top:30px}
.flash img{width:100%;height:auto;max-height:560px;object-fit:contain}
.cards{background:var(--sage);grid-template-columns:minmax(245px,.85fr) minmax(0,1.15fr);gap:7%;padding:55px 5%}
@media(max-width:900px){.access-showcase,.flash,.cards{grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);gap:5%}.flash h3{font-size:48px}}
@media(max-width:600px){.access-showcase{grid-template-columns:1fr;grid-template-areas:"title" "products"}.flash,.cards{grid-template-columns:1fr;gap:28px}.flash-section,.cards{padding:32px 6%}.flash .eyebrow,.cards .eyebrow{margin-bottom:18px}}

/* Mobile : lecture compacte, produits proches des titres. */
@media(max-width:600px){
.hero{overflow:hidden}.hero video{margin-top:-5.5%}
.mobile-nav{padding:15px 6%;gap:12px;font-family:Arial,sans-serif;font-size:12px;align-items:center}
.mobile-nav a{padding:6px 0}
.ribbon{padding:14px 6%;overflow:visible}
.ribbon p{width:auto;min-width:0;max-width:100%;white-space:normal;text-wrap:balance;text-align:center;font-size:11px;line-height:1.65}
.hang-section,.access-showcase,.cards{padding:30px 6%;gap:12px}
.flash-section{padding:30px 6%}.flash{gap:16px}
.hang-copy h2,.access-intro h2,.flash h3,.cards h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:40px;line-height:1.02;letter-spacing:-.02em}
.hang-copy .eyebrow,.access-intro .eyebrow,.flash .eyebrow,.cards .eyebrow{font-size:11px;margin-bottom:16px;letter-spacing:.13em}
.hang-sub{margin-top:12px;font-size:18px;line-height:1.3}
.hang-copy .btn,.access-intro .btn,.flash .btn,.cards .btn{margin-top:18px;padding:14px 19px;font-size:12px;gap:18px;min-height:44px}
.frame-stage,.access-stage{aspect-ratio:1.12}
.frame-label{padding:10px 10px 14px}
.frame-label h3{font-size:21px}
.flash .copy p,.cards p{font-size:14px;line-height:1.5;margin-top:14px}
.flash img{max-height:340px}
.fan{padding:22px 10px 30px}.fan a{width:43%}
.about{padding:34px 6%;gap:24px}.about h2{font-size:30px}
.note{font-size:9px}
}
@media(max-width:360px){.hang-copy h2,.access-intro h2,.flash h3,.cards h2{font-size:35px}.mobile-nav{font-size:11px}}

/* Navigation produit explicite et lecture confortable. */
.access-gallery{grid-area:products;min-width:0}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 4px;font-family:Arial,sans-serif;font-size:14px}
.carousel-buttons{display:flex;gap:10px}
.carousel-controls button{width:46px;height:46px;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);font-size:24px;cursor:pointer;display:grid;place-items:center}
.carousel-controls button:disabled{opacity:.3;cursor:default}
.carousel-controls button:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.swing-bag{animation:none!important;transform:rotate(0)}
@media(max-width:600px){
.frame-label h3{font-size:24px;line-height:1.1;margin-bottom:12px}
.frame-price{font-family:Arial,sans-serif;font-size:17px;line-height:1.45}
.frame-price small{font-size:14px;line-height:1.45;margin-top:5px}
.hang-copy .btn,.access-intro .btn,.flash .btn,.cards .btn{font-family:Arial,sans-serif;font-size:14px;min-height:48px}
.ribbon p{font-size:13px}
.mobile-nav{font-size:14px;gap:10px}
.frame-isolate,.cap-clean,.fan a{animation:none!important}
.frame-isolate:hover,.framed-product:hover .frame-isolate{transform:none}
.cap-clean:hover,.cap-clean:focus-visible{transform:translateY(-5%) scale(1.04)}
}
@media(max-width:600px){.frame-price>span:first-child{font-size:17px}.frame-price small{font-size:14px}}

.phone-header{display:none}
@media(max-width:600px){
.mobile-nav{display:none}
.phone-header{display:flex;position:relative;z-index:20;align-items:center;justify-content:space-between;padding:12px 6%;background:var(--cream);border-bottom:1px solid var(--line)}
.phone-brand{font-family:Impact,"Arial Narrow",sans-serif;font-size:20px;line-height:.9;text-decoration:none}
.phone-menu summary{list-style:none;width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;border-radius:5px}
.phone-menu summary::-webkit-details-marker{display:none}
.phone-menu summary span{display:block;width:25px;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.phone-menu[open] summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.phone-menu[open] summary span:nth-child(2){opacity:0}
.phone-menu[open] summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.phone-menu nav{position:absolute;left:0;right:0;top:100%;background:var(--cream);padding:10px 6% 20px;box-shadow:0 10px 14px #0001;border-bottom:1px solid var(--line)}
.phone-menu nav a{display:block;padding:15px 0;font:16px Arial,sans-serif;text-decoration:none;border-bottom:1px solid var(--line)}
.phone-menu nav a:last-child{border:0}
.phone-menu summary:focus-visible,.phone-menu nav a:focus-visible{outline:2px solid var(--green);outline-offset:3px}
}

/* Mobile : priorité aux produits, collection accessible après le visuel. */
@media(max-width:600px){
.hang-section,.access-showcase{display:flex;flex-direction:column;align-items:stretch;padding:25px 6%;gap:0}
.hang-copy,.access-intro{display:contents}
.hang-copy .eyebrow,.access-intro .eyebrow{order:0;margin:0 0 12px}
.hang-copy h2,.access-intro h2{order:1;font-size:32px;line-height:1.04;max-width:100%;margin:0}
.hang-copy h2 br,.access-intro h2 br{display:none}
.hang-copy h2 br:after,.access-intro h2 br:after{content:" "}
.hang-sub{order:2;margin:9px 0 0;font-size:16px;line-height:1.35}
.hang-sub br{display:none}
.frame-window,.access-gallery{order:3;margin-top:12px;min-width:0}
.hang-copy .btn,.access-intro .btn{order:4;align-self:flex-start;margin-top:16px}
.frame-stage,.access-stage{aspect-ratio:1.18}
.frame-label{padding:6px 4px 9px}
.carousel-controls{padding:4px 0 0}
.flash-section,.cards{padding:25px 6%}
.flash{gap:12px}.flash h3,.cards h2{font-size:32px;line-height:1.04}
.flash .eyebrow,.cards .eyebrow{margin-bottom:12px}
.flash .copy p,.cards p{margin-top:10px}
.flash img{max-height:290px}
.fan{padding:17px 10px 22px}
.about{padding:25px 6%}.about h2{font-size:26px}.about p{font-size:14px;line-height:1.5}
}
@media(max-width:600px){.frame-label,.access-products .frame-label{min-height:0;padding:6px 4px 9px}.frame-label h3{min-height:0;margin-bottom:6px}.frame-price{margin-top:6px}.access-products .frame-price small{font-size:14px}}
.access-intro .access-sub{font-family:Georgia,serif;font-style:italic;font-size:21px;line-height:1.3;margin:22px 0 0;max-width:340px}@media(max-width:600px){.access-intro .access-sub{order:2;margin:9px 0 0;font-size:16px;line-height:1.35;max-width:none}}

.flash .copy>p,.cards>div:first-child>p:not([style]){font-family:Georgia,serif;font-style:italic;font-size:21px;line-height:1.3}
@media(max-width:600px){.flash .copy>p,.cards>div:first-child>p:not([style]){font-size:16px;line-height:1.35}}

/* Séparer clairement découverte du produit et navigation du carrousel. */
.frame-price{flex-wrap:wrap;gap:12px}
.frame-price .product-action{font-family:Arial,sans-serif;font-size:14px!important;text-decoration:underline;text-underline-offset:4px;display:block;width:100%;padding:8px 0;line-height:1.4}
.frame-track .framed-product:not(.is-current) .frame-label,.access-products .access-card:not(.is-current) .frame-label{visibility:hidden}
.carousel-controls{justify-content:flex-end;gap:16px;font-size:13px;padding-top:0}
.carousel-controls button{width:44px;height:44px;font-size:22px}
@media(max-width:600px){.frame-label h3{font-family:Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.25;text-transform:none}.frame-price small{display:inline;margin-left:5px}.frame-price .product-action{min-height:44px;padding-top:10px}.hang-copy .btn,.access-intro .btn{margin-top:12px}}

/* Même parcours mobile : titre, texte, produit, bouton de collection. */
@media(max-width:600px){
.flash,.cards{display:flex;flex-direction:column;align-items:stretch;gap:0}
.flash .copy,.cards>div:first-child{display:contents}
.flash .eyebrow,.cards .eyebrow{order:0}
.flash h3,.cards h2{order:1}
.flash .copy>p,.cards>div:first-child>p:not([style]){order:2}
.flash>img,.cards>.fan{order:3;margin-top:14px}
.cards>div:first-child>p[style]{order:4;margin:8px 0 0}
.flash .copy>.btn,.cards>div:first-child>.btn{order:5;align-self:flex-start;margin-top:16px}
}

/* Une seule ligne d’actions sous chaque carrousel mobile. */
@media(max-width:600px){
.carousel-controls{justify-content:space-between;gap:10px;padding:8px 0 0}
.carousel-controls>span{display:none}
.carousel-controls>.btn{margin:0;min-height:44px;padding:12px 17px;font-size:13px;white-space:nowrap}
.carousel-buttons{gap:6px;flex-shrink:0}
.frame-price small{display:block;margin:2px 0 0}
.frame-price .product-action{width:auto;min-height:44px;padding:10px 0}
.frame-price{align-items:center;justify-content:space-between;gap:4px 10px}
.frame-label,.access-products .frame-label{padding-bottom:0}
}

/* Composition mobile : navigation sur le visuel, fiche lisible, collection secondaire. */
@media(max-width:600px){
.frame-window,.access-gallery{position:relative}
.carousel-controls{position:absolute;top:120px;left:0;right:0;padding:0;pointer-events:none;z-index:4}
.carousel-buttons{width:100%;justify-content:space-between}
.carousel-controls button{pointer-events:auto;background:var(--cream);border:0;box-shadow:0 2px 10px #191b1710;width:44px;height:44px;font-size:21px}
.access-gallery .carousel-controls button{background:var(--sage)}
.carousel-controls button:disabled{opacity:0;pointer-events:none}
.frame-track,.access-products{padding-bottom:0}
.frame-label,.access-products .frame-label{padding:12px 0 0}
.frame-label h3{font-family:Arial,sans-serif;font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}
.frame-price{display:block;margin:0}
.frame-price>span:first-child{display:block;font-size:17px;font-weight:600;line-height:1.4}
.frame-price small,.access-products .frame-price small{display:block;font-size:13px;font-weight:400;line-height:1.45;margin:3px 0 0;color:#4e5148}
.frame-price .product-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:12px 16px;margin-top:13px;background:var(--ink);color:var(--cream);border-radius:24px;text-decoration:none;font-size:14px!important;font-weight:400}
.hang-copy .btn,.access-intro .btn{align-self:center;justify-content:center;background:none;color:var(--ink);border:0;border-radius:0;box-shadow:none;padding:10px 0 3px;margin-top:8px;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:5px}
}

@media(max-width:600px){
.frame-label,.access-products .frame-label{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:5px;align-items:start}
.frame-label h3{grid-column:1;grid-row:1;margin:0}
.frame-price,.frame-price>span:first-child{display:contents}
.frame-price .product-amount{grid-column:2;grid-row:1;font:600 16px/1.45 Arial,sans-serif;white-space:nowrap;padding-top:1px}
.frame-price small,.access-products .frame-price small{grid-column:1/-1;grid-row:2;margin:0}
.frame-price .product-action{grid-column:1/-1;grid-row:3;margin-top:8px}
.hang-copy .btn,.access-intro .btn{align-self:flex-start;width:88%;margin-top:5px}
}

.illustration-actions{display:none}
@media(max-width:600px){
.hang-section .frame-label{grid-template-columns:1fr;gap:6px}
.hang-section .frame-label h3{grid-column:1;grid-row:1}
.hang-section .product-amount{grid-column:1;grid-row:2;font-weight:400}
.hang-section .frame-price .product-action,.hang-copy>.btn{display:none}
.illustration-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}
.illustration-actions a{font:13px/1.3 Arial,sans-serif;min-height:46px;display:flex;align-items:center;justify-content:center}
.illustration-actions .view-art{background:var(--ink);color:var(--cream);border-radius:24px;padding:12px 20px;text-decoration:none;white-space:nowrap}
.illustration-actions .browse-art{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-align:right}
}

.collection-actions,.mobile-product-info{display:none}
.access-stage{position:relative}
.swing-bag{position:absolute;top:7%;left:7%;width:86%;height:86%;max-height:86%;object-fit:contain;transform-origin:50% 3%;animation:bag-sway 5s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){.swing-bag{animation:none!important;transform:none}}
@media(max-width:600px){
.access-products .frame-label{grid-template-columns:1fr;gap:6px}
.access-products .product-amount{grid-column:1;grid-row:2;font-weight:400}
.access-products .frame-price small{grid-row:3}
.access-products .frame-price .product-action,.access-intro>.btn,.flash .copy>.btn,.cards>div:first-child>.btn,.cards>div:first-child>p[style]{display:none}
.collection-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;order:6;width:100%}
.collection-actions a{font:13px/1.3 Arial,sans-serif;min-height:46px;display:flex;align-items:center;justify-content:center}
.collection-actions .view-art{background:var(--ink);color:var(--cream);border-radius:24px;padding:12px 20px;text-decoration:none;white-space:nowrap}
.collection-actions .browse-art{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-align:right}
.mobile-product-info{display:block;order:5;margin-top:12px;font:16px/1.4 Arial,sans-serif}
.mobile-product-info strong{display:block;font-size:18px;font-weight:600;margin-bottom:6px}
.mobile-product-info p{margin:0;font:16px/1.4 Arial,sans-serif}
}

/* La Joconde voyage entre le haut de page et son vrai tirage. */
.scroll-hero-scene{position:relative;aspect-ratio:1.45;container-type:inline-size;background:var(--cream);overflow:hidden}
.scroll-hero-scene h1{position:absolute;top:3%;left:2%;width:96%;margin:0;text-align:center;font:13.4cqw/1.02 Impact,'Arial Narrow',sans-serif;letter-spacing:-.025em;z-index:1}
.scroll-jesus{position:absolute;width:49%;left:-9%;top:36%;animation:hero-jesus-drift 6.5s ease-in-out infinite;z-index:3}
.scroll-hero-bag{position:absolute;left:28%;top:16%;width:44%;height:84%;object-fit:contain;transform-origin:50% 3%;animation:bag-sway 6s ease-in-out infinite;z-index:2}
.mona-origin{position:absolute;width:57%;right:-10%;top:28%;aspect-ratio:1;pointer-events:none}
.mona-origin img{display:block;width:100%;height:100%;object-fit:contain}
.mona-product .frame-isolate{transform:none!important;transition:none}
.mona-paper{position:absolute;left:30.27%;top:30.2%;width:39.45%;height:40.55%;background:#bdc8a3;z-index:2;overflow:visible}
.frame-isolate .mona-destination{position:absolute;left:-7%;top:-4%;width:110%;height:auto;max-width:none;object-fit:contain;opacity:0}
.mona-flight{position:fixed;top:0;left:0;z-index:15;pointer-events:none;will-change:transform,width;visibility:hidden}
.mona-flight img{display:block;width:100%;height:100%;object-fit:contain}
.mona-ready .mona-origin img{opacity:0}
@keyframes hero-jesus-drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@media(max-width:600px){.hero .scroll-hero-scene{margin-top:0}.scroll-hero-scene{aspect-ratio:1.45}}
@media(prefers-reduced-motion:reduce){.scroll-jesus,.scroll-hero-bag{animation:none}.frame-isolate .mona-destination{opacity:1}.mona-ready .mona-origin img{opacity:1}.mona-flight{display:none}}

/* Le texte imprimé est conservé seul, sans sa bande de fond photographiée. */
.mona-title-original{position:absolute;inset:0;clip-path:inset(0 0 83% 0);mix-blend-mode:multiply;pointer-events:none}
.frame-isolate .mona-title-original img{position:absolute;width:509.554%;max-width:none;height:auto;left:-130.255%;top:-280.745%;filter:grayscale(1) contrast(4)}

.mona-paper{container-type:inline-size}
.mona-print-title{position:absolute;top:5%;left:0;width:100%;z-index:3;text-align:center;color:#343a29;font-family:"Courier New",monospace;font-size:clamp(4px,5cqw,12px);font-weight:400;line-height:1.2;letter-spacing:.02em;white-space:nowrap}

/* Le sac prend sa place, un de ses huit thons le rejoint au scroll. */
.access-card .access-stage{aspect-ratio:.82}
.access-stage .swing-bag{top:1.5%;left:-9%;width:118%;height:auto;max-height:none;aspect-ratio:1;object-fit:initial}
.bag-print{display:block;width:100%;height:100%;object-fit:contain}
.fish-gap,.fish-landing{position:absolute;left:43.46%;top:66.35%;width:13.955%;height:7.815%;pointer-events:none}
.fish-gap{overflow:hidden;opacity:0;mask-image:radial-gradient(ellipse 70% 75% at 50% 50%,#000 66%,transparent 100%)}
.fish-gap img{position:absolute;width:716.571%;max-width:none;height:auto;left:-311.429%;top:-653.061%;}
.fish-flight{position:fixed;top:0;left:0;width:90px;aspect-ratio:1.8;z-index:16;pointer-events:none;visibility:hidden;will-change:transform,width}
.fish-flight-crop{width:100%;height:100%;overflow:hidden;filter:url(#fish-ink)}
.fish-flight img{position:absolute;width:716.571%;max-width:none;height:auto;left:-311.429%;top:-848.980%;}
@media(prefers-reduced-motion:reduce){.fish-flight{display:none}.fish-gap{display:none}}

.fish-flight,.fish-flight-crop,.fish-flight img{border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important}
.fish-flight-crop{position:relative;filter:none;overflow:hidden;transform-origin:50% 50%}
.fish-flight img{filter:url(#fish-ink);}

.fish-flight-crop{clip-path:polygon(4.571% 47.959%,7.619% 42.517%,12.381% 36.395%,18.095% 30.272%,25.333% 26.190%,33.143% 23.469%,41.524% 22.109%,49.905% 23.810%,54.095% 19.048%,58.286% 14.966%,63.429% 12.245%,68.190% 10.884%,72.762% 11.565%,67.429% 13.265%,62.667% 16.327%,58.667% 20.408%,56.000% 25.510%,58.476% 27.551%,62.476% 30.952%,67.048% 36.395%,72.571% 41.156%,78.095% 44.898%,80.000% 47.959%,81.524% 47.619%,83.238% 41.497%,85.333% 33.673%,88.571% 26.190%,91.810% 19.728%,94.476% 14.966%,91.429% 26.871%,88.952% 38.435%,86.667% 50.680%,88.571% 61.224%,90.857% 71.088%,94.095% 79.592%,89.714% 74.490%,86.286% 67.687%,83.429% 60.884%,81.905% 52.721%,78.286% 55.102%,73.714% 58.844%,68.762% 61.905%,63.810% 65.646%,58.476% 68.707%,59.619% 73.469%,62.857% 78.912%,66.667% 84.014%,62.286% 81.973%,58.095% 78.571%,53.714% 73.469%,48.190% 74.830%,42.667% 76.190%,44.571% 81.973%,47.048% 87.755%,42.857% 85.714%,38.857% 81.633%,34.476% 76.190%,30.667% 75.850%,32.190% 82.653%,34.095% 87.415%,30.476% 84.694%,27.429% 80.272%,25.333% 75.170%,20.000% 73.129%,14.857% 70.408%,10.095% 65.986%,4.571% 58.163%,8.381% 54.082%,9.905% 53.741%);filter:none!important}
.fish-flight img{filter:none!important}

@media(max-width:600px){.access-gallery{margin-top:-8px}}
.fish-flight-crop{transform-origin:35% 50%;will-change:transform;backface-visibility:hidden}

.flashy-cutout{position:relative;aspect-ratio:712/1040;width:min(100%,360px);justify-self:center;filter:drop-shadow(4px 10px 8px #191b171c)}
.flash .flashy-cutout>img{position:absolute;max-width:none;max-height:none;width:176.124%;height:auto;left:-19.522%;top:-3.365%;clip-path:url(#flashy-photo-cutout);object-fit:initial;margin:0}
@media(max-width:600px){.flashy-cutout{order:3;align-self:center;width:215px;margin-top:16px}}

.flashy-cutout{transform-origin:0 0;will-change:transform;isolation:isolate}
.flashy-clean-side{position:absolute;left:91.85%;top:9.8%;width:8.1%;height:81.5%;background:linear-gradient(90deg,#eed900 0%,#e0c800 16%,#f4d500 43%,#f9de09 88%,#ffe64a 94%,#edb619 100%);clip-path:polygon(0 2%,100% 0,100% 100%,0 98.5%);box-shadow:inset 2px 0 0 #fff47c;pointer-events:none}


/* A fixed frame; a soft reflection moves only across the yellow acrylic. */
.flashy-cutout{transform:none!important;will-change:auto}
.flashy-cutout::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
 clip-path:polygon(evenodd,0% 2.5%,6.5% 0%,99.7% 9.8%,100% 91.1%,6.5% 100%,0% 96.5%,0% 2.5%, 9% 5.4%,9% 94.2%,90% 88%,90% 13%,9% 5.4%);
 background:linear-gradient(115deg,transparent 40%,rgba(255,255,225,.12) 45%,rgba(255,255,240,.68) 49%,rgba(255,255,225,.16) 53%,transparent 59%);
 background-size:350% 100%;background-position:var(--flashy-light-position,100%) 0;opacity:var(--flashy-light-opacity,0);animation:none;}
@keyframes flashy-reflection{0%,18%{background-position:100% 0;opacity:0}28%{opacity:1}65%{opacity:1}78%,100%{background-position:0% 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.flashy-cutout::after{animation:none;opacity:0}}


/* Keep the page on its vertical axis; horizontal gestures stay within product rails. */
html,body{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
@supports(overflow:clip){html,body{overflow-x:clip}}
main,section,.hero{min-width:0;max-width:100%}
.ribbon{overflow-x:hidden}
.frame-track,.access-products{overscroll-behavior-x:contain;max-width:100%;min-width:0}


.fan a:first-child{position:relative;z-index:2}
.fan a:nth-child(2){position:relative;z-index:1}
.fan a:hover,.fan a:focus-visible{z-index:3}
.fan .flower-closed{position:absolute;inset:18% 0 0;overflow:hidden;pointer-events:none;opacity:var(--flower-closed,1);background:#ffeaa2;transform-origin:50% 40%}
.fan .flower-closed img{position:absolute!important;width:100%!important;height:100%!important;left:0!important;top:0!important;object-fit:cover!important;object-position:center 58%!important;max-width:none}
.fan a:first-child .postcard-crop{isolation:isolate}
.fan .flower-closed{mask-image:linear-gradient(to bottom,transparent,black 8%,black 100%)}
@media(prefers-reduced-motion:reduce){.fan .flower-closed{display:none}}


.fan .flower-closed{inset:0;background:none;mask-image:none;overflow:hidden}
.fan .flower-closed::before{content:"";position:absolute;left:21%;top:21%;width:54%;height:30%;background:#eacb56;mask-image:radial-gradient(ellipse at center,black 64%,transparent 74%)}
.fan .flower-closed img{width:101.67%!important;height:auto!important;left:2.45%!important;top:-3.6%!important;object-fit:initial!important;clip-path:polygon(42.5% 24.1%,43.6% 25.7%,44.6% 27.3%,47.3% 24.4%,49% 26.7%,51.3% 29.4%,51.5% 25.3%,53.2% 25%,53.8% 28.2%,55.2% 34%,55.2% 36.8%,53.8% 39.3%,50.6% 41.6%,47.8% 42.5%,45% 42.3%,42% 40.3%,40.1% 37.7%,39% 35.6%,39.4% 32.6%,40.6% 28.5%)}

.flower-petals-scene{display:block;width:100%;height:100%;overflow:hidden}.moving-petal{will-change:transform}

/* The existing hover gesture becomes available only after all petals have opened. */



.fish-flight{transform-origin:50% 50%;transition:none}.fish-gap{transition:none}

.mona-flight{position:absolute}
.fish-landing .fish-flight{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;transform-origin:50% 50%;will-change:transform}
.fish-landing{overflow:visible;z-index:3}

.fish-flight{position:absolute;top:0;left:0;z-index:16;pointer-events:none;transform-origin:50% 50%}

.about-reveal{display:block;padding-top:25px;padding-bottom:40px;background:var(--cream)}
.johanna-scene{position:relative;height:460px;max-width:900px;margin:auto;isolation:isolate;overflow:hidden}
.johanna-cutout-video{position:absolute;height:460px;width:233px;object-fit:contain;left:50%;top:0;transform:translateX(-10%);z-index:1}
.johanna-scene h2{position:absolute;z-index:2;left:0;bottom:40px;width:100%;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(42px,7vw,88px);line-height:1;letter-spacing:-.025em;margin:0;text-transform:uppercase;pointer-events:none}
.johanna-intro{max-width:540px;margin:0 auto}.johanna-intro p{font-size:17px;line-height:1.5;margin:8px 0 22px}.johanna-intro .link{font-size:15px}
@media(max-width:600px){.about-reveal{padding:20px 6% 30px}.johanna-scene{height:330px}.johanna-cutout-video{height:330px;width:167px;left:50%;transform:translateX(-18%)}.johanna-scene h2{font-size:43px;bottom:30px;line-height:1.04}.johanna-intro p{font-size:16px}}

/* End space lets the final product snap to exactly the same left edge. */
.access-products::after{content:"";flex:0 0 max(0px,calc(12% - 16px))}


.about-reveal{position:relative;isolation:isolate;overflow:hidden;padding-bottom:110px}
.johanna-scene{height:360px;overflow:visible;isolation:auto;max-width:900px}
.about-reveal .johanna-scene h2{font-size:clamp(58px,8.8vw,112px);line-height:.98;bottom:22px;z-index:2}
.johanna-actor{position:absolute;top:0;left:0;width:210px;height:280px;z-index:1;pointer-events:none;will-change:transform}
.johanna-pose{position:absolute;inset:0;background-image:url({{ 'jc-a31cc5f5b200b9.webp' | asset_url }});background-size:200% 100%;background-repeat:no-repeat}
.johanna-standing{background-position:left center}
.johanna-crouching{background-position:right center;opacity:0}
.johanna-intro{position:relative;z-index:0}
.johanna-intro .link{background:var(--ink);color:var(--cream);border:0;border-radius:28px;min-height:46px;padding:14px 22px;font:13px/1.3 Arial,sans-serif;position:relative;z-index:4;margin-top:18px;gap:0}
@media(max-width:600px){.about-reveal{padding-bottom:115px}.johanna-scene{height:330px}.about-reveal .johanna-scene h2{font-size:55px;bottom:28px;letter-spacing:-.035em}.johanna-actor{width:180px;height:240px}.johanna-intro p{margin-top:12px;max-width:100%}.johanna-intro .link{margin-top:22px}}


.johanna-standing{clip-path:inset(0 9% 0 0)}
.johanna-sketch{position:absolute;inset:-5%;width:110%;height:110%;z-index:4;overflow:visible;pointer-events:none}
.johanna-sketch path{stroke-dasharray:100;stroke-dashoffset:100}
.johanna-button-stroke{position:absolute;width:100%;height:22px;left:0;bottom:-23px;overflow:visible;pointer-events:none;fill:none;stroke:var(--green);stroke-width:1.5;stroke-linecap:round}
.johanna-button-stroke path{stroke-dasharray:100;stroke-dashoffset:100}
@media(prefers-reduced-motion:reduce){.johanna-sketch{display:none}}


.about-real-video{display:block;padding:22px 6% 35px;overflow:hidden}
.johanna-film{position:relative;aspect-ratio:3/4;max-width:500px;margin:auto;isolation:isolate}
.about-real-video .johanna-film h2{position:absolute;left:0;top:34%;width:100%;font-family:Impact,"Arial Narrow",sans-serif;font-weight:400;font-size:clamp(42px,6.6vw,76px);line-height:1;letter-spacing:-.025em;text-transform:uppercase;margin:0;z-index:1}
.johanna-real-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}
.johanna-cta{position:absolute;left:0;top:86%;z-index:3;background:var(--ink);color:var(--cream);border:0;text-decoration:none!important;margin:0;min-height:46px;font:13px/1.3 Arial,sans-serif;padding:13px 20px}
.about-real-video .johanna-intro p{margin-top:18px}
@media(max-width:600px){.about-real-video .johanna-film h2{font-size:clamp(39px,12.8vw,55px)}}

@media(min-width:761px){.phone-header{display:flex;position:relative;padding:20px 5%;justify-content:space-between}.phone-menu{display:block}.hero>nav{display:none}}

img{height:auto}

html{overflow-x:hidden}body{width:100%;overflow-x:clip}.phone-brand{font-family:Impact,'Arial Narrow',sans-serif;line-height:.9;font-size:22px}.phone-menu summary{list-style:none;width:34px;padding:8px 4px;cursor:pointer}.phone-menu summary::-webkit-details-marker{display:none}.phone-menu summary span{display:block;height:2px;background:var(--ink);margin:5px 0;width:25px}@media(min-width:761px){.phone-menu{position:relative}.phone-menu nav{position:absolute;right:0;top:100%;z-index:100;background:var(--cream);min-width:240px;padding:20px;box-shadow:0 8px 25px #0002}.phone-menu nav a{display:block;padding:10px 0}}

.phone-header{z-index:30}.phone-menu summary{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;padding:0;box-sizing:border-box;color:#191b17;-webkit-appearance:none;appearance:none}.phone-menu summary span{flex:0 0 2px!important;width:25px!important;height:2px!important;min-height:2px;margin:0!important;background:#191b17!important}.phone-menu summary::marker{content:''}.phone-menu nav{z-index:31}.fish-landing>.fish-attached{position:absolute;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto;transform-origin:50% 50%;transition:none;will-change:transform}.fish-attached .fish-flight-crop{height:100%;width:100%}

#johanna.about-text{display:block;padding:48px 6% 56px}#johanna .johanna-copy{max-width:680px;margin:0 auto}#johanna.about-text h2{font-size:clamp(40px,7vw,76px);line-height:1.02;margin:0 0 22px}#johanna.about-text p{max-width:540px;font-size:16px;line-height:1.55;margin:0 0 24px}#johanna.about-text .btn{display:inline-flex;margin:0;background:var(--ink);color:var(--cream);min-height:46px;padding:14px 22px}@media(max-width:600px){#johanna.about-text{padding:36px 6% 44px}#johanna.about-text h2{font-size:clamp(37px,10.5vw,55px)}}


/* Video fournie par Johanna : cadrage original, sans detourage. */
#johanna.about-new-video{display:block;padding:0;overflow:hidden;background:#f5efe1}
#johanna .johanna-new-scene{position:relative;isolation:isolate;width:100%;max-width:620px;aspect-ratio:5/6;margin:0 auto;overflow:hidden}
#johanna .johanna-new-scene .johanna-real-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
#johanna .johanna-new-scene .johanna-accessible-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
#johanna .johanna-new-copy{position:absolute;left:5%;top:45%;width:28%;z-index:2}
#johanna .johanna-new-copy p{font-size:clamp(12px,3.4vw,22px);line-height:1.38;margin:0 0 16px}
#johanna .johanna-know-button{position:absolute;left:5%;top:76%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:none;background:var(--ink);color:var(--cream);min-height:44px;padding:12px 14px;margin:0;font:13px/1.25 Arial,sans-serif;text-align:center;white-space:nowrap}
@media(min-width:601px){#johanna .johanna-know-button{font-size:16px;padding:14px 20px}}
@media(max-width:359px){#johanna .johanna-new-copy p{font-size:11.5px;margin-bottom:10px}#johanna .johanna-know-button{font-size:11px;padding:10px;min-height:44px}}


.jc-newsletter{background:var(--sage);color:var(--ink);padding:38px 6%;margin:0}.jc-newsletter-inner{max-width:540px;margin:auto}.jc-newsletter .shopify-app-block{width:100%;margin:0}
footer.jc-footer{background:var(--cream);color:var(--green);padding:30px 6% 26px;text-align:center}.jc-footer a{color:inherit;text-decoration:none}.jc-footer a:hover{text-decoration:underline;text-underline-offset:4px}.jc-footer a:focus-visible,.jc-footer button:focus-visible,.jc-footer select:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.jc-footer-social,.jc-footer-pages{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px}.jc-footer-social a,.jc-footer-pages a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.jc-footer-social{font-weight:700;margin-bottom:8px}
.jc-footer-market{border-top:1px solid var(--line);margin:22px auto 24px;padding-top:24px;max-width:390px}.jc-footer-market label{display:block;font-size:13px;margin:12px 0 10px}.jc-footer-country{display:flex;gap:8px;align-items:stretch;justify-content:center}.jc-footer-market select{font:14px Arial,sans-serif;color:var(--green);background:transparent;border:1px solid var(--green);border-radius:4px;min-height:46px;max-width:100%;padding:10px;min-width:0}.jc-footer-country select{flex:1}.jc-footer-market button{border:1px solid var(--green);border-radius:4px;background:var(--green);color:var(--cream);padding:10px 14px;font:13px Arial,sans-serif;min-height:46px}
.jc-footer-payments{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0;margin:0 auto 22px;max-width:390px}.jc-footer-payments li{display:flex}.jc-footer-payments svg{width:40px;height:26px}.jc-footer-copyright{font-size:12px;line-height:1.5;margin:0 0 12px}.jc-footer-policies{display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px;max-width:800px;margin:auto}.jc-footer-policies a{display:flex;align-items:center;min-height:44px;font-size:12px;line-height:1.4}

.jc-payment-twint{display:inline-flex;align-items:center;justify-content:center;width:54px;height:26px;background:#111;color:#fff;border-radius:3px;font:700 12px/1 Arial,sans-serif;letter-spacing:.3px}.jc-footer-policies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;max-width:620px}.jc-footer-policies a{justify-content:center}.jc-footer-policies a:last-child:nth-child(odd){grid-column:1/-1}


/* Le poisson traverse le viewport, hors du masque du carrousel. */
body>.fish-flight.fish-viewport{position:fixed;inset:auto;top:0;left:0;display:block;z-index:16;pointer-events:none;transform-origin:50% 50%;transition:none}






@media(prefers-reduced-motion:reduce){body>.fish-flight.fish-viewport{display:none}.fish-gap{display:none}}

/* Le sac reste fixe : raccord exact du poisson, sans balancement après son arrivée. */
#accessoires .access-stage .swing-bag{animation:none!important;transform:none!important}

/* Cartes cadrées sans largeur intrinsèque excessive. */

#cartes .postcard-crop{width:100%}
#cartes .postcard-photo-scene{display:block;width:100%;height:100%;overflow:hidden}

/* Deux cartes : le survol attend la fin complète de l'ouverture de la fleur. */
#cartes .fan>a{min-width:0;flex:0 0 44%;width:44%;position:relative;transition:transform .3s ease}
#cartes .fan>a:first-child{transform:rotate(-10deg);z-index:2}
#cartes .fan>a:nth-child(2){margin-left:-12%;transform:rotate(11deg) translateY(23px);z-index:1}
#cartes .fan.flower-is-open>a:hover,#cartes .fan.flower-is-open>a:focus-visible{transform:rotate(0deg) translateY(-10px);z-index:4}
@media(prefers-reduced-motion:reduce){#cartes .fan>a{transition:none}}

/* Un passage du pointeur termine d’abord la fleur, puis anime la carte visée. */
#cartes .fan.flower-is-open>a.card-hovered{transform:rotate(0deg) translateY(-12px) scale(1.04);z-index:4}

.mona-flight-layer{position:fixed;inset:0;overflow:hidden;contain:layout paint;pointer-events:none;z-index:15}
.mona-flight-layer>.mona-flight{position:absolute;top:0;left:0;margin:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.mona-flight-layer{display:none}}

.jc-flight-layer{position:fixed;inset:0;overflow:hidden;contain:layout paint;pointer-events:none;z-index:16}
.jc-flight-layer>.mona-flight,.jc-flight-layer>.fish-flight{position:absolute;inset:auto;top:0;left:0;margin:0;pointer-events:none;transition:none}
.jc-flight-layer>.mona-flight{z-index:15}
.jc-flight-layer>.fish-flight{display:block;z-index:16}
@media(prefers-reduced-motion:reduce){.jc-flight-layer{display:none}}