@font-face{font-family:Champ;src:url('/vitrine/assets/font-4.woff') format('woff');font-weight:800;font-display:swap}@font-face{font-family:Degular;src:url('/vitrine/assets/font-3.woff2') format('woff2');font-weight:400 500;font-display:swap}@font-face{font-family:Degular;src:url('/vitrine/assets/font-1.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Degular;src:url('/vitrine/assets/font-2.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--brand:#10e97d;--forest:#073b27;--navy:var(--forest);--ink:#073b27;--cream:#f5f8ef;--ice:#d4f9e3;--pink:#b7f4cb;--wine:#126442;--radius:100px;color:var(--ink);background:var(--cream);font-family:Degular,Arial,sans-serif;font-size:18px;font-weight:500;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Champ,Arial,sans-serif;font-weight:800;letter-spacing:-.035em}h2{font-size:clamp(3rem,5.7vw,6.7rem);line-height:.96}p{line-height:1.3}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #087541;outline-offset:5px}::selection{background:#10e97d}section[id]{scroll-margin-top:100px}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:white;z-index:100}.skip:focus{top:15px}.eyebrow{font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.12em;display:block}.header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:15px 4%;gap:30px;position:absolute;top:0;width:100%;z-index:20}.brand{width:145px;flex-shrink:0}.brand img{width:100%;height:auto}.header nav{display:flex;align-items:center;gap:6px}.header nav>a:not(.ticket){padding:12px 16px;background:#ffffffb3;border-radius:30px;font-size:16px;font-weight:600}.header nav>a:not(.ticket):hover{background:#fff}.ticket{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border-radius:7px;font-weight:700;font-size:17px;line-height:1.15;padding:0 0 0 22px;min-height:52px;transition:transform .2s,box-shadow .2s}.ticket>span{border-left:1px dashed #ffffff66;padding:18px 19px;font-size:20px}.ticket:hover{transform:translateY(-3px);box-shadow:0 5px 0 #073b2718}.navy{background:var(--brand);color:var(--forest);border:1px solid #073b2730}.navy>span{border-color:#073b2745}.navy:hover{background:#34ed91}.header .navy{background:var(--forest);color:var(--cream)}.header .navy>span{border-color:#ffffff66}.header .navy:hover{background:#126442}.cream{background:var(--cream);color:var(--navy)}.cream>span{border-color:#073b2740}.menu-toggle{display:none}.hero{position:relative;min-height:860px;height:min(65vw,1050px);padding:165px 4% 85px;border-radius:0 0 var(--radius) var(--radius);overflow:hidden;background:#10e97d;isolation:isolate}.hero:before{content:'';position:absolute;width:72%;height:135%;background:var(--cream);left:-17%;top:-10%;border-radius:0 48% 47% 0;z-index:-1}.hero-content{position:relative;z-index:3;width:58%;pointer-events:none}.hero-content a,.hero-content [data-edit-key]{pointer-events:auto}.hero-content h1{font-size:clamp(4rem,6.8vw,8rem);line-height:.89;margin:30px 0 28px;max-width:11ch}.hero-lead{max-width:390px;font-size:22px;margin-bottom:28px}.hero-doors{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;font-size:15px;font-weight:700}.hero-doors a{border-bottom:1px solid #073b2738;padding-bottom:5px}.hero-art{position:absolute;top:11%;right:-2%;width:58%;z-index:1}.hero-sequence{width:100%;mix-blend-mode:multiply;animation:float 7s ease-in-out infinite;animation-play-state:paused}.hero.in-view .hero-sequence{animation-play-state:running}.art-caption{position:absolute;bottom:3%;right:8%;font-size:8px;letter-spacing:.12em;opacity:.65}.hero-note{position:absolute;bottom:65px;right:21%;transform:rotate(-9deg);z-index:3}.round-mark{position:absolute;bottom:48px;right:4%;width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--navy);border-radius:50%;font-size:30px;z-index:4}.proof{text-align:center;padding:52px 5% 60px}.proof-names{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:32px auto 23px;max-width:1260px}.proof-names>span{font-family:Champ,sans-serif;font-size:clamp(1.5rem,2.6vw,2.8rem);white-space:nowrap}.proof-names>.serif{font-family:Georgia,serif;font-size:clamp(1.6rem,2.7vw,2.9rem);letter-spacing:-.05em}.proof-names>.small-name{font-family:Arial,sans-serif;font-size:clamp(.7rem,1.15vw,1rem);font-weight:700;letter-spacing:.1em;line-height:1.2}.proof>p:last-child{font-size:16px;opacity:.72}.section{padding:70px 4%}.section-heading{position:relative;text-align:center}.section-heading .eyebrow{margin-bottom:22px}.section-heading>p{font-size:24px;line-height:1.2;margin-top:24px}.side-note{position:absolute;right:5%;top:35%;transform:rotate(9deg)}.slider-controls{display:flex;justify-content:flex-end;gap:8px;margin:20px 1%}.slider-controls button{width:46px;height:46px;background:transparent;color:var(--navy);border:1px solid #073b2770;border-radius:50%;font-size:25px}.slider-controls button:disabled{opacity:.25;cursor:default}.book-track{display:flex;gap:34px;overflow:auto;padding:35px 2% 45px;scrollbar-width:thin;scroll-snap-type:x mandatory;margin:0 -4.35%}.book-card{flex:0 0 330px;padding:16px 16px 25px;display:flex;flex-direction:column;color:var(--navy);background:var(--card-bg);border-radius:22px;transform:rotate(var(--tilt));transition:transform .25s;scroll-snap-align:center}.book-card:hover{transform:rotate(0deg) translateY(-8px)}.book-card img{width:100%;height:275px;object-fit:cover;border-radius:12px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 18px}.tags>span{border:1px solid #073b2750;border-radius:25px;padding:5px 9px;font-size:11px;font-weight:700}.book-card h3{font-size:39px;line-height:1}.book-card p,.customization-copy p{font-size:18px;line-height:1.2}.book-card p{margin:15px 0 24px}.card-cta{font-size:14px;font-weight:700;border-top:1px solid #073b2740;padding-top:15px;margin-top:auto}.panel{margin:20px;border-radius:var(--radius);overflow:hidden}.business{display:grid;grid-template-columns:1fr 1fr;gap:65px;background:var(--navy);color:var(--cream);padding:100px 6%}.business h2{margin:24px 0 30px}.business-copy>p{max-width:460px;font-size:22px;margin-bottom:22px}.business-copy .ticket{margin-top:13px}.occasion-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-self:center}.occasion{position:relative;color:var(--navy);background:var(--ice);padding:28px 24px 60px;border-radius:25px;min-height:255px;transition:transform .2s}.occasion:nth-child(2){background:var(--pink);transform:translateY(35px)}.occasion:nth-child(3){background:#a4dbbb}.occasion:nth-child(4){background:#e8f3d6;transform:translateY(35px)}.occasion:hover{transform:translateY(-5px) rotate(-2deg)}.occasion-no{font-size:12px;letter-spacing:.1em;display:block;margin-bottom:20px}.occasion h3{font-size:clamp(25px,2.3vw,39px);line-height:1}.occasion p{font-size:18px;margin-top:16px}.occasion-arrow{position:absolute;bottom:18px;right:22px;font-size:25px}.flow{padding:90px 5% 80px;background:#e1f7e8;min-height:1050px}.flow-head{display:flex;justify-content:space-between;align-items:center;gap:40px}.flow-head h2{font-size:clamp(42px,5.1vw,76px);margin-top:25px}.flow-head .ticket{flex-shrink:0}.step-cards{display:flex;gap:24px;margin-top:70px;padding:0 12px}.step{width:25%;padding:30px 25px 35px;border:1px solid #073b2715;border-radius:25px;box-shadow:0 10px 30px #073b270a;background:var(--step);transform:translateY(var(--y)) rotate(var(--rot));transition:transform .3s}.step:hover{transform:translateY(calc(var(--y) - 12px)) rotate(0deg)}.step>.step-label{font-family:Degular,Arial,sans-serif;font-size:22px;line-height:1.15;font-weight:600;white-space:nowrap}.step-drawing{display:grid;place-items:center;height:165px;font-family:Georgia,serif;font-size:110px;font-weight:700}.step-drawing.stitch{font-size:50px;line-height:.8}.step h3{font-size:28px;line-height:1.05;margin:10px 0 18px}.step p{font-size:18px;line-height:1.3}.music{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:6%;padding-top:110px;padding-bottom:110px}.music-image{position:relative;transform:rotate(-3deg)}.music-image img{width:100%;aspect-ratio:1.03;object-fit:cover;border-radius:45px}.image-label{position:absolute;bottom:25px;left:25px;font-size:13px;letter-spacing:.12em;background:var(--cream);padding:12px 18px;border-radius:20px}.music-copy h2{margin:25px 0}.music-copy>p{font-size:22px;margin:20px 0;max-width:540px}.music-links{display:flex;align-items:flex-start;flex-direction:column;gap:20px;margin-top:30px}.music-links>a:last-child:not(.ticket){font-size:16px;font-weight:700}.ribbons{height:230px;overflow:hidden;position:relative;padding-top:45px}.ribbons>div{font-family:Champ,Arial,sans-serif;font-size:clamp(22px,3.2vw,48px);padding:19px 0;background:var(--navy);color:var(--cream);width:110%;margin-left:-5%;white-space:nowrap;transform:rotate(-5deg);text-align:center}.ribbons>div+div{background:var(--brand);color:var(--navy);transform:rotate(4deg);margin-top:-38px}.universes{text-align:center;background:var(--pink);padding:95px 12%;position:relative}.universes h2{margin:24px 0 45px}.universe-list{display:flex;flex-direction:column;max-width:1000px;margin:auto;text-align:left}.universe-list a{font-family:Champ,sans-serif;font-size:clamp(24px,3.5vw,52px);letter-spacing:-.025em;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #073b2735;padding:21px 0;transition:padding .2s}.universe-list a:hover{padding-left:20px}.universe-list a span{font-family:Arial,sans-serif}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:7%;padding:100px 6%}.faq-section h2{margin:24px 0 30px}.faq-section>div>a{font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.questions details{border-top:1px solid #073b2745}.questions details:last-child{border-bottom:1px solid #073b2745}.questions summary{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:95px;padding:22px 0;cursor:pointer;list-style:none;font-size:24px;font-weight:600;line-height:1.15}.questions summary::-webkit-details-marker{display:none}.questions summary>span{font-size:32px;font-weight:400;transition:transform .2s}.questions details[open] summary>span{transform:rotate(45deg)}.questions details>p{font-size:20px;line-height:1.4;padding-bottom:30px}.journal-preview{background:#d4f9e3;border-radius:80px 80px 0 0;padding:85px 6%}.journal-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.journal-heading h2{margin-top:22px}.journal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.journal-cards>a{display:block}.journal-cards img{width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:24px;margin-bottom:25px}.journal-cards h3{font-size:clamp(22px,2.2vw,33px);line-height:1.08;margin:15px 0 24px}.journal-cards>a>span:last-child{font-weight:700;font-size:15px;border-bottom:1px solid #073b2760;padding-bottom:4px}.contact{position:relative;background:var(--wine);color:var(--cream);text-align:center;padding:85px 7%;margin-top:0;border-radius:0 0 100px 100px}.contact h2{font-size:clamp(70px,10vw,150px);line-height:.88;margin:32px 0}.contact>p{font-size:23px;margin-bottom:32px}.contact-email{display:block;font-size:18px;margin-top:24px}footer{padding:90px 6% 0}.footer-logo{width:100%;max-height:270px;object-fit:contain;margin-bottom:55px}.footer-content{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:60px;padding:35px 0 65px;border-top:1px solid #073b2730}.footer-content>p{font-size:31px;line-height:1.1}.footer-content nav{display:flex;flex-direction:column;gap:12px;font-size:17px}.footer-content nav a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding:22px 0;border-top:1px solid #073b2730;font-size:13px}.footer-bottom>div{display:flex;gap:25px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .6s,transform .7s}.reveal.is-visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(.7deg)}}html[data-editing] .hero-sequence{animation-play-state:paused}.hero video{mix-blend-mode:normal;border-radius:40px}
@media(min-width:1700px){.hero{min-height:950px}.hero-art{top:0;right:0;width:57%}.hero-content{padding-top:30px}.book-card{flex-basis:380px}.book-card img{height:310px}.flow{min-height:1120px}.step h3{font-size:35px}.step p{font-size:22px}}
@media(max-width:1100px){.header{height:100px;padding:14px 3%}.brand{width:125px}.header nav>a:not(.ticket){font-size:14px;padding:11px 12px}.header .ticket{font-size:14px;min-height:45px;padding-left:16px;gap:14px}.header .ticket>span{padding:14px}.hero{min-height:770px;padding-top:145px}.hero-content h1{font-size:7vw}.hero-content .eyebrow{font-size:9px}.hero-lead{font-size:20px;max-width:330px}.hero-art{top:20%;width:61%;right:-6%}.hero-note{right:17%;bottom:65px;font-size:27px}.proof-names{gap:22px;flex-wrap:wrap;justify-content:center}.side-note{right:0;font-size:25px}.business{gap:35px;padding:75px 5%}.business-copy>p{font-size:20px}.occasion-grid{gap:14px}.occasion{padding:22px 18px 50px;min-height:240px}.occasion p{font-size:17px}.flow{min-height:1000px;padding:70px 4%}.step-cards{gap:15px}.step{padding:25px 17px}.step>.step-label{font-size:20px}.step h3{font-size:24px}.step p{font-size:17px}.music-copy>p{font-size:20px}}
@media(max-width:760px){:root{--radius:45px}.header{position:absolute;height:90px;padding:14px 22px}.brand{width:122px}.menu-toggle{display:block;border:1px solid #073b2735;background:var(--cream);color:var(--navy);width:44px;height:44px;border-radius:50%;font-size:22px}.header nav{display:none;position:absolute;top:82px;right:16px;left:16px;padding:18px;background:var(--cream);border:1px solid #073b2725;border-radius:22px;box-shadow:0 20px 40px #073b2715;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.header nav>a:not(.ticket){font-size:18px;background:transparent;padding:14px}.header .ticket{font-size:17px}.hero{height:auto;min-height:1000px;padding:125px 24px 35px;display:flex;flex-direction:column}.hero:before{width:170%;height:59%;left:-35%;top:0;border-radius:0 0 50% 40%}.hero-content{width:100%}.hero-content .eyebrow{font-size:9px;letter-spacing:.09em}.hero-content h1{font-size:clamp(51px,10.8vw,78px);line-height:.94;margin:25px 0 22px;max-width:100%}.hero-lead{font-size:20px;max-width:350px;margin-bottom:25px}.ticket{font-size:16px;min-height:50px;padding-left:18px;gap:16px}.ticket>span{padding:16px}.hero-doors{font-size:13px;gap:15px;margin-top:22px}.hero-art{position:relative;top:auto;right:auto;align-self:center;width:calc(100% + 48px);margin:25px -24px 0}.hero-note{right:30px;bottom:62px;font-size:25px;text-align:right}.art-caption{font-size:6px;right:auto;left:8%;bottom:2%}.round-mark{bottom:25px;left:24px;right:auto;width:47px;height:47px;font-size:24px}.proof{padding:42px 22px}.proof>.eyebrow{font-size:10px;max-width:300px;margin:auto}.proof-names{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 15px;margin:30px 0}.proof-names>span{font-size:22px}.proof-names>.serif{font-size:23px}.proof-names>.small-name{font-size:10px}.proof>p:last-child{font-size:14px;max-width:290px;margin:auto}.section{padding:55px 22px}.section-heading .eyebrow{font-size:10px}.section-heading>p{font-size:20px}.side-note{position:static;display:block;margin:25px auto 0;font-size:26px;transform:rotate(-7deg)}h2{font-size:45px;line-height:.98}.book-track{gap:26px;padding:24px 30px 35px;margin:0 -22px}.book-card{flex-basis:290px}.book-card img{height:255px}.book-card h3{font-size:34px}.slider-controls{margin-top:35px}.panel{margin:12px}.business{display:block;padding:55px 24px 75px}.business h2{font-size:49px}.business-copy>p{font-size:20px}.occasion-grid{margin-top:35px;gap:14px}.occasion{min-height:218px;padding:20px 16px 47px}.occasion h3{font-size:24px}.occasion p{font-size:16px}.occasion-no{margin-bottom:15px}.flow{padding:60px 22px;min-height:0}.flow-head{display:block}.flow-head h2{font-size:40px}.flow-head .ticket{margin-top:35px}.step-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px;padding:0}.step{width:100%;padding:22px 15px;transform:rotate(var(--rot));min-height:330px}.step:hover{transform:rotate(0)}.step>.step-label{font-size:19px}.step-drawing{height:110px;font-size:80px}.step-drawing.stitch{font-size:37px}.step h3{font-size:23px}.step p{font-size:16px}.music{display:flex;flex-direction:column;gap:45px;padding:65px 25px}.music-image{width:95%}.music-image img{aspect-ratio:1.12;border-radius:30px}.music-copy .eyebrow{font-size:10px}.music-copy h2{font-size:55px}.music-links .ticket{font-size:14px;gap:10px;padding-left:16px}.ribbons{height:165px;padding-top:32px}.ribbons>div{font-size:25px;padding:16px}.ribbons>div+div{margin-top:-15px}.universes{padding:60px 25px}.universes .eyebrow{font-size:10px}.universes h2{font-size:40px;margin-bottom:25px}.universe-list a{font-size:24px;padding:22px 0}.faq-section{display:block;padding:65px 24px}.faq-section h2{font-size:50px}.questions{margin-top:35px}.questions summary{font-size:21px;min-height:85px}.questions details>p{font-size:18px}.journal-preview{border-radius:45px 45px 0 0;padding:60px 24px}.journal-heading{display:block}.journal-heading .ticket{margin-top:25px}.journal-cards{grid-template-columns:1fr;gap:40px;margin-top:35px}.journal-cards img{aspect-ratio:1.7;margin-bottom:20px}.journal-cards h3{font-size:31px}.contact{margin:0 12px;padding:65px 22px;border-radius:0 0 45px 45px}.contact .eyebrow{font-size:9px}.contact h2{font-size:70px}.contact>p{font-size:21px}.contact>p br{display:none}footer{padding:60px 24px 0}.footer-logo{margin-bottom:35px}.footer-content{grid-template-columns:1fr 1fr;gap:35px 25px;padding:30px 0 40px}.footer-content>p{grid-column:1/-1;font-size:28px}.footer-content nav{font-size:15px;gap:14px}.footer-bottom{display:block;font-size:12px}.footer-bottom>div{flex-wrap:wrap;gap:18px;margin-top:18px}.reveal{opacity:1;transform:none}}
@media(max-width:370px){.hero{padding-left:20px;padding-right:20px}.hero-content h1{font-size:10.8vw}.hero-doors{font-size:12px;gap:12px}.step-cards{grid-template-columns:1fr}.step{min-height:0}.step-drawing{height:100px}.occasion-grid{grid-template-columns:1fr}.occasion:nth-child(n){transform:none;min-height:220px}.universe-list a{font-size:21px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.hero-art{border-radius:150px 50px 50px 150px;overflow:hidden}.hero-sequence{aspect-ratio:1;object-fit:contain}@media(max-width:760px){.hero-art{border-radius:45px}.hero-sequence{aspect-ratio:1}}
/* Three independent garments, with the bold Merchly wordmark requested for V2. */
.brand{width:auto;display:flex;flex-direction:column;align-items:center}.brand-word{font-family:Champ,Arial,sans-serif;font-size:46px;line-height:1;letter-spacing:-.06em}.brand small{font-size:8px;letter-spacing:.19em;margin-top:7px;font-weight:700}.footer-wordmark{display:block;font-family:Champ,sans-serif;font-size:clamp(100px,22vw,335px);letter-spacing:-.06em;line-height:.9;margin:0 0 65px;text-align:center}.hero-art{top:120px;right:0;width:56%;height:calc(100% - 155px);border-radius:0;overflow:visible;perspective:1200px}.hero-art:before{content:'';position:absolute;width:82%;height:75%;top:15%;left:7%;border:1px solid #073b2710;border-radius:50%;transform:rotate(-25deg)}.hero-piece{position:absolute;margin:0;transform-style:preserve-3d;animation:garment-drift var(--duration,8s) ease-in-out infinite;animation-delay:var(--delay,0s);animation-play-state:paused;will-change:transform}.hero.in-view .hero-piece{animation-play-state:running}.hero-piece .hero-sequence{width:100%;height:100%;object-fit:contain;aspect-ratio:auto;mix-blend-mode:normal;animation:none;filter:drop-shadow(8px 18px 14px #073b271f)}.piece-tee{width:60%;height:90%;left:-4%;top:9%;z-index:3;--turn:-10deg;--duration:8s}.piece-hoodie{width:52%;height:52%;right:-1%;top:-1%;z-index:2;--turn:13deg;--duration:10s;--delay:-3s}.piece-jacket{width:48%;height:52%;right:0;bottom:-4%;z-index:4;--turn:8deg;--duration:9s;--delay:-6s}.hero-art .art-caption{bottom:5%;left:14%;right:auto;font-size:9px;line-height:1.5;letter-spacing:.12em}.hero-note{right:38%;bottom:42px;z-index:5;font-size:26px}.hero-piece video{border-radius:24px}.hero-piece:hover{animation-play-state:paused!important}html[data-editing] .hero-piece{animation-play-state:paused!important}@keyframes garment-drift{0%,100%{transform:translateY(0) rotate(var(--turn)) rotateY(-9deg)}50%{transform:translateY(-22px) rotate(calc(var(--turn) + 5deg)) rotateY(10deg)}}
@media(max-width:1100px){.brand-word{font-size:38px}.hero-art{top:170px;height:calc(100% - 225px);width:54%}.piece-tee{left:-8%;width:65%;height:86%;top:13%}.hero-note{right:34%;font-size:24px}.hero-art .art-caption{font-size:7px;left:8%;bottom:0}.footer-wordmark{margin-bottom:45px}}
@media(max-width:760px){.brand-word{font-size:37px}.brand small{font-size:7px}.hero{min-height:1070px}.hero-art{position:relative;right:auto;top:auto;height:500px;width:calc(100% + 40px);margin:32px -20px 0;flex:none;align-self:center}.piece-tee{width:66%;height:85%;left:-5%;top:12%}.piece-hoodie{width:49%;height:48%;right:0;top:0}.piece-jacket{width:50%;height:50%;right:0;bottom:0}.hero-art .art-caption{left:14%;bottom:0;font-size:6px}.hero-note{right:25px;bottom:19px;font-size:20px}.hero .round-mark{bottom:25px}.footer-wordmark{font-size:22vw;margin:5px 0 45px}}
@media(prefers-reduced-motion:reduce){.hero-piece{animation:none!important;transform:rotate(var(--turn));will-change:auto}}
.piece-tee{left:2%;width:57%;height:84%;top:12%}@media(max-width:1100px){.piece-tee{left:0;width:62%;height:85%;top:12%}}@media(max-width:760px){.piece-tee{left:7%;width:59%;height:85%;top:12%}.hero-art .art-caption{left:22%;bottom:0;font-size:7px}}
@media(min-width:761px){.hero-art .art-caption{top:0;bottom:auto;left:12%;font-size:9px}}
/* Real cloth motion is rendered from the movie; the source still stays editable. */
.hero-piece.has-motion,.hero-piece:has(video[data-edit-image]){animation:none!important;transform:rotate(var(--turn));will-change:auto}
.hero-motion-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0;filter:drop-shadow(8px 18px 14px #073b271f)}
.hero-piece.motion-ready>img{opacity:0}
.hero-piece.motion-ready>.hero-motion-canvas{opacity:1}
.hero-art{right:3%;width:53%}
.piece-tee{left:0;width:59%;height:79%;top:15%}
.piece-hoodie{right:3%;top:1%;width:49%;height:47%}
.piece-jacket{right:3%;bottom:4%;width:46%;height:47%}


html[data-editing] .hero-piece>img{opacity:1!important}
html[data-editing] .hero-motion-canvas{display:none}
@media(max-width:1100px){.hero-art{right:3%;width:51%}}
@media(max-width:760px){.hero-art{right:auto;width:100%;margin:32px 0 0}.piece-tee{left:3%;width:60%;height:80%;top:12%}.piece-hoodie{right:5%;top:0;width:48%;height:46%}.piece-jacket{right:5%;bottom:8%;width:48%;height:47%}}

/* A small collectible in the space above the foreground tee. */
.piece-collectible{left:27.65%;top:1.175%;width:18.7%;height:24.65%;z-index:5;--turn:-9deg;animation:none!important;transform:rotate(var(--turn))}
@media(max-width:760px){.piece-collectible{left:28.65%;top:1.1%;width:18.7%;height:23.8%}}

/* The copy and products each keep their own space, including narrow iPhones. */
@media(min-width:761px){
 .hero{display:flex;align-items:center;padding-top:170px;padding-bottom:90px}
 .hero-content{transform:translateY(6px)}
 .hero-content h1{margin-top:0}
 .piece-tee{left:2%;top:27%;width:50%;height:67%}
 .piece-collectible{left:18%;top:2%;--turn:-48deg}
}
@media(min-width:761px) and (max-width:1100px){
 .hero{padding-top:145px;padding-bottom:75px}
 .piece-tee{left:0;top:28%;width:52%;height:69%}
}
@media(max-width:760px){
 .hero{min-height:0;height:auto;padding:118px 22px 76px;gap:32px}
 .hero:before{height:61%}
 .hero-content{transform:none;flex:none}
 .hero-content h1{margin-top:0}
 .hero-art{position:relative;inset:auto;flex:none;align-self:center;width:100%;max-width:460px;height:clamp(365px,108vw,480px);margin:0}
 .piece-collectible{left:10%;top:2%;width:24%;height:28%;--turn:-48deg}
 .piece-tee{left:0;top:36%;width:44%;height:61%}
 .piece-hoodie{right:0;top:8%;width:47%;height:42%}
 .piece-jacket{right:0;bottom:2%;width:44%;height:43%}
 .hero .round-mark{bottom:23px}
}

/* Seven pieces, with independent angles and rotation speeds. */
.piece-bottle{left:38.15%;top:2.65%;width:14.7%;height:21.7%;z-index:4;--turn:-2deg;animation:none!important;transform:rotate(var(--turn))}
.piece-jacket{--turn:-6deg}
.piece-collectible{--turn:-22deg}
.piece-tee{--turn:-18deg}
.piece-hoodie{--turn:14deg}
.piece-bag{left:37%;top:32%;width:31%;height:36%;z-index:6;--turn:3deg;animation:none!important;transform:rotate(var(--turn))}
.piece-cap{left:3%;top:28%;width:32%;height:20%;z-index:5;--turn:7deg;animation:none!important;transform:rotate(var(--turn))}
@media(min-width:761px){
 .piece-tee{left:0;top:47%;width:44%;height:53%}
 .piece-collectible{left:14%;top:0}
 .piece-hoodie{right:0;top:0;width:44%;height:43%}
 .piece-jacket{right:0;bottom:0;width:42%;height:43%}
}
@media(max-width:760px){
 .piece-bag{left:38%;top:31%;width:29%;height:34%}
 .piece-tee{left:0;top:47%;width:43%;height:50%}
 .piece-hoodie{right:0;top:1%;width:45%;height:42%}
 .piece-jacket{right:0;bottom:0;width:41%;height:42%}
 .piece-collectible{left:8%;top:1%;width:23%;height:24%}
}

@media(max-width:760px){.piece-bottle{left:36.3%;top:2.5%;width:15.4%;height:21%}}

/* Position-only adjustments spread the seven animations through the hero. */
@media(min-width:761px){
 .piece-collectible{left:10%;top:1%}
 .piece-bottle{left:36%;top:9.5%}
 .piece-hoodie{right:-1%;top:5%}
 .piece-cap{left:4%;top:31%}
 .piece-bag{left:35%;top:42%}
 .piece-tee{left:0;top:50%}
 .piece-jacket{right:0;bottom:0}
}
@media(max-width:760px){
 .piece-collectible{left:6%;top:1%}
 .piece-bottle{left:36.3%;top:7%}
 .piece-hoodie{right:0;top:7%}
 .piece-cap{left:3%;top:31%}
 .piece-bag{left:36%;top:41%}
 .piece-tee{left:0;top:50%}
 .piece-jacket{right:0;bottom:0}
}

/* A slow, continuous line of references; the second group is a visual copy. */
.proof-heading{display:flex;align-items:center;justify-content:center;gap:16px}
.proof-heading .eyebrow{font-size:12px;margin:0;max-width:800px}
.proof-names{--proof-gap:64px;display:block;width:100%;max-width:none;overflow:hidden;margin:32px auto 23px}
.proof-track{width:100%}
.proof-group{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:28px var(--proof-gap);flex-shrink:0}
.proof-group>span{flex:none;white-space:nowrap;font-family:Champ,sans-serif;font-size:clamp(26px,2.6vw,40px);font-weight:800;line-height:1.25}
.proof-group>span:nth-child(even){font-family:Georgia,serif;font-size:clamp(28px,2.7vw,42px);font-weight:400;letter-spacing:-.04em}

.proof-names.is-ready{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.proof-names.is-ready .proof-track{display:flex;width:max-content;animation:proof-drift var(--proof-duration,140s) linear infinite;will-change:transform}
.proof-names.is-ready .proof-group{justify-content:flex-start;flex-wrap:nowrap;padding-inline-end:var(--proof-gap);min-height:64px}
.proof-names.is-paused .proof-track,.proof-names.is-offscreen .proof-track{animation-play-state:paused}
@media(hover:hover){.proof-names:hover .proof-track{animation-play-state:paused}}
@keyframes proof-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
html[data-editing] .proof-names{mask-image:none;overflow:visible}
html[data-editing] .proof-names .proof-track{display:block;width:100%;animation:none;transform:none;will-change:auto}
html[data-editing] .proof-names .proof-group{justify-content:center;flex-wrap:wrap;padding-inline-end:0}
html[data-editing] .proof-copy,html[data-editing] .proof-toggle{display:none}
@media(max-width:760px){.proof-heading{gap:12px}.proof-heading .eyebrow{font-size:10px;max-width:260px}.proof-names{--proof-gap:40px;margin:28px 0 22px}.proof-group>span{font-size:26px}.proof-group>span:nth-child(even){font-size:28px}}
@media(prefers-reduced-motion:reduce){.proof-names.is-ready{mask-image:none}.proof-names.is-ready .proof-track{display:block;width:100%;animation:none;transform:none;will-change:auto}.proof-names.is-ready .proof-group{flex-wrap:wrap;justify-content:center;padding-inline-end:0}.proof-names .proof-copy,.proof-toggle{display:none}}

/* Full customization: site typography, mint panel and embroidered film. */
.customization{position:relative;isolation:isolate;display:grid;grid-template-columns:25vw 1fr;grid-template-rows:auto auto 1fr;column-gap:0;min-height:52.9vw;padding:8.33vw 3.33vw;margin:20px;border-radius:var(--radius);color:var(--forest);background:#d4f9e3;font-family:Degular,Arial,sans-serif;overflow:hidden}
.customization-copy{position:relative;grid-area:1/1;z-index:1;align-self:start}
.customization-copy h2{font-family:Champ,Arial,sans-serif;font-size:clamp(30px,2.77778vw,64px);font-weight:800;line-height:1.05;letter-spacing:-.03em}
.customization-copy hr{height:0;border:0;border-top:1px solid #073b2745;margin:1.667vw 0}

.customization-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.customization-cta{position:relative;z-index:1;grid-area:2/1;justify-self:start;margin-top:1.945vw}
.customization-cta>span:first-child{border:0;padding:0;font-size:inherit}


.customization-toggle{position:absolute;z-index:2;right:24px;bottom:24px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #0004;border-radius:50%;background:#d4f9e399;color:var(--forest);backdrop-filter:blur(8px)}
.customization-toggle[hidden]{display:none}
.customization-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.customization-play,.customization.is-paused .customization-pause{display:none}
.customization.is-paused .customization-play{display:block}
@media(max-width:1023px){.customization{display:flex;flex-direction:column;min-height:0;padding:70px 0 64px}.customization-copy{margin:0 5.13%;max-width:580px}.customization-copy h2{max-width:360px;font-size:clamp(32px,5vw,44px)}.customization-copy hr{margin:22px 0}.customization-video{position:relative;inset:auto;flex:none;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;margin:24px 0}.customization-cta{align-self:stretch;margin:0 5.13%}.customization-toggle{bottom:135px;right:5.13%;width:34px;height:34px}}
@media(max-width:1023px){.customization-video{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}}
@media(prefers-reduced-motion:reduce){.customization-cta{transition:none}.customization-cta:hover{transform:none}}

@media(max-width:760px){.customization{margin:12px;border-radius:45px}}

/* The ribbons extend under the rounded next panel; only the page's horizontal
   edges are clipped. Keep editable text on the same line as the ribbon. */
main{overflow-x:clip}
.ribbons{height:clamp(150px,13vw,230px);overflow:visible;z-index:0;isolation:isolate;pointer-events:none}
.ribbons>div{line-height:1.15}
.ribbons>div+div{margin-top:-14px}
.ribbons merchly-text[data-edit-key]{white-space:nowrap}
.ribbons+.universes{position:relative;z-index:1}
@media(max-width:760px){.ribbons{height:145px}.ribbons>div+div{margin-top:-2px}}

.customization-copy p+p{margin-top:18px}

/* Match the visible gap below the collection cards, including their rotation.
   Keep the reference transition unchanged; apply its gap to all other blocks. */
.home-page{--section-space:80px;--section-gap:72px;--collection-gap:24px;--panel-gutter:20px;--collection-clearance:45px}
.home-page :is(.section,.business,.flow,.faq-section,.universes,.contact){padding-block:var(--section-space)}
.home-page :is(.panel,.customization){margin:var(--section-gap) var(--panel-gutter)}
.home-page .proof{padding-block:var(--section-gap) 0}
.home-page .creations{padding-top:var(--section-gap);padding-bottom:max(0px,calc(var(--section-space) - var(--collection-gap) - var(--collection-clearance)))}
.home-page .customization{padding-block:var(--section-space);margin-top:var(--collection-gap)}
.home-page .flow{min-height:0}
/* The third desktop card sits 165px lower; reserve its real visual footprint. */
.home-page .step-cards{padding-bottom:185px}
/* Bare sections supply the whole gap themselves, without a second panel margin. */
.home-page :is(.flow,.universes,.contact){margin-bottom:0}
.home-page :is(.music,.faq-section){padding-block:var(--section-gap)}
.home-page .music-image{margin-block:2.55%}
/* The ribbons are the overlapping decoration of the following section. */
.home-page .ribbons+.universes{margin-top:var(--collection-gap)}
.home-page .journal-preview{margin-inline:var(--panel-gutter);border-radius:var(--radius)}
.home-page .contact{border-radius:var(--radius)}
.home-page>footer{padding-top:var(--section-gap)}
@media(max-width:1100px){
 .home-page{--section-space:64px;--section-gap:56px}
}
@media(max-width:1023px){
 .home-page .customization-toggle{bottom:calc(var(--section-space) + 71px)}
}
@media(max-width:760px){
 .home-page{--section-space:56px;--section-gap:50px;--collection-gap:16px;--panel-gutter:12px;--collection-clearance:35px}
 .home-page .business{padding-bottom:calc(var(--section-space) + 35px)}
 .home-page .step-cards{padding-block:12px 20px}
}

/* Keep the collectible visible in the near-square edition card. */
.book-card.edition-studio img{object-position:75% center}
.book-card.hospitality-studio img{object-position:70% center}

/* Clear catalogue and bespoke entrances, in the existing Merchly hero. */
.hero-project-actions{display:flex;align-items:flex-start;flex-direction:column;gap:18px;max-width:430px}.hero-bespoke-link{display:inline-flex;gap:16px;align-items:center;font-size:18px;border-bottom:1px solid #073b2770;padding-bottom:5px}.hero-bespoke-link b{font-weight:600}.hero-bespoke-link:hover{border-color:currentColor}.hero-project-actions .ticket{margin-top:0}.hero-doors{margin-top:24px}
/* Catalogue, custom creation and direct contact. */
.home-page .hero{height:auto;min-height:900px}.hero-phone{margin-top:23px;max-width:390px}.hero-phone>a{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.2;width:fit-content}.hero-phone b{font-weight:600}.hero-phone a small{display:block;font-size:17px;letter-spacing:.04em;margin-top:5px}.hero-phone>small{display:block;font-size:12px;margin:8px 0 0 33px;opacity:.75}.hero-phone svg{flex:none}.project-entrances{padding-top:70px;padding-bottom:80px}.entrance-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.entrance-heading h2{font-size:clamp(35px,4vw,56px);line-height:1.05}.entrance-heading>.eyebrow{max-width:220px;line-height:1.4}.entrance-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:22px}.entrance-card{padding:42px;border-radius:28px;background:#e8f3d6;display:flex;flex-direction:column;align-items:start;min-width:0}.entrance-card h3{font-size:clamp(30px,3vw,46px);line-height:1.05;margin:27px 0 20px}.entrance-card>p:not(.eyebrow){font-size:20px;line-height:1.4;max-width:530px}.entrance-card .ticket{margin-top:28px;max-width:100%}.entrance-card .ticket b{font-weight:700}.entrance-bespoke{background:var(--navy);color:var(--cream)}.entrance-bespoke .eyebrow{color:var(--brand)}.entrance-occasions{display:flex;gap:10px 16px;flex-wrap:wrap;font-size:15px;margin-top:25px}.entrance-occasions a{border-bottom:1px solid #073b2760;padding-bottom:3px}.entrance-card .entrance-detail{font-size:15px;margin-top:27px;opacity:.8}.contact-direct{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;text-align:left;padding:80px 6%}.contact-direct h2{font-size:clamp(60px,6.7vw,100px);line-height:.95;margin:30px 0}.contact-direct-intro>p:not(.eyebrow){max-width:510px;font-size:22px;line-height:1.4}.contact-methods{padding-top:6px;min-width:0}.contact-call{padding:0 0 27px;border-bottom:1px solid #f5f8ef40}.contact-phone-link{display:flex;align-items:center;gap:17px;margin-top:24px;width:fit-content}.contact-phone-link svg{width:34px;height:34px;flex:none}.contact-phone-link strong{display:block;font-size:20px;font-weight:500}.contact-phone-link b{display:block;font-size:clamp(28px,3vw,44px);line-height:1.3;letter-spacing:.03em}.contact-phone-link:hover b{text-decoration:underline;text-underline-offset:6px}.contact-call>small{display:block;font-size:12px;opacity:.75;margin-top:8px}.contact-call>p:last-child{font-size:17px;margin-top:20px}.contact-write{padding:27px 0;border-bottom:1px solid #f5f8ef40}.contact-write .ticket{margin-top:20px;max-width:100%}.contact-write .contact-email{margin-top:18px;text-decoration:underline;text-underline-offset:4px}.contact-catalogue{padding-top:26px;font-size:17px}.contact-catalogue a{display:flex;justify-content:space-between;gap:15px;margin-top:13px;color:var(--brand)}.contact-direct [data-phone-note]:empty,.hero-phone [data-phone-note]:empty{display:none}
@media(min-width:1700px){.home-page .hero{min-height:1050px}}
@media(max-width:1000px){.entrance-card{padding:30px}.entrance-grid{gap:16px}.entrance-card .ticket{font-size:15px;gap:12px;padding-left:16px}.entrance-card .ticket>span{padding:16px}.contact-direct{gap:35px}.contact-direct h2{font-size:64px}.contact-write .ticket{font-size:15px;gap:12px}.hero-phone{max-width:330px}}
@media(max-width:760px){.home-page .hero{min-height:0}.hero-project-actions{gap:16px}.hero-bespoke-link{font-size:17px}.hero-phone{margin-top:23px}.hero-doors{font-size:14px}.project-entrances{padding:45px 22px 55px}.entrance-heading{display:block}.entrance-heading h2{font-size:36px;margin-top:20px}.entrance-heading>.eyebrow{max-width:none}.entrance-grid{grid-template-columns:1fr}.entrance-card{padding:28px 24px;border-radius:22px}.entrance-card h3{font-size:34px;margin-top:22px}.entrance-card>p:not(.eyebrow){font-size:18px}.entrance-card .ticket{margin-top:25px;font-size:16px}.entrance-occasions{font-size:14px}.contact-direct{grid-template-columns:1fr;padding:55px 24px;gap:38px}.contact-direct h2{font-size:clamp(50px,12vw,72px);margin:25px 0}.contact-direct-intro>p:not(.eyebrow){font-size:20px}.contact-phone-link b{font-size:34px}.contact-write .ticket{font-size:16px}.contact-call>p:last-child{font-size:17px}.contact-catalogue{font-size:16px}}
@media(max-width:370px){.entrance-card .ticket,.contact-write .ticket{font-size:14px;gap:8px;padding-left:12px}.entrance-card .ticket>span,.contact-write .ticket>span{padding:14px}.entrance-card h3{font-size:29px}.contact-phone-link b{font-size:28px}}
/* One shared rhythm for the hero's two choices. */
.hero-project-actions{width:330px;max-width:100%;gap:12px}.hero-project-actions>a{width:100%;min-height:56px;margin:0;border-radius:7px;display:flex;justify-content:space-between;align-items:stretch;padding:0 0 0 20px;font-size:17px;line-height:1.25;gap:14px}.hero-project-actions .ticket{align-items:center}.hero-project-actions>a>span:last-child{width:57px;flex:none;display:flex;align-items:center;justify-content:center;padding:16px;font-size:20px;border-left:1px dashed #073b2740}.hero-project-actions .hero-bespoke-link{border:1px solid #073b2770;background:#fffefa40}.hero-bespoke-link b{display:flex;align-items:center;font-weight:600}.hero-project-actions .hero-bespoke-link:hover{background:#fffefa90;border-color:#073b27}.hero-phone{margin-top:21px}.entrance-card>p:not(.eyebrow):not(.entrance-detail){min-height:5.6em}.entrance-card .ticket{width:100%;min-height:60px;font-size:16px;gap:14px}.entrance-card .ticket>span:last-child{flex:none;align-self:stretch;display:flex;align-items:center;justify-content:center;width:54px;padding:16px}.entrance-occasions,.entrance-card .entrance-detail{min-height:48px;align-content:start}
@media(max-width:760px){.hero-project-actions{width:100%}.hero-project-actions>a{font-size:16px;min-height:54px}.hero-project-actions>a>span:last-child{width:53px;padding:15px}.entrance-card>p:not(.eyebrow):not(.entrance-detail){min-height:0}.entrance-occasions,.entrance-card .entrance-detail{min-height:0}.entrance-heading h2{font-size:34px}.entrance-card .ticket{font-size:15px;min-height:56px}}

/* Compact references, followed by a centered choice of project paths. */
.home-page .proof-names{margin:14px auto 8px}
.proof-names:focus-within .proof-track{animation-play-state:paused}
.home-page .project-entrances{padding-top:calc(var(--section-space) + 18px)}
.entrance-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;margin-bottom:38px}
.entrance-heading>.eyebrow{max-width:none}
.entrance-heading h2{margin:0}
@media(max-width:760px){.home-page .proof-names{margin:12px auto 6px}.home-page .project-entrances{padding-top:calc(var(--section-space) + 12px)}.entrance-heading{gap:14px;margin-bottom:28px}}
/* Let the jacket occupy the mobile frame; retain the detail labels on the right. */
@media(max-width:760px){.customization-video{width:125%;max-width:none;align-self:flex-start;margin-left:-25%}}

/* Vector arrows and studio marks never fall back to coloured emoji glyphs. */
svg.merchly-symbol{display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex:none;overflow:visible;pointer-events:none}
.step-drawing>svg.merchly-symbol{width:1em;height:1em;vertical-align:middle}

/* Accessible contact contrast and comfortable footer links, without changing imagery. */
.contact-catalogue a{color:var(--cream)}
.footer-bottom>div a{display:inline-flex;align-items:center;min-height:28px}