/*
Theme Name: Box Mantos
Version: 1.0.0
Requires PHP: 8.2
Text Domain: boxmantos
Update URI: https://boxmantos.com.br/
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090a09;--ink:#f6f1e8;--gold:#d7b276;--muted:#95958e;--line:#ffffff19;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:Manrope,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{color:inherit}button:disabled{cursor:wait}button:hover{filter:brightness(1.12)}[hidden]{display:none!important}em{font-style:normal;color:var(--gold)}.preview-bar{height:29px;display:flex;justify-content:center;align-items:center;gap:20px;background:#d7b276;color:#18150f;font-size:9px;font-weight:800;letter-spacing:1.5px}.preview-bar span{font-weight:500;opacity:.75}.header{height:105px;margin:0 5.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:inline-flex;flex-direction:column;align-items:center;line-height:.8}.brand-box{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-4px;font-size:42px;transform:scaleX(1.16)}.brand-mantos{font-size:10px;font-weight:600;letter-spacing:5px;color:var(--gold);padding:10px 0 0 5px}.header nav{display:flex;gap:35px;font-size:11px;color:#c2c1b9}.header nav a:hover{color:var(--gold)}.nav-cta{border:1px solid #a88a5666;background:transparent;padding:13px 18px;font-size:10px}.nav-cta span{margin-left:28px;color:var(--gold)}.hero{min-height:690px;display:grid;grid-template-columns:48% 52%;padding-left:7%;position:relative;overflow:hidden;max-width:1800px;margin:auto}.hero-copy{padding:65px 0 55px;z-index:1}.eyebrow{font-size:9px;letter-spacing:2.8px;font-weight:700;color:var(--gold);display:block}.eyebrow span{display:inline-block;background:var(--gold);width:5px;height:5px;margin:0 10px 1px 0;border-radius:50%;box-shadow:0 0 14px var(--gold)}h1{font:600 clamp(64px,6.9vw,110px)/.93 var(--display);text-transform:uppercase;letter-spacing:-1.4px;margin:26px 0}h1 em{display:block}.hero-description{color:#aaa99f;line-height:1.9;font-size:12px;margin:25px 0 28px}.gold-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:57px;background:linear-gradient(110deg,#ead0a4,#c49a59);border:0;color:#211a10;font-size:10px;letter-spacing:1px;font-weight:800;padding:19px 25px;transition:transform .2s,filter .2s}.gold-button:hover{transform:translateY(-2px)}.gold-button span{font-size:20px;font-weight:400;line-height:.6}.hero-footnote{font-size:9px;color:#797b73;margin:17px 0}.hero-art{position:relative;isolation:isolate;display:flex;align-items:center}.image-window{position:absolute;inset:20px -5px 10px -45px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 75%,transparent),linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}.image-window img{position:absolute;height:100%;width:auto;max-width:none;left:-15px;object-fit:contain}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 20%,transparent 88%,var(--bg));z-index:-1}.art-orbit{position:absolute;width:85%;aspect-ratio:1;border:1px solid #d7b27619;border-radius:50%;left:0;top:12%;z-index:-2}.art-orbit:after{content:'';position:absolute;inset:30px;border:1px dashed #d7b27614;border-radius:50%}.art-caption{position:absolute;bottom:80px;left:50px;letter-spacing:2px;font-size:9px;color:var(--gold);line-height:1.9}.art-caption strong{font-size:8px;color:#8a8b80;font-weight:400;letter-spacing:1.2px}.vertical-caption{position:absolute;right:30px;top:155px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#888578}.art-index{position:absolute;right:55px;bottom:35px;font:500 23px var(--display);color:var(--gold)}.art-index span{font:8px var(--body);letter-spacing:1px;margin-left:8px;color:#7d7e76}.ticker{border-block:1px solid var(--line);overflow:hidden;padding:19px 0;background:#11120f}.ticker>div{width:max-content;animation:ticker 40s linear infinite;font:500 19px var(--display);letter-spacing:2px;color:#aca99c}.ticker span{color:var(--gold);margin:0 40px}@keyframes ticker{to{transform:translateX(-35%)}}.section{padding:85px 7%;max-width:1600px;margin:auto}.section-label{font-size:9px;color:#929487;letter-spacing:2px;margin-bottom:33px}.experience-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}h2{font:500 clamp(40px,4.4vw,70px)/1 var(--display);text-transform:uppercase;margin:0;letter-spacing:-.3px}.experience-heading p{font-size:12px;color:#909388;line-height:1.9;margin:0 0 3px}.experience-panel{width:100%;min-height:320px;position:relative;display:flex;flex-direction:column;text-align:left;align-items:start;padding:38px 45px;overflow:hidden;background:radial-gradient(ellipse at 78% 85%,#8c662126,transparent 60%),#10120f;border:1px solid #d7b27638}.panel-lines{position:absolute;width:450px;height:450px;border:1px solid #d7b27630;border-radius:50%;right:70px;top:-60px;box-shadow:0 0 0 45px #d7b27608,0 0 0 90px #d7b27606,0 0 0 135px #d7b27604;transform:rotateX(55deg) rotateZ(-25deg)}.panel-kicker{font-size:8px;letter-spacing:2px;color:#9a9c8f;z-index:1}.panel-title{font:500 62px/.97 var(--display);text-transform:uppercase;margin:28px 0;z-index:1}.play-circle{position:absolute;right:20%;top:105px;border:1px solid var(--gold);color:var(--gold);border-radius:50%;width:76px;height:76px;display:grid;place-items:center;font-size:31px;box-shadow:0 0 65px #d7b27612}.panel-action{font-size:9px;color:var(--gold);letter-spacing:1.4px;z-index:1}.panel-action span{margin-left:40px}.panel-time{position:absolute;bottom:40px;right:40px;color:#777c6e;letter-spacing:1px;font-size:8px}.how{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:50px}.steps article{border-top:1px solid #d7b27640;padding-top:23px}.steps article>span{font:500 27px var(--display);color:var(--gold)}h3{font-size:15px;font-weight:600;margin:20px 0 12px}.steps p{font-size:12px;line-height:1.9;color:#96998e;max-width:290px}.closing{text-align:center;background:radial-gradient(ellipse at 50% 100%,#d7b2760e,transparent 70%);padding-block:90px 100px}.closing h2{margin:25px 0 33px}.closing .eyebrow{font-size:8px}footer{border-top:1px solid var(--line);margin:0 5%;padding:38px 2%;display:flex;align-items:center;justify-content:space-between}footer .brand-box{font-size:30px}footer .brand-mantos{font-size:7px;letter-spacing:3px;padding-top:8px}footer p{font-size:11px;color:#999b90}footer>span{font-size:8px;letter-spacing:1px;color:#656a5e}body.modal-open{overflow:hidden}dialog{background:radial-gradient(ellipse at 50% 40%,#212015,#0c0e0b 65%);border:1px solid #d7b2764d;color:var(--ink);padding:0;width:min(94vw,920px);max-height:94dvh;overflow:auto;box-shadow:0 20px 120px #000d}dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}.close-button{position:absolute;right:20px;top:18px;z-index:4;border:1px solid #ffffff30;background:#10110de6;border-radius:50%;width:34px;height:34px;font-size:13px}.modal-step{padding:48px 60px}.modal-step h2{font-size:58px;margin-top:20px}.modal-description,.modal-step>p{font-size:12px;color:#a8aa9e;line-height:1.8}#setup{max-width:640px;margin:auto}form{margin-top:30px}form>label,legend{font-size:8px;letter-spacing:1.1px;color:#c0c1b4;display:block;margin-bottom:10px}form>label>span{float:right;font-size:7px;color:#747a69}input:not([type=radio]){width:100%;min-height:48px;background:#ffffff04;border:1px solid #ffffff24;padding:12px;color:var(--ink);font-size:16px;line-height:1.4;border-radius:0}input::placeholder{color:#69705f}fieldset{border:0;padding:0;margin:25px 0}.size-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.size-options label{position:relative;cursor:pointer}.size-options input{position:absolute;opacity:0}.size-options span{height:45px;display:grid;place-items:center;border:1px solid #ffffff25;font-size:13px;transition:.2s}.size-options input:checked+span{background:#d7b27617;border-color:var(--gold);color:var(--gold)}.size-options input:focus-visible+span{outline:2px solid white;outline-offset:3px}form .gold-button{margin-top:28px;width:100%}.demo-note{font-size:9px!important;line-height:1.8!important;color:#7f8775!important;text-align:center}.journey-top{display:flex;justify-content:space-between;align-items:center;padding-right:30px}.journey-top .eyebrow{font-size:8px;letter-spacing:2px}#sound-button{background:none;border:0;color:#8e9780;font-size:8px;letter-spacing:.5px}.journey-heading{text-align:center;position:relative;z-index:2;margin-top:35px}.journey-heading>span{font-size:8px;letter-spacing:2px;color:#9d9f8c}.journey-heading h2{font-size:47px;margin-top:15px;min-height:95px}.animation-stage{height:290px;position:relative;perspective:800px;isolation:isolate}.stage-glow{position:absolute;inset:-20% 0 -20%;background:radial-gradient(ellipse at center,#b58d3b2e,transparent 60%)}.stage-rings{width:250px;height:250px;position:absolute;top:0;left:50%;margin-left:-125px;border:1px solid #d7b27625;border-radius:50%;box-shadow:0 0 0 35px #d7b27608,0 0 0 70px #d7b27605}.shirt-svg{width:100%;height:100%;filter:drop-shadow(0 10px 18px #0009)}#shirt-stream{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.flying-shirt{position:absolute;width:170px;height:190px;left:calc(50% - 85px);top:25px;opacity:0;animation:fly-shirt 1.4s cubic-bezier(.25,.55,.5,.9) both;animation-delay:var(--delay)}@keyframes fly-shirt{0%{transform:translateX(440px) translateZ(-250px) rotateY(-35deg) rotateZ(9deg);opacity:0}20%{opacity:1}50%{transform:translateX(0) translateZ(50px) rotateY(0deg) rotateZ(-3deg);opacity:1}80%{opacity:.8}100%{transform:translateX(-440px) translateZ(-250px) rotateY(35deg) rotateZ(-9deg);opacity:0}}#final-shirt{position:absolute;width:210px;height:240px;left:calc(50% - 105px);top:0;opacity:0;transform:scale(.65);z-index:3;transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .6s}.reveal #final-shirt{opacity:1;transform:scale(1);filter:drop-shadow(0 0 25px #d7b27635)}.pack #final-shirt{opacity:0;transform:translateY(145px) scale(.2) rotateX(65deg)}.mystery-box{position:absolute;width:300px;max-width:100%;height:290px;left:50%;bottom:-5px;opacity:0;transform:translate(-50%,45px) scale(.88);transition:transform .8s,opacity .5s;pointer-events:none}.pack .mystery-box{opacity:1;transform:translate(-50%,0) scale(1)}.box-art{display:block;width:100%;height:100%;overflow:visible}.box-lid{transform:none;transition:none}.gold-particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;left:50%;top:55%;width:3px;height:3px;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:spark 1.8s ease-out forwards}@keyframes spark{from{transform:translate(0,0);opacity:1}to{transform:translate(var(--x),var(--y)) rotate(180deg);opacity:0}}.journey-bottom{text-align:center;margin-top:10px}.journey-bottom>span{font-size:10px;color:#a3aa95}.progress-track{height:2px;background:#ffffff16;margin:23px auto 15px;width:75%;overflow:hidden}.progress-track>span{display:block;height:100%;width:0;background:var(--gold);animation:progress 10.1s linear forwards}@keyframes progress{to{width:100%}}#skip-animation,.back-button{border:0;background:none;font-size:9px;color:#8d957e;padding:10px}#complete{text-align:center;padding-block:44px}.complete-crown{color:var(--gold);font-size:45px;margin-top:14px}#complete h2{font-size:59px;margin:10px 0 20px}.box-ticket{display:flex;justify-content:center;gap:35px;border-block:1px solid #d7b27640;padding:20px;margin:26px auto;max-width:560px}.box-ticket>span{font-size:7px;color:#8b937d;letter-spacing:1px}.box-ticket strong{display:block;color:var(--gold);font-size:10px;font-weight:500;margin-top:9px;overflow-wrap:anywhere}.back-button{display:block;margin:15px auto 0}.modal-step{animation:enter .4s ease both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1550px){.hero{min-height:790px}.hero-copy{padding-top:90px}.image-window img{left:0}.hero-art .art-caption{bottom:90px}}
@media(max-width:900px){.header{height:85px}.header nav{gap:20px}.hero{min-height:620px;padding-left:6%;grid-template-columns:50% 50%}h1{font-size:74px}.hero-copy{padding-top:50px}.hero-art .image-window{inset:40px -110px 60px -25px}.image-window img{height:90%;top:5%;left:-30px}.vertical-caption{right:15px}.art-caption{left:10px;bottom:95px;font-size:7px}.art-caption strong{font-size:6px}.art-index{right:25px;font-size:19px}.hero .gold-button{font-size:9px;padding-inline:18px;gap:18px}.section{padding-inline:6%}.experience-heading p{font-size:10px}.steps{gap:25px}}
@media(max-width:620px){.preview-bar{height:25px;font-size:7px;letter-spacing:1px;gap:12px}.preview-bar span{font-size:6px}.header{height:82px;margin:0 6%}.header nav{display:none}.brand-box{font-size:34px;letter-spacing:-3px}.brand-mantos{font-size:8px;letter-spacing:4px;padding-top:8px}.nav-cta{font-size:9px;padding:10px}.nav-cta span{margin-left:12px}.hero{display:flex;flex-direction:column;padding:0 7%;min-height:0}.hero-copy{padding-top:38px;padding-bottom:0}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:clamp(64px,14.5vw,88px);margin-top:23px;line-height:.94}h1 br:nth-child(2){display:none}h1 em br{display:none}.hero-description{font-size:11px;margin-top:22px}.hero .gold-button{width:100%;padding:19px 22px;font-size:9px}.hero-footnote{text-align:center}.hero-art{height:345px;margin-top:0;margin-inline:-8%;overflow:hidden}.hero-art .image-window{inset:-30px -180px -15px 15px}.image-window img{height:105%;top:-2%;left:5px}.art-orbit{width:300px;left:calc(50% - 150px);top:0}.vertical-caption{right:18px;top:48px;font-size:7px;letter-spacing:2px}.art-caption{bottom:25px;left:30px;font-size:7px}.art-caption strong{font-size:6px}.art-index{display:none}.ticker{padding:14px 0}.ticker>div{font-size:16px}.ticker span{margin-inline:23px}.section{padding:55px 7%}.section-label{font-size:8px;margin-bottom:25px;letter-spacing:1.5px}h2{font-size:44px}.experience-heading{display:block;margin-bottom:27px}.experience-heading p{margin-top:23px;font-size:11px}.experience-panel{min-height:310px;padding:28px}.panel-title{font-size:56px;margin-top:35px}.panel-kicker{font-size:6px;letter-spacing:1px}.panel-lines{right:-200px}.play-circle{right:25px;top:112px;width:60px;height:60px;font-size:26px}.panel-time{display:none}.panel-action{font-size:8px}.steps{grid-template-columns:1fr;gap:20px;margin-top:30px}.steps article{position:relative;padding-left:48px;padding-top:12px}.steps article>span{position:absolute;left:0;top:27px}.steps h3{margin-top:17px;font-size:14px}.steps p{font-size:11px;max-width:none}.closing{padding-block:65px}.closing h2{font-size:47px}.closing .gold-button{font-size:9px;gap:30px}footer{gap:20px;flex-wrap:wrap;padding-block:30px}footer p{font-size:9px}footer>span{width:100%;font-size:7px;text-align:center;margin-top:10px}dialog{width:96vw;max-height:96dvh}.modal-step{padding:46px 24px 25px}.modal-step h2{font-size:47px}form{margin-top:25px}form>label,legend{font-size:7px;letter-spacing:.7px}form>label>span{font-size:6px}.close-button{top:12px;right:12px;width:29px;height:29px}.journey-top{padding-right:0;gap:10px;margin-top:4px}.journey-top .eyebrow{font-size:6px;letter-spacing:1px}#sound-button{font-size:6px}.journey-heading{margin-top:35px}.journey-heading h2{font-size:42px;min-height:85px}.animation-stage{height:280px;margin-inline:-15px}.journey-bottom>span{font-size:9px}#complete h2{font-size:48px}#complete{padding-top:40px}.box-ticket{gap:18px;padding:18px 0}.box-ticket>span{font-size:6px}.box-ticket strong{font-size:8px}.demo-note{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}.modal-step{animation:none}.flying-shirt{animation:none}.stage-rings{display:none}#final-shirt,.mystery-box,.box-lid{transition:none}.particle{animation:none;display:none}.gold-button:hover{transform:none}}

#complete h2{overflow-wrap:anywhere}
@media(max-width:620px){h1 em br{display:block}}
dialog{overflow-x:hidden}
.photo-shirt{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 9px #d7b27645) drop-shadow(0 15px 19px #000b)}#final-shirt{width:250px;height:280px;left:calc(50% - 125px);top:-10px}.reveal .stage-glow{background:radial-gradient(ellipse at center,#e8b95450,transparent 65%)}.reveal #final-shirt{filter:drop-shadow(0 0 22px #d7b27645)}.showcase-shirt .photo-shirt{filter:drop-shadow(0 0 2px #e8c78b60) drop-shadow(0 0 19px #d7b27660) drop-shadow(0 17px 20px #000b)}.experience-panel:hover .showcase-shirt .photo-shirt{filter:drop-shadow(0 0 3px #ffe8b780) drop-shadow(0 0 26px #e8bd7c80) drop-shadow(0 17px 20px #000b)}
.experience-panel{min-height:350px}.panel-shirt{position:absolute;width:240px;height:264px;right:13%;top:35px;pointer-events:none;isolation:isolate;animation:shirt-float 5s ease-in-out infinite}.showcase-shirt{position:absolute;inset:0;z-index:1}.showcase-shirt .shirt-svg{filter:drop-shadow(0 0 2px #f8daa6aa) drop-shadow(0 0 17px #d7b27665) drop-shadow(0 17px 20px #000b)}.shirt-halo{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(ellipse,#ebbd6350, #bb8c2d1a 45%,transparent 72%);animation:shirt-glow 3.5s ease-in-out infinite;z-index:0}.shirt-shine{position:absolute;inset:0;z-index:2;clip-path:polygon(30% 12%,38% 10%,62% 10%,70% 12%,84% 18%,97% 36%,81% 45%,73% 35%,73% 91%,50% 94%,27% 91%,27% 35%,20% 45%,3% 36%,16% 18%);background:linear-gradient(115deg,transparent 36%,#ffdf9626 45%,#fff6db70 49%,#ffdf9626 53%,transparent 62%);background-size:350% 100%;background-position:130% 0;animation:shirt-sheen 5s ease-in-out infinite;mix-blend-mode:screen}.shirt-spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#f9db9f;box-shadow:0 0 9px 2px #eecb7d66;animation:shirt-glow 2.5s ease-in-out infinite}.spark-one{left:7%;top:28%}.spark-two{right:1%;top:64%;animation-delay:1.2s}.spark-three{left:23%;bottom:3%;width:2px;height:2px;animation-delay:.6s}.panel-title{max-width:53%}.panel-time{right:45px}.experience-panel:hover .showcase-shirt .shirt-svg{filter:drop-shadow(0 0 3px #ffe8b7cc) drop-shadow(0 0 23px #e8bd7c88) drop-shadow(0 17px 20px #000b)}@keyframes shirt-float{0%,100%{transform:translateY(4px) rotate(-2deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes shirt-glow{0%,100%{opacity:.5}50%{opacity:1}}@keyframes shirt-sheen{0%,18%{background-position:130% 0;opacity:0}30%{opacity:1}65%{background-position:-30% 0;opacity:1}80%,100%{background-position:-30% 0;opacity:0}}
@media(max-width:900px) and (min-width:621px){.panel-shirt{right:7%;width:210px;height:231px;top:50px}.panel-title{font-size:56px}}
@media(max-width:620px){.experience-panel{min-height:495px;padding:28px}.panel-title{max-width:100%;font-size:46px;margin-top:28px;line-height:1}.panel-shirt{width:200px;height:220px;right:calc(50% - 100px);top:197px}.panel-action{position:absolute;bottom:29px;left:28px}.panel-lines{top:65px;right:-145px}.panel-kicker{font-size:6px}.experience-panel .panel-time{display:none}}
@media(prefers-reduced-motion:reduce){.panel-shirt,.shirt-halo,.shirt-spark{animation:none}.shirt-shine{display:none}.shirt-halo{opacity:.7}}
.header-actions{display:flex;align-items:center;gap:18px}.cart-open{border:0;background:none;font-size:10px;padding:12px 0;color:#c3c3b6}.cart-count{display:inline-grid;place-items:center;min-width:19px;height:19px;background:#d7b2761a;border:1px solid #d7b27642;color:var(--gold);font-size:9px;margin-left:5px}.offer{display:flex;flex-wrap:wrap;align-items:center;gap:10px 15px;margin:23px 0}.offer-badge{border:1px solid #d7b27670;color:var(--gold);font-size:8px;letter-spacing:1.3px;padding:8px 10px;font-weight:800}.offer-prices{display:flex;gap:13px;align-items:center}.offer-prices del{color:#8c9084;font-size:12px}.offer-prices strong{font-size:28px;font-weight:600;letter-spacing:-1px;color:var(--ink)}.offer-saving{width:100%;font-size:9px;color:#979b8b}.closing .offer{justify-content:center}.closing .offer-saving{margin-bottom:8px}#setup .offer{margin-block:20px}#setup .offer-prices strong{font-size:24px}#setup .gold-button{font-size:9px}#cart{padding:45px 45px 30px}#cart h2{font-size:52px;outline:none;margin-top:16px}.cart-intro{margin:18px 0 28px}.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:20px;padding:23px 0;border-block:1px solid #d7b27630}.cart-item+.cart-item{border-top:0}.cart-thumbnail{width:72px;height:85px;background:linear-gradient(140deg,#34362a,#0b0f09);border:1px solid #d7b27666;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:start}.cart-thumbnail>span{font-size:22px;font-weight:800;letter-spacing:-1.5px}.cart-thumbnail>small{font-size:6px;letter-spacing:2px;color:var(--gold)}.cart-bf{font-size:7px;letter-spacing:1.3px;color:var(--gold)}.cart-item h3{font-size:15px;margin:7px 0 10px}.cart-item p{font-size:10px;color:#a0a590;line-height:1.6;margin:3px 0;overflow-wrap:anywhere}.cart-item-price{display:flex;align-items:end;flex-direction:column;gap:6px}.cart-item-price del{font-size:10px;color:#808774}.cart-item-price strong{font-size:20px;color:var(--gold);white-space:nowrap;font-weight:500}.cart-item-price small{font-size:8px;color:#818a73}.quantity-controls{display:flex;align-items:center;margin-top:18px;gap:0}.quantity-controls>button:not(.remove-item){border:1px solid #ffffff25;background:#ffffff04;width:30px;height:30px;font-size:15px}.quantity-controls>button:disabled{opacity:.3;cursor:default}.quantity-controls output{height:30px;min-width:32px;display:grid;place-items:center;border-block:1px solid #ffffff25;font-size:10px}.remove-item{background:none;border:0;font-size:9px;text-decoration:underline;text-underline-offset:3px;color:#929986;margin-left:14px;padding:9px 0}#cart-summary{margin-top:24px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;margin:16px 0;color:#b4b9a6}.summary-row strong{font-weight:500;color:var(--ink)}.saving-row,.saving-row strong{color:var(--gold);font-size:10px}.cart-total{border-top:1px solid #d7b27638;padding-top:21px;margin-top:23px;font-size:13px}.cart-total strong{font-size:27px;color:var(--gold)}.cart-shipping{font-size:9px;color:#8b947d;text-align:right}.checkout-pending{width:100%;margin-top:17px;opacity:.5;cursor:default!important}.checkout-pending:hover{transform:none;filter:none}#cart .back-button{margin:10px auto 0;font-size:8px}#cart-empty{text-align:center;padding:30px 0}#cart-empty p{font-size:12px;color:#a0a590;margin-bottom:25px}#cart-empty .gold-button{font-size:9px}#cart .demo-note{font-size:9px!important}
@media(max-width:620px){.header-actions{gap:11px}.cart-open{font-size:8px}.cart-count{min-width:16px;height:16px;font-size:8px;margin-left:3px}.header .nav-cta{font-size:8px;padding:10px 8px}.header .nav-cta span{margin-left:6px}.offer{margin:22px 0 20px;gap:10px 13px}.offer-prices strong{font-size:28px}.offer-prices del{font-size:11px}.offer-saving{font-size:8px}.offer-badge{font-size:7px}#cart{padding:45px 22px 24px}#cart h2{font-size:45px}.cart-intro{font-size:10px!important;margin-bottom:22px}.cart-item{grid-template-columns:50px 1fr;gap:12px;padding-block:20px}.cart-thumbnail{width:50px;height:63px}.cart-thumbnail>span{font-size:18px}.cart-thumbnail>small{font-size:5px;letter-spacing:1.5px}.cart-item-main{min-width:0}.cart-item h3{font-size:13px}.cart-item p{font-size:9px}.cart-item-price{grid-column:2;flex-direction:row;align-items:center;justify-content:start;margin-top:2px;gap:10px}.cart-item-price strong{font-size:19px}.cart-item-price small{font-size:7px}.quantity-controls{margin-top:13px}.summary-row{font-size:10px}.cart-total strong{font-size:25px}#cart .demo-note{font-size:8px!important}.checkout-pending{min-height:50px;font-size:9px}#setup .offer-badge{padding:7px 8px}#setup .offer-prices{gap:8px}#setup .offer-prices strong{font-size:23px}}

/* Photographic jersey asset, shared by the showcase and reveal. */
.panel-shirt{width:260px;height:300px;right:12%;top:18px}.shirt-shine{clip-path:none;mask-image:url('./assets/boxmantos-shirt-photo.png');mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url('./assets/boxmantos-shirt-photo.png');-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.panel-photo-note{display:none}
@media(max-width:900px) and (min-width:621px){.panel-shirt{right:6%;width:230px;height:285px;top:25px}}
@media(max-width:620px){.experience-panel{min-height:545px}.panel-shirt{width:230px;height:292px;right:calc(50% - 115px);top:177px}.panel-photo-note{display:block;position:absolute;bottom:64px;left:0;width:100%;text-align:center;color:#818772;font-size:6px;letter-spacing:1.1px}.panel-action{bottom:29px}}

/* Show the actual shared PNG in the cart, with space for its full silhouette. */
.cart-thumbnail{width:84px;height:116px;border:0;background:radial-gradient(ellipse,#d7b27618,transparent 72%);display:block}.cart-thumbnail img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 7px #d7b27635)}.cart-item{grid-template-columns:84px 1fr auto}
@media(max-width:620px){.cart-item{grid-template-columns:76px 1fr;gap:14px}.cart-thumbnail{width:76px;height:112px}.cart-item h3{font-size:12px}}

/* Keep the original price readable: no strike through the digit 8. */
.offer-prices{flex-wrap:wrap;align-items:baseline}.regular-price{text-decoration:none;color:#bfc3b5;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.offer-prices .regular-price{font-size:16px;font-weight:500;line-height:1.4}.cart-item-price .regular-price{font-size:13px;font-weight:500;color:#bfc3b5}.offer-prices strong{font-variant-numeric:lining-nums tabular-nums}
@media(max-width:620px){.offer-prices{gap:9px}.offer-prices .regular-price{font-size:15px}.cart-item-price{flex-wrap:wrap;gap:8px}.cart-item-price .regular-price{width:100%;font-size:13px}}

.price-prefix{font-size:12px;font-weight:400;color:#bfc3b5;letter-spacing:normal}

/* The logo is the original lockup, framed directly from the brand reference. */
.brand{display:block;flex-shrink:0;line-height:normal}.brand-logo{display:block;position:relative;width:190px;aspect-ratio:490/175;overflow:hidden;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}.brand-logo img{position:absolute;display:block;width:261.22449%;max-width:none;height:auto;left:-142.857143%;top:-131.428571%;pointer-events:none}footer .brand-logo{width:155px}

/* Two equal, non-shrinking groups make the restart visually identical. */
.ticker>.ticker-track{display:flex;align-items:center;width:max-content;animation:ticker-loop 30s linear infinite;will-change:transform}.ticker-group{display:flex;flex:0 0 auto;align-items:center;justify-content:space-around;gap:48px;min-width:100vw;padding-inline:24px;white-space:nowrap}.ticker .ticker-item,.ticker .ticker-separator{margin:0}.ticker .ticker-item{color:#c5c1b3}.ticker .ticker-separator{color:var(--gold)}@keyframes ticker-loop{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

@media(min-width:1000px){
  .preview-bar{height:34px;font-size:11px}.preview-bar span{font-size:11px}.header{height:120px;gap:24px}.header nav{font-size:15px;gap:32px}.nav-cta{font-size:14px;padding:16px 20px}.cart-open{font-size:14px}.cart-count{font-size:11px;min-width:23px;height:23px}.header-actions{gap:24px}.brand-logo{width:200px}
  .hero{grid-template-columns:49% 51%;min-height:790px}.hero-copy{padding:48px 0 54px}h1{font-size:clamp(68px,5.7vw,100px);line-height:.96;margin:25px 0}.eyebrow{font-size:12px;letter-spacing:2.3px}.hero-description{font-size:17px;line-height:1.8;margin:25px 0 26px}.hero-footnote{font-size:13px;color:#a1a797;line-height:1.6}.gold-button{font-size:13px;min-height:64px;padding:20px 28px;letter-spacing:.8px}.gold-button span{font-size:24px}
  .offer{display:grid;grid-template-columns:auto 1fr;gap:12px 18px;width:fit-content;max-width:100%;padding:19px 23px;border-left:2px solid var(--gold);background:linear-gradient(110deg,#d7b27612,transparent);margin:28px 0}.offer-badge{grid-column:1/-1;justify-self:start;font-size:11px;padding:8px 11px;letter-spacing:1.5px}.offer-prices{grid-column:1/-1;gap:17px;line-height:1.2}.offer-prices .regular-price{font-size:20px;color:#c2c6ba}.offer-prices strong{font-size:60px;font-weight:700;color:var(--gold);letter-spacing:-2px;line-height:1.12;white-space:nowrap}.offer-prices .price-prefix{font-size:16px;font-weight:400;letter-spacing:normal}.offer-saving{grid-column:1/-1;font-size:13px;line-height:1.6;color:#b2b7a6}.closing .offer{margin:32px auto;justify-content:start;text-align:left}.closing .offer-saving{margin:0}
  .art-caption{font-size:12px;left:30px}.art-caption strong{font-size:10px}.vertical-caption{font-size:10px}.art-index span{font-size:10px}.ticker>.ticker-track{font-size:24px;letter-spacing:2px}.ticker{padding-block:21px}.section-label{font-size:12px;letter-spacing:2px;color:#abb09f}.experience-heading p{font-size:17px;line-height:1.8;max-width:430px}.experience-panel{min-height:420px;padding:40px 45px}.panel-kicker{font-size:11px}.panel-title{font-size:clamp(62px,5vw,80px);line-height:1;margin:31px 0}.panel-action{font-size:13px;letter-spacing:1.2px}.panel-time{font-size:11px;bottom:30px;right:35px}.panel-shirt{width:300px;height:350px;top:25px;right:11%}.steps{gap:48px}.steps article>span{font-size:34px}.steps h3{font-size:21px}.steps p{font-size:16px;line-height:1.8;max-width:none}.closing .eyebrow{font-size:12px}footer p{font-size:15px}footer>span{font-size:11px}
  .modal-description,.modal-step>p{font-size:16px;line-height:1.7}.modal-step{padding-top:45px}#setup{max-width:730px}#setup .offer-prices strong{font-size:48px}#setup .offer{margin-block:23px;padding:16px 20px}#setup .gold-button{font-size:12px}form>label,legend{font-size:12px;letter-spacing:.6px;line-height:1.5}form>label>span{font-size:10px}.size-options span{height:50px;font-size:16px}.demo-note{font-size:12px!important;line-height:1.7!important}.journey-top .eyebrow{font-size:11px}#sound-button{font-size:11px}.journey-heading>span{font-size:11px}.journey-bottom>span{font-size:14px;line-height:1.6}#skip-animation,.back-button{font-size:12px}.cart-intro{font-size:15px!important}.cart-bf{font-size:10px}.cart-item h3{font-size:18px}.cart-item p{font-size:13px}.cart-item-price .regular-price{font-size:16px}.cart-item-price strong{font-size:30px}.cart-item-price small{font-size:12px}.quantity-controls>button:not(.remove-item){width:36px;height:36px}.quantity-controls output{height:36px;min-width:38px;font-size:13px}.remove-item{font-size:12px}.summary-row{font-size:15px}.saving-row,.saving-row strong{font-size:14px}.cart-total{font-size:17px}.cart-total strong{font-size:36px}.cart-shipping{font-size:12px}#cart .demo-note{font-size:12px!important}#cart .back-button{font-size:12px}
}
@media(max-width:999px){.brand-logo{width:155px}.header{gap:15px}.ticker-group{gap:35px}}
@media(max-width:620px){.header{gap:10px}.brand-logo{width:100px}footer .brand-logo{width:115px}.header-actions{gap:9px}.ticker-group{gap:28px;padding-inline:16px}.ticker>.ticker-track{font-size:19px}}
@media(prefers-reduced-motion:reduce){.ticker>.ticker-track{animation:none;transform:none;will-change:auto}}

/* A distinct editorial title, quieter card heading and an actual gold CTA. */
.experience-heading{align-items:center;gap:50px;margin-bottom:42px}.experience-heading h2{font-weight:600}.experience-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy art" "action art";grid-template-rows:auto auto;column-gap:55px;row-gap:26px;align-items:center;min-height:460px;padding:44px 56px;cursor:default;background:radial-gradient(ellipse at 78% 55%,#b48a3222,transparent 58%),#11140f}.panel-copy{grid-area:copy;max-width:480px;position:relative;z-index:1;align-self:end}.panel-kicker{font-size:11px;line-height:1.6;letter-spacing:1.7px;color:#9ca48f;display:block}.panel-title{font-family:var(--body);font-size:38px;font-weight:500;line-height:1.2;text-transform:none;letter-spacing:-1.1px;max-width:none;margin:22px 0 18px}.panel-title em{font-weight:600}.panel-description{font-size:16px;line-height:1.8;color:#b0b7a4;max-width:390px;margin:0}.experience-panel .panel-shirt{grid-area:art;position:relative;width:300px;height:350px;right:auto;top:auto;margin:0 auto;align-self:center;justify-self:center}.panel-cta{grid-area:action;position:relative;z-index:2;align-self:start;justify-self:start;min-height:58px;padding:19px 26px;font-size:12px;letter-spacing:1px;gap:38px;box-shadow:0 8px 26px #0004}.panel-cta span{font-size:23px;line-height:1}.experience-panel .panel-time{bottom:22px;right:30px;font-size:10px;color:#88907c}.experience-panel .panel-lines{top:-30px;right:6%;width:500px;height:500px}
@media(min-width:1600px){.panel-title{font-size:42px}.panel-description{font-size:17px}.experience-panel{padding:50px 58px}.experience-heading p{font-size:18px}}
@media(min-width:621px) and (max-width:999px){.experience-panel{padding:36px;column-gap:24px;min-height:430px}.panel-title{font-size:32px}.panel-description{font-size:14px}.panel-kicker{font-size:9px}.experience-panel .panel-shirt{width:235px;height:310px}.panel-cta{font-size:10px;padding:17px 20px;gap:25px}}
@media(max-width:620px){.experience-heading{display:block;margin-bottom:29px}.experience-heading h2{font-size:43px;line-height:1.02}.experience-heading p{font-size:13px;line-height:1.8;margin-top:22px}.experience-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "art" "action" "note";grid-template-rows:auto;min-height:0;gap:24px;padding:29px 25px 24px}.panel-copy{max-width:none}.panel-kicker{font-size:8px;letter-spacing:1.3px}.panel-title{font-size:31px;line-height:1.2;letter-spacing:-.8px;margin:19px 0 15px}.panel-description{font-size:13px;line-height:1.8;max-width:none}.experience-panel .panel-shirt{width:225px;height:292px;max-width:100%;margin:0 auto}.panel-cta{justify-self:stretch;min-height:56px;width:100%;font-size:11px;padding:19px 22px;gap:20px}.experience-panel .panel-photo-note{grid-area:note;position:static;display:block;width:100%;font-size:8px;letter-spacing:.8px;color:#89927b;text-align:center}.experience-panel .panel-time{display:none}.experience-panel .panel-lines{top:210px;right:-110px;width:450px;height:450px}}

/* Keep the complete desktop hero visible without shrinking the whole page. */
@media(min-width:1000px){
  .preview-bar{height:28px}.header{height:88px}.brand-logo{width:180px}
  .hero{min-height:0;grid-template-columns:51% 49%;padding-left:6%;align-items:stretch}.hero-copy{padding:20px 0 24px;align-self:center}.hero-copy>.eyebrow{font-size:11px;line-height:1.5;margin:0}.hero h1{font-size:clamp(52px,8vh,80px);line-height:.96;margin:15px 0 18px;letter-spacing:-.8px}.hero h1>br:first-of-type{display:none}.hero h1 em{display:block}.hero-description{font-size:16px;line-height:1.6;margin:0 0 18px}.hero .offer{grid-template-columns:auto auto;align-items:center;gap:8px 13px;padding:11px 16px;margin:0 0 18px}.hero .offer-badge{grid-column:1;grid-row:1;font-size:9px;letter-spacing:1px;padding:7px 8px;align-self:center}.hero .offer-prices{grid-column:2;grid-row:1;gap:10px;flex-wrap:nowrap}.hero .offer-prices .regular-price{font-size:17px}.hero .offer-prices strong{font-size:48px;line-height:1.1;letter-spacing:-1.5px}.hero .offer-prices .price-prefix{font-size:13px}.hero .offer-saving{font-size:12px;line-height:1.5;grid-column:1/-1}.hero .gold-button{min-height:54px;padding:17px 24px;font-size:12px}.hero-footnote{font-size:12px;line-height:1.5;margin:11px 0 0}.hero-art{min-height:0}.hero-art .image-window{inset:8px 12px 38px 0}.hero-art .image-window img{width:200%;height:auto;left:0;top:50%;transform:translateY(-50%);max-width:none}.hero-art .art-caption{bottom:14px;left:35px;font-size:10px;letter-spacing:1.5px}.hero-art .art-caption strong{font-size:9px}.hero-art .art-index{bottom:12px;right:32px;font-size:20px}.hero-art .art-index span{font-size:9px}.hero-art .vertical-caption{right:15px;top:90px;font-size:8px}.hero-art .art-orbit{width:80%;top:9%;left:5%}
}
@media(min-width:1000px) and (max-height:760px){
  .preview-bar{height:26px}.header{height:76px}.brand-logo{width:155px}.header .nav-cta{padding:13px 18px}.hero-copy{padding:14px 0 18px}.hero h1{font-size:clamp(44px,7.3vh,56px);margin:12px 0 14px}.hero-description{font-size:14px;line-height:1.5;margin-bottom:13px}.hero .offer{padding:9px 13px;gap:7px 12px;margin-bottom:14px}.hero .offer-prices strong{font-size:44px}.hero .offer-prices .regular-price{font-size:16px}.hero .offer-saving{font-size:11px}.hero .gold-button{min-height:50px;padding:15px 22px}.hero-footnote{font-size:11px;margin-top:9px}
}
@media(min-width:1000px){.hero-art .image-window{inset:auto;left:50%;top:50%;width:min(calc(100% - 24px),57vh,560px);height:auto;aspect-ratio:1;transform:translate(-50%,-50%);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}}

/* Fill the opening viewport while keeping the offer and action in view. */
@media(min-width:1000px){
  .hero{min-height:calc(100svh - 116px)}.hero-copy{padding:28px 0}.hero h1{font-size:clamp(64px,10vh,106px);line-height:.95;margin:18px 0 22px}.hero .offer-prices strong{font-size:54px}.hero .gold-button{min-height:58px;padding:19px 27px;font-size:13px}.hero-art .image-window{width:min(calc(100% - 16px),calc(100svh - 160px),820px)}.hero-art .art-caption{bottom:23px}.hero-art .art-index{bottom:22px}.hero-art .art-orbit{width:92%;top:4%;left:0}
}
@media(min-width:1000px) and (max-height:760px){
  .hero{min-height:calc(100svh - 102px)}.hero-copy{padding:20px 0}.hero h1{font-size:clamp(60px,9vh,78px);margin:14px 0 16px}.hero .offer-prices strong{font-size:48px}.hero .gold-button{min-height:52px;padding:16px 24px;font-size:12px}
}

/* Only the photographic left half is visible at every viewport size.
   Cover the full artwork column; center the left square when height dominates. */
.hero-art{align-self:stretch}.hero-art .image-window{inset:0;width:auto;height:auto;max-width:none;aspect-ratio:auto;transform:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 9%,#000);mask-composite:add}.hero-art .image-window img{position:absolute;display:block;left:0;top:0;width:200%;height:100%;max-width:none;object-fit:cover;object-position:25% center;transform:none}
@media(max-width:620px){.hero .hero-art{height:auto;aspect-ratio:1;min-height:0}}
@media(min-width:621px) and (max-width:999px){.hero .hero-art{height:auto;aspect-ratio:1;align-self:center}}