:root{--ink:#20231e;--paper:#f8f7f2;--lime:#eb6847;--muted:#6e7268}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d95334;outline-offset:5px}.announcement{background:var(--ink);color:white;text-align:center;padding:11px;font-size:10px;font-weight:700;letter-spacing:1.8px}.announcement span{color:var(--lime);margin:0 23px}header{display:flex;align-items:center;justify-content:space-between;padding:27px 5%;border-bottom:1px solid #ddded5}.brand{font-size:29px;font-weight:900;letter-spacing:-1.7px;white-space:nowrap}.brand span{color:#d95334;margin:0 1px}.brand small{display:block;font-size:8px;letter-spacing:2.4px;text-align:center;margin-top:4px}nav{display:flex;gap:35px;font-size:13px}nav a:hover,.text-link:hover{color:#d95334}.nav-cta{border:1px solid #b8bcb0;border-radius:30px;padding:13px 20px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:630px}.hero-copy{padding:62px 9% 26px 10%}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700}.eyebrow>span{display:inline-block;width:7px;height:7px;background:#d95334;border-radius:50%;margin-right:8px}h1{font-size:clamp(65px,7.9vw,116px);line-height:.99;letter-spacing:-7px;margin:30px 0 25px;font-weight:800}h1 em,h2 em{font-style:normal;color:#d95334}.intro{font-size:15px;line-height:1.75;max-width:330px;color:#666a60}.button{background:var(--ink);color:white;display:inline-flex;gap:50px;justify-content:space-between;align-items:center;padding:18px 24px;border-radius:4px;font-size:13px;margin-top:16px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px}.hero-foot{display:flex;justify-content:space-between;align-items:center;margin-top:46px;font-size:9px;line-height:1.6;letter-spacing:1px;color:#75796c}.round-arrow{font-size:25px;border:1px solid #c9ccbf;border-radius:50%;padding:9px 15px}.hero-art{position:relative;overflow:hidden;background:#e6e9dc;isolation:isolate}.orbit{position:absolute;width:440px;height:440px;background:var(--lime);border-radius:50%;top:90px;left:12%;z-index:-1}.art-label{position:absolute;top:30px;left:30px;font-size:9px;line-height:1.5;letter-spacing:1.6px}.hero-shirt{position:absolute;width:105%;top:80px;left:-19%;transform:rotate(-12deg);filter:drop-shadow(0 24px 13px #0002)}.hero-mug{position:absolute;width:61%;right:-10%;top:30px;transform:rotate(14deg);filter:drop-shadow(0 20px 10px #0002)}.hero-bag{position:absolute;width:58%;right:-1%;bottom:-65px;transform:rotate(13deg);filter:drop-shadow(0 20px 10px #0002)}.stamp{position:absolute;left:30px;bottom:55px;background:var(--lime);border:1px solid var(--ink);border-radius:50%;width:108px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:700;transform:rotate(-14deg);line-height:1.15}.stamp strong{font-size:22px}.edition{position:absolute;right:25px;bottom:22px;font-size:10px;letter-spacing:2px}.ticker{background:var(--lime);padding:23px 0;display:flex;justify-content:space-around;white-space:nowrap;overflow:hidden;font-weight:700;font-size:16px;gap:35px;letter-spacing:1px}.ticker span{font-size:22px}.section{padding:80px 5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}h2{font-size:clamp(34px,4.1vw,58px);letter-spacing:-2.4px;line-height:1.08;margin:22px 0 0}.text-link{font-size:12px;padding-bottom:8px;border-bottom:1px solid}.catalog-controls{display:flex;justify-content:space-between;gap:20px;margin:38px 0 26px;align-items:center}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid #daddd0;border-radius:25px;padding:11px 19px;font-size:12px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}sup{font-size:8px;margin-left:4px}.search{display:flex;gap:10px;border-bottom:1px solid #bdc2b3;padding:10px}.search span{font-size:22px}.search input{background:none;border:0;outline:none;width:180px;font-size:12px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px}.product{min-width:0}.product-image{width:100%;border:0;position:relative;background:#eceee5;aspect-ratio:1/1.08;overflow:hidden;border-radius:5px;display:block}.product:nth-child(3n+2) .product-image{background:#e8e6df}.product:nth-child(3n) .product-image{background:#e4e8df}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.product-image:hover img{transform:scale(1.08) rotate(-3deg)}.product-tag{position:absolute;left:13px;top:13px;z-index:1;font-size:8px;letter-spacing:1px;background:var(--paper);padding:7px 9px;border-radius:3px}.product-plus{position:absolute;right:12px;bottom:12px;background:white;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:22px}.product-info{display:flex;justify-content:space-between;gap:5px;margin-top:15px;align-items:start}.product h3{font-size:15px;margin:0 0 6px;letter-spacing:-.3px}.product p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.price{font-size:14px;font-weight:700;white-space:nowrap}.price small{font-size:8px;display:block;text-align:right;font-weight:400;color:var(--muted);margin-top:5px}.price-note{font-size:11px;line-height:1.7;color:var(--muted);max-width:900px;margin:30px 0 0}.process{background:var(--ink);color:var(--paper)}.process .eyebrow{color:var(--lime)}.process-top{display:flex;justify-content:space-between;align-items:end}.process-top>p{max-width:320px;font-size:14px;line-height:1.8;color:#c4c8bb}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:55px}.steps article{border-top:1px solid #53584c;padding-top:24px}.steps span{color:var(--lime);font-size:13px}.steps h3{margin-top:30px;font-size:20px}.steps p{color:#c4c8bb;font-size:13px;line-height:1.8;max-width:300px}.epp{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#f2e7df}.epp p:not(.eyebrow){max-width:380px;font-size:14px;line-height:1.8;color:var(--muted)}.epp-type{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--lime);font-size:140px;font-weight:900;letter-spacing:-10px;line-height:.9;transform:rotate(-3deg);padding:35px}.epp-type span{font-size:43px;letter-spacing:-2px}.epp-type small{font-size:8px;letter-spacing:1px;margin-top:25px}.about-bottom{display:flex;gap:70px;align-items:center;margin-top:35px}.about-bottom p{max-width:580px;line-height:1.8;color:var(--muted);font-size:14px}.about-bottom div{white-space:nowrap}.about-bottom b{font-size:19px;display:block}.about-bottom span{display:block;font-size:11px;color:var(--muted);margin-top:10px}.contact{background:var(--lime)}.contact>a{font-size:clamp(35px,7vw,100px);font-weight:700;letter-spacing:-4px;display:flex;justify-content:space-between;border-bottom:1px solid #c44f32;padding:20px 0 40px}.contact>div{display:flex;justify-content:space-between;line-height:1.8;font-size:13px;margin-top:25px}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 5%;gap:20px}footer>span,footer>a:not(.brand),footer small{font-size:10px}dialog{border:0;border-radius:10px;width:min(780px,94vw);padding:40px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#151b12b8;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:10px;font-size:30px;border:0;background:none}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.detail-grid>img{width:100%;background:#e6e9dc;border-radius:6px}.detail-grid h2{font-size:32px}.detail-grid p{font-size:13px;line-height:1.8}.detail-grid label{display:block;font-size:12px;margin:20px 0}.detail-grid input{width:80px;padding:8px;margin-left:10px;border:1px solid #a6ad99;background:white;border-radius:4px}.detail-grid .button{gap:20px}#empty{padding:40px;text-align:center}@media(min-width:1500px){body{max-width:1800px;margin:auto}.hero{min-height:720px}}@media(max-width:900px){nav{gap:15px}.hero{min-height:560px}.hero-copy{padding-top:45px}h1{letter-spacing:-4px}.orbit{width:330px;height:330px;left:0}.hero-shirt{top:110px;width:125%;left:-35%}.hero-bag{width:75%;bottom:0}.hero-mug{width:75%;top:60px;right:-20%}.products{grid-template-columns:repeat(3,1fr)}.catalog-controls{align-items:start;flex-direction:column}.about-bottom{gap:25px;flex-wrap:wrap}.steps{gap:25px}.epp-type{font-size:100px}.section{padding:60px 5%}}@media(max-width:600px){.announcement{font-size:8px;letter-spacing:.7px}.announcement span{margin:0 9px}header{padding:21px 5%}.brand{font-size:24px}nav{display:none}.nav-cta{padding:10px 12px;font-size:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 6% 25px}h1{font-size:76px;margin:24px 0}.intro{max-width:300px}.hero-foot{margin-top:25px}.hero-art{height:400px}.hero-shirt{width:90%;left:-15%;top:25px}.hero-mug{width:55%;right:-4%;top:-20px}.hero-bag{width:48%;bottom:-70px}.orbit{left:17%;top:45px;width:310px;height:310px}.stamp{width:85px;height:85px;font-size:10px;bottom:25px}.art-label{top:18px;left:20px;font-size:8px}.section-heading{align-items:start;flex-direction:column}.products{grid-template-columns:repeat(2,1fr);gap:24px 12px}.filters{gap:6px}.filters button{padding:9px 12px;font-size:10px}.product h3{font-size:13px}.price{font-size:12px}.product-info{flex-direction:column;gap:8px}.price small{display:inline;margin-left:5px}.product-tag{font-size:7px;left:8px;top:8px}.process-top{display:block}.steps{grid-template-columns:1fr;gap:20px}.steps h3{margin-top:15px}.steps p{max-width:100%}.epp{grid-template-columns:1fr}.epp-type{margin:15px 10px;font-size:120px}.about-bottom{gap:30px}.contact>a{letter-spacing:-2px}.contact>div{display:block}.contact p{margin-top:25px}footer{flex-wrap:wrap}footer>span{display:none}.detail-grid{grid-template-columns:1fr;gap:10px}.detail-grid>img{max-height:220px;object-fit:contain}dialog{padding:30px 22px}.detail-grid h2{margin-top:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Creative motion direction */
::selection{background:var(--lime);color:var(--ink)}
.scroll-progress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;background:#eb6847;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}
header{position:sticky;top:0;z-index:20;background:#f8f7f2ed;backdrop-filter:blur(18px);transition:box-shadow .3s,padding .3s}header.scrolled{box-shadow:0 8px 25px #20231e0c;padding-top:17px;padding-bottom:17px}
nav a{position:relative;padding:9px 0}nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#d95334;transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after,nav a.current:after{transform:scaleX(1)}
.title-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}.title-line>span,.title-line>em{display:block;animation:title-in 1.05s cubic-bezier(.16,1,.3,1) both}.title-line:nth-child(2)>span{animation-delay:.13s}.title-line:nth-child(3)>em{animation-delay:.26s}
@keyframes title-in{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}
.campaign-art{background:#e6d8cc;min-height:650px}.campaign-image{width:100%;height:112%;position:absolute;top:-6%;left:0;object-fit:cover;transform:translate3d(0,var(--parallax,0px),0) scale(1.025);will-change:transform}.campaign-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#181f1110,transparent 40%,#181f1166);pointer-events:none}.campaign-art .art-label{z-index:2;background:#f8f7f2c9;padding:12px;backdrop-filter:blur(8px);border-radius:3px}.campaign-art .edition{color:white;z-index:2;bottom:40px}.image-caption{position:absolute;right:25px;bottom:20px;z-index:2;color:#fff;font-size:8px;letter-spacing:1px}.stamp{z-index:2;animation:stamp-drift 6s ease-in-out infinite;box-shadow:0 8px 30px #17220d20}
@keyframes stamp-drift{0%,100%{transform:translateY(0) rotate(-14deg)}50%{transform:translateY(-12px) rotate(-5deg)}}
.ticker{display:block;padding:23px 0}.ticker-track{display:flex;width:max-content;animation:marquee 32s linear infinite;gap:40px}.ticker-group{display:flex;gap:40px;align-items:center;flex-shrink:0}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}
.product-image{border:1px solid #20231e08;transition:box-shadow .4s,transform .4s}.product-image:hover{box-shadow:0 18px 35px #20231e18;transform:translateY(-5px)}.product-image:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff65 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s;pointer-events:none}.product-image:hover:after{transform:translateX(120%)}.product-plus{transition:background .3s,transform .3s}.product-image:hover .product-plus{background:var(--lime);transform:rotate(45deg)}
.button{position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{background:#3b482d;box-shadow:0 8px 25px #20231e20}.nav-cta{transition:background .3s,border-color .3s}.nav-cta:hover{background:var(--lime);border-color:var(--lime)}
.steps article{transition:border-color .4s}.steps article:hover{border-color:var(--lime)}.steps article>span{display:inline-block;transition:transform .3s}.steps article:hover>span{transform:translateX(10px)}
.epp{overflow:hidden}.epp-type{transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s}.epp-type:hover{transform:rotate(0) translateY(-5px);box-shadow:15px 15px 0 #20231e}.contact{position:relative;overflow:hidden}.contact>a>span{transition:transform .5s}.contact>a:hover>span{transform:translate(8px,-8px)}.contact>a{position:relative;z-index:1}.contact:before{content:'✳';position:absolute;right:3%;top:-100px;font-size:450px;color:#20231e06;pointer-events:none}
dialog[open]{animation:modal-in .3s ease-out}@keyframes modal-in{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:900px){.campaign-art{min-height:560px}}
@media(max-width:600px){.campaign-art{min-height:460px;height:460px}.campaign-image{object-position:center 55%}.campaign-art .stamp{bottom:30px}.campaign-art .edition{font-size:8px;right:15px}.image-caption{right:15px;font-size:7px}header.scrolled{padding-top:14px;padding-bottom:14px}.reveal{transform:translateY(22px)}html{scroll-padding-top:95px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.campaign-image{transform:none;will-change:auto}.ticker-track{width:auto;flex-wrap:wrap}.ticker-group{flex-wrap:wrap;justify-content:center;gap:15px}.ticker-group[aria-hidden]{display:none}}
/* MA.CROSS / identidad original */
.original-brand{display:block;width:160px;height:72px;background:#1b1b1b;overflow:hidden;border-radius:3px;flex-shrink:0}.original-brand img{display:block;width:215px;max-width:none;height:172px;object-fit:contain;transform:translate(-27px,-50px)}header{background:#1b1b1bf5;color:#fff;padding-top:15px;padding-bottom:15px}header.scrolled{padding-top:9px;padding-bottom:9px}.nav-cta{border-color:#666}header .nav-cta:hover{color:#1b1b1b}nav a:hover{color:var(--lime)}.announcement{background:#eb6847;color:#181818}.announcement span{color:#181818}.hero-copy{background:#f8f5f0}h1 em,h2 em{color:#d95334}.campaign-image{filter:none}.campaign-art .art-label{color:#20231e}.stamp{background:#eb6847}.contact{background:#eb6847}.contact:before{color:#20231e09}.ticker{background:#eb6847}.product:nth-child(n) .product-image{background:#eee9e2}.product:nth-child(3n+2) .product-image{background:#e8e5df}.product:nth-child(3n) .product-image{background:#e9e2de}.price-note{line-height:1.8}.process{background:#191919}.steps span,.process .eyebrow{color:#f18a6d}.steps article:hover{border-color:#eb6847}.button:hover{background:#ad3d25}.epp-type{background:#eb6847}.section-intro{max-width:330px;font-size:14px;line-height:1.8;color:var(--muted)}.techniques{background:#f0eae3}.tech-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:45px}.tech-tabs{display:flex;flex-direction:column}.tech-tabs button{padding:24px 8px;background:none;border:0;border-bottom:1px solid #c9beb4;text-align:left;display:flex;align-items:center;gap:24px;color:#6b635c;font-size:12px;transition:padding .3s,color .3s}.tech-tabs button span{flex:1;font-size:22px;letter-spacing:-.7px}.tech-tabs button[aria-selected=true]{color:#bd4328;padding-left:20px;border-bottom-color:#d95334}.tech-layout article{position:relative;background:#20201e;color:white;padding:45px;overflow:hidden;min-height:320px;border-radius:5px}.tech-layout article h3{font-size:35px;letter-spacing:-1px;position:relative;margin:25px 0 15px}.tech-layout article>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:360px;position:relative;color:#d5d0c9}.tech-layout article .eyebrow{color:#f18a6d;position:relative}.tech-layout .text-link{display:inline-block;margin-top:15px;position:relative}.tech-symbol{position:absolute;right:-25px;top:0;font-size:250px;line-height:1;color:#eb684728;transition:transform .6s}.tech-layout article:hover .tech-symbol{transform:rotate(30deg)}.lookbook{background:#20201e;color:#fff}.lookbook .section-intro{color:#bdb8b0}.look-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.look-grid figure{margin:0;min-width:0}.look-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;transition:filter .5s;filter:saturate(.8)}.look-grid figure:hover img{filter:saturate(1.15)}.look-grid figcaption{font-size:9px;letter-spacing:1.3px;color:#c6c0b7;margin-top:17px}.quote-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#f2e7df}.quote-section .section-intro{max-width:380px}.quote-brand{margin-top:30px;width:220px;background:#20201e;border-radius:5px;overflow:hidden;height:145px}.quote-brand img{width:250px;transform:translate(-15px,-35px)}#quote-form{background:#fffaf5;padding:35px;border:1px solid #e0d2c7;border-radius:7px}#quote-form label{display:flex;flex-direction:column;gap:10px;font-size:12px;margin-bottom:22px;font-weight:700}#quote-form input,#quote-form select,#quote-form textarea{width:100%;min-width:0;border:1px solid #d3c9bf;background:transparent;border-radius:3px;padding:13px;font:inherit;font-weight:400;color:var(--ink)}#quote-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:15px}.estimate{border-block:1px solid #d3c9bf;padding:20px 0;display:flex;justify-content:space-between;gap:15px;align-items:center}.estimate>span{font-size:12px;line-height:1.7}.estimate small{font-size:9px;color:var(--muted)}.estimate strong{font-size:24px;letter-spacing:-1px;white-space:nowrap}#quote-form .price-note{font-size:10px;margin-top:15px}#quote-form .button{width:100%;border:0;justify-content:space-between}.form-help{font-size:10px;color:var(--muted);line-height:1.7}#quote-ready{font-size:11px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.faq details{border-bottom:1px solid #d7d0c6;padding:23px 0}.faq summary{display:flex;justify-content:space-between;gap:25px;list-style:none;cursor:pointer;font-weight:700;font-size:15px;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-weight:400;font-size:25px;color:#d95334;transition:transform .3s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;line-height:1.9;color:var(--muted);padding-right:25px;margin-bottom:0}footer{background:#191919;color:white}footer .original-brand{width:135px}.floating-contact{position:fixed;right:25px;bottom:25px;background:#20201e;color:white;padding:10px 20px 10px 10px;border:1px solid #ffffff30;box-shadow:0 8px 30px #0003;border-radius:40px;z-index:18;font-size:12px;display:flex;align-items:center;gap:12px;transition:transform .3s}.floating-contact span{width:33px;height:33px;border-radius:50%;background:#eb6847;color:#181818;display:grid;place-items:center;font-size:20px}.floating-contact:hover{transform:translateY(-4px)}nav a:after{background:#eb6847}.scroll-progress{background:#eb6847}html{scroll-padding-top:110px}
@media(max-width:900px){.tech-layout{gap:25px}.quote-section{gap:30px}.look-grid{grid-template-columns:repeat(2,1fr);gap:25px}.faq{gap:35px}.original-brand{width:135px}header nav{gap:15px;font-size:11px}.estimate strong{font-size:20px}}
@media(max-width:600px){header{padding-block:10px}.original-brand{width:125px;height:58px}.original-brand img{width:185px;height:148px;transform:translate(-30px,-44px)}header.scrolled{padding-block:7px}.tech-layout,.quote-section,.faq{grid-template-columns:1fr;gap:25px}.tech-layout article{padding:28px}.tech-tabs button{padding:20px 5px}.tech-tabs button span{font-size:19px}.look-grid{gap:25px 12px}.look-grid figcaption{font-size:8px;line-height:1.7}#quote-form{padding:23px}.estimate{align-items:start;flex-direction:column;gap:8px}.quote-brand{display:none}.faq details{padding:20px 0}.faq summary{font-size:14px}.floating-contact{right:14px;bottom:14px;padding:7px 14px 7px 7px;font-size:11px}.floating-contact span{width:27px;height:27px}footer{padding-bottom:95px}.form-row{grid-template-columns:1.5fr 1fr}.section-intro{max-width:100%}}
/* Final interaction and accessibility pass */
.campaign-image{filter:none}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-150%);background:#fff;color:#171717;padding:15px;z-index:110}.skip-link:focus{transform:none}.menu-toggle{display:none}.catalog-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 20px;font-size:11px;color:#69645e}.catalog-meta label{display:flex;align-items:center;gap:10px}.catalog-meta select{background:transparent;border:1px solid #ccc2b7;padding:9px;border-radius:3px;color:var(--ink)}.basket-launch{position:fixed;left:25px;bottom:25px;z-index:18;background:#fffaf5;color:#20201e;border:1px solid #d1b9a7;border-radius:30px;padding:14px 19px;box-shadow:0 5px 20px #0001;font-size:12px}.basket-launch span{display:inline-grid;place-items:center;background:#eb6847;color:#171717;min-width:23px;height:23px;border-radius:50%;margin-left:10px;font-weight:bold}.basket-intro{font-size:13px;line-height:1.8;color:var(--muted)}#basket{width:min(850px,94vw);max-height:90dvh;overflow:auto}#basket h2{font-size:38px}.basket-line{display:grid;grid-template-columns:65px 1fr 85px 55px;gap:18px;align-items:center;border-bottom:1px solid #ddd2c7;padding:20px 0}.basket-line img{width:65px;height:75px;object-fit:contain;background:#eee7df;border-radius:3px}.basket-line h3{font-size:13px;margin:0 0 8px}.basket-line p{font-size:11px;margin:0}.basket-line label{font-size:10px;display:flex;flex-direction:column;gap:6px}.basket-line input{width:80px;padding:9px;border:1px solid #bfb1a5;border-radius:3px;background:white}.basket-line button{border:0;background:none;color:#a32e16;text-decoration:underline;font-size:11px;min-height:44px}.basket-total{font-size:20px;font-weight:700;line-height:1.6}.basket-note{display:flex;flex-direction:column;gap:10px;margin-top:25px;font-size:12px}.basket-note textarea{padding:13px;font:inherit;border:1px solid #bfb1a5;resize:vertical;border-radius:4px;background:white}.basket-empty{padding:35px 0;font-size:14px;line-height:1.8}#toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,20px);opacity:0;background:#20201e;color:#fff;padding:15px 23px;border:1px solid #ffffff30;border-radius:6px;z-index:120;font-size:12px;pointer-events:none;transition:opacity .25s,transform .25s;max-width:90vw;box-shadow:0 10px 30px #0003}#toast.show{transform:translate(-50%,0);opacity:1}.detail-grid select{padding:10px;width:130px;background:white;border:1px solid #bfb1a5;border-radius:3px;margin-left:10px}.detail-grid .direct-quote{display:inline-block;margin-top:20px;font-size:11px}.detail-grid .button{border:0;gap:15px;font-size:12px}.size-guide{font-size:11px;margin:15px 0}.size-guide summary{cursor:pointer;color:#aa3e26;text-decoration:underline;padding:8px 0}.size-guide table{border-collapse:collapse;width:100%;margin-top:12px}.size-guide caption{text-align:left;font-size:10px;padding-bottom:10px}.size-guide td,.size-guide th{padding:8px;text-align:left;border-bottom:1px solid #d8cfc5}dialog{max-height:90dvh;overflow:auto}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}button,input,select,textarea{font-family:inherit}select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d95334;outline-offset:4px}.button,.filters button,.close{min-height:44px}
@media(max-width:600px){header{gap:10px;flex-wrap:wrap}.menu-toggle{display:block;background:none;border:1px solid #666;color:white;font-size:21px;padding:6px 11px;order:2;border-radius:3px;min-height:44px}header .nav-cta{margin-left:auto;font-size:9px;padding:10px;min-height:44px;display:flex;align-items:center}#main-nav{display:none;order:3;width:100%;flex-direction:column;gap:0;border-top:1px solid #555;padding-top:10px}#main-nav.open{display:flex}#main-nav a{padding:14px 5px;font-size:13px}.basket-launch{left:12px;bottom:14px;padding:9px 12px;font-size:11px}.basket-launch span{margin-left:5px}.floating-contact{font-size:10px;gap:7px;padding-right:10px}.catalog-meta{align-items:start;font-size:10px}.catalog-meta label{gap:5px}.catalog-meta select{max-width:145px;font-size:10px}.basket-line{grid-template-columns:45px 1fr 65px;gap:12px}.basket-line img{width:45px;height:55px}.basket-line input{width:65px}.basket-line button{grid-column:2/4;text-align:left;padding:0;min-height:30px}.basket-total{font-size:17px}#basket .button{font-size:11px;padding:16px}#basket h2{font-size:30px}.detail-grid .button{width:100%;justify-content:center}.original-brand{width:112px}.original-brand img{transform:translate(-36px,-44px)}.contact>div{padding-bottom:20px}}
/* Original creative lab: distinct scenes, depth and quiet motion */
.look-grid{gap:22px;align-items:start}.look-grid .design-card:nth-child(even){margin-top:55px}.design-frame{position:relative;overflow:hidden;border-radius:5px;isolation:isolate;background:#292521;aspect-ratio:4/5}.look-grid .design-frame img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;filter:none;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .6s}.design-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0001 35%,#0009);opacity:.4;transition:opacity .5s;pointer-events:none}.design-card:hover .design-frame img,.design-card:focus-within .design-frame img{transform:scale(1.07);filter:saturate(1.08)}.design-card:hover .design-frame:after,.design-card:focus-within .design-frame:after{opacity:1}.design-number{position:absolute;top:15px;left:17px;z-index:1;color:white;border:1px solid #ffffff70;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:10px;backdrop-filter:blur(8px)}.design-cta{position:absolute;bottom:18px;left:18px;right:18px;z-index:1;display:flex;justify-content:center;padding:15px 8px;border:1px solid #ffffff80;background:#19191965;backdrop-filter:blur(10px);color:white;font-size:11px;border-radius:3px;transform:translateY(8px);transition:background .4s,transform .4s}.design-card:hover .design-cta,.design-card:focus-within .design-cta{transform:translateY(0);background:#d95334}.look-grid .design-card figcaption{line-height:1.7;letter-spacing:1px;color:#d7c8bc}.design-card:nth-child(1){--delay:0ms}.design-card:nth-child(2){--delay:90ms}.design-card:nth-child(3){--delay:180ms}.design-card:nth-child(4){--delay:270ms}@media(max-width:900px){.look-grid .design-card:nth-child(even){margin-top:30px}.design-cta{font-size:10px;left:10px;right:10px;bottom:12px}}@media(max-width:600px){.look-grid{gap:20px 12px}.look-grid .design-card:nth-child(even){margin-top:25px}.design-number{top:10px;left:10px;width:27px;height:27px;font-size:9px}.design-cta{font-size:9px;padding:12px 5px;backdrop-filter:blur(4px)}.look-grid .design-card figcaption{font-size:8px}}@media(prefers-reduced-motion:reduce){.design-card:hover .design-frame img,.design-card:focus-within .design-frame img{transform:none}.design-cta{transform:none}}
/* Three original visual stories for the creation process */
.steps{gap:28px;align-items:start}.steps article{padding-top:0;border-top:0}.step-visual{position:relative;overflow:hidden;aspect-ratio:3/2;border-radius:5px;background:#292725;margin-bottom:25px;isolation:isolate}.step-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .6s}.step-visual:after{content:'';position:absolute;inset:0;border:1px solid #ffffff10;border-radius:5px;background:linear-gradient(180deg,transparent 65%,#0004);pointer-events:none}.steps article:hover .step-visual img{transform:scale(1.055);filter:saturate(1.08)}.step-badge{position:absolute;bottom:15px;left:15px;width:37px;height:37px;background:#eb6847;color:#191919!important;display:grid!important;place-items:center;border-radius:50%;font-size:11px;font-weight:700;z-index:1}.steps article>span{display:block;border-top:1px solid #5b4a41;padding-top:18px}.steps h3{margin-top:22px}.steps p{max-width:390px}.process-disclosure{font-size:10px;color:#a9a097;margin-top:32px;line-height:1.7;letter-spacing:.2px}.steps article:hover>span{transform:none;border-color:#eb6847}@media(max-width:900px){.steps{gap:20px}.step-visual{aspect-ratio:4/3}.step-badge{width:30px;height:30px;bottom:12px;left:12px}.steps h3{font-size:18px}}@media(max-width:600px){.steps{gap:35px}.step-visual{aspect-ratio:3/2;margin-bottom:20px}.steps h3{margin-top:18px;font-size:22px}.steps p{max-width:100%;font-size:13px}.process-disclosure{margin-top:25px;font-size:9px}}@media(prefers-reduced-motion:reduce){.steps article:hover .step-visual img{transform:none}}
/* Interactive product studio */
#customizer{width:min(1180px,96vw);padding:32px;max-height:94dvh}#customizer h2{font-size:30px;margin:12px 0 25px;letter-spacing:-1px}.design-editor{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);gap:30px}.design-stage{position:relative;align-self:start;background:#f1eae1;border:1px solid #ded3c8;border-radius:8px;overflow:hidden;position:sticky;top:0}.design-stage canvas{width:100%;height:auto;display:block;cursor:grab}.design-stage canvas:active{cursor:grabbing}.design-stage>p{font-size:11px;padding:0 20px 15px;line-height:1.7;color:#6e6258;text-align:center}.mockup-tag{position:absolute;top:17px;left:17px;font-size:8px;letter-spacing:1.5px;color:#716157;background:#fff9;padding:8px;border-radius:3px}.design-controls fieldset{border:0;border-bottom:1px solid #d7cabc;padding:5px 0 20px;margin:0 0 20px}.design-controls legend{font-size:10px;font-weight:bold;letter-spacing:1px;margin-bottom:15px}.color-picker{display:grid;grid-template-columns:155px 1fr;gap:20px;align-items:center}#color-wheel{width:155px;height:155px;touch-action:none;cursor:crosshair}.design-controls label{display:block;font-size:11px;margin:10px 0;line-height:1.6}.design-controls input[type=color]{display:block;width:100%;height:38px;padding:3px;border:1px solid #c8b7a7;border-radius:4px;background:white;cursor:pointer}.design-controls input[type=text],#design-hex{display:block;width:100%;padding:9px;border:1px solid #c8b7a7;border-radius:4px;background:white;font-size:12px}.design-controls input[type=range]{width:100%;accent-color:#d95334;display:block;min-height:28px}.quick-colors{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.quick-colors button{width:30px;height:30px;border:1px solid #6d594b55;border-radius:50%;box-shadow:0 0 0 3px #fff6;transition:transform .2s}.quick-colors button:hover{transform:scale(1.15)}.upload-logo{border:1px dashed #b6a08e;padding:13px;border-radius:5px;background:#efe7dd;font-weight:bold}.upload-logo input{display:block;max-width:100%;font-size:11px;margin-top:10px}.control-help{font-size:10px!important;line-height:1.8!important;color:#75665b!important;margin:12px 0}.logo-actions{display:flex;gap:10px;flex-wrap:wrap}.logo-actions button,.design-bottom>button:not(.button){padding:11px 13px;border:1px solid #c8b7a7;border-radius:4px;background:#fffaf5;color:#493b31;font-size:11px;min-height:44px}.design-controls button:disabled{opacity:.4;cursor:default}.design-controls output{float:right;font-size:10px;color:#a43c25}#design-status{font-size:11px;line-height:1.7;color:#a43c25}.design-bottom{display:flex;flex-wrap:wrap;gap:10px}.design-bottom .button{border:0;margin:0;font-size:11px;gap:10px;padding:14px}.customize-trigger{width:100%;border:1px solid #d95334!important;background:#f3e0d5!important;color:#9e321d!important;justify-content:center;font-size:12px;gap:10px;padding:14px!important}.basket-line h3{line-height:1.7;overflow-wrap:anywhere}#logo-transform:disabled{opacity:.5}#customizer input:focus-visible{outline:2px solid #d95334;outline-offset:3px}@media(max-width:750px){#customizer{padding:25px 17px}.design-editor{grid-template-columns:1fr;gap:22px}.design-stage{position:relative;max-width:500px;width:100%;margin:auto}.design-stage canvas{height:auto}.design-stage>p{font-size:10px;margin:0;padding-bottom:12px}.color-picker{grid-template-columns:150px 1fr}.design-controls fieldset{padding-bottom:16px}#customizer h2{font-size:24px;max-width:90%}.mockup-tag{font-size:7px;top:10px;left:10px}.quick-colors{gap:13px}.quick-colors button{width:32px;height:32px}}
.personalized-preview{object-fit:contain!important;background:#f1eae1!important;border:1px solid #dacbbc}.share-fallback{padding:16px;background:#f1e4d9;border:1px solid #d2b7a2;border-radius:5px;margin:16px 0}.share-fallback p{font-size:11px;line-height:1.8;margin-top:0}.share-fallback>.text-link{display:block;margin:12px 0;width:fit-content;font-size:11px;overflow-wrap:anywhere}.share-fallback .button{font-size:11px;gap:10px;margin-top:10px}
