img{height:auto} :root{--ink:#141611;--muted:#62665e;--paper:#f4f1e8;--card:#fbfaf6;--line:#d8d4c8;--acid:#caff3d;--forest:#253127;--sand:#ded5c7;--white:#fff;--max:1440px} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 56px),var(--max));margin:auto}.top-strip{background:#111;color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.top-strip .container{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 0}.top-strip span{text-align:center;border-right:1px solid #3a3a3a}.top-strip span:last-child{border:0}.site-header{position:sticky;top:0;z-index:50;background:rgba(244,241,232,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-row{height:82px;display:flex;align-items:center;gap:32px}.logo{font-weight:900;font-size:22px;letter-spacing:-.04em;white-space:nowrap}.logo small{display:block;font-size:9px;letter-spacing:.18em;font-weight:700;margin-top:-3px}.nav{display:flex;gap:21px;align-items:center;flex:1}.nav a{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.nav a.primary-nav{border-bottom:2px solid var(--ink);padding-bottom:3px}.nav a:hover{opacity:.55}.header-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--ink);background:transparent;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-dark{background:var(--ink);color:#fff}.btn-acid{background:var(--acid);border-color:var(--acid);color:#10120f}.btn-light{border-color:#fff;color:#fff}.menu-toggle{display:none;border:0;background:none;font-size:26px}.hero{min-height:calc(100vh - 124px);position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#111}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.47) 48%,rgba(0,0,0,.14) 100%)}.hero-content{position:relative;z-index:2;padding:84px 0 72px;max-width:940px}.eyebrow{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.18em;margin-bottom:16px}.hero h1,.page-hero h1{font-size:clamp(48px,7vw,104px);line-height:.92;letter-spacing:-.055em;margin:0 0 24px;text-transform:uppercase;max-width:1100px}.hero p{font-size:20px;max-width:760px;color:#f0f0eb;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.4)}.hero-proof div{padding:20px 0;border-right:1px solid rgba(255,255,255,.25)}.hero-proof div:last-child{border:0}.hero-proof strong{display:block;font-size:18px}.hero-proof span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.section{padding:110px 0}.section-tight{padding:72px 0}.section-dark{background:var(--ink);color:#fff}.section-forest{background:var(--forest);color:#fff}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-head h2{font-size:clamp(38px,5vw,76px);line-height:.98;letter-spacing:-.045em;margin:0;text-transform:uppercase}.section-head p{max-width:560px;color:var(--muted);margin:0}.section-dark .section-head p,.section-forest .section-head p{color:#c9cdc6}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-grid.three{grid-template-columns:repeat(3,1fr)}.product-card{background:var(--card);border:1px solid var(--line);overflow:hidden}.product-card .visual{aspect-ratio:4/5;background:#e8e5dc;overflow:hidden}.product-card img{width:100%;height:100%;object-fit:cover;transition:.45s}.product-card:hover img{transform:scale(1.025)}.product-card .info{padding:20px}.product-card .tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800}.product-card h3{margin:7px 0 10px;font-size:22px;line-height:1.05}.product-card ul{margin:0;padding:0;list-style:none;font-size:13px;color:var(--muted)}.product-card li{padding:5px 0;border-bottom:1px solid #e5e1d9}.product-card .link{display:inline-block;margin-top:16px;font-size:12px;font-weight:900;text-transform:uppercase;border-bottom:1px solid}.secondary-line{background:#e7e0d2;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1.08fr .92fr;min-height:680px}.split.reverse{grid-template-columns:.92fr 1.08fr}.split .media{min-height:620px;background-size:cover;background-position:center}.split .copy{padding:8vw 7vw;display:flex;flex-direction:column;justify-content:center;background:var(--card)}.split.dark .copy{background:#121410;color:#fff}.split .copy h2{font-size:clamp(42px,5vw,78px);line-height:.96;letter-spacing:-.045em;text-transform:uppercase;margin:0 0 20px}.split .copy p{font-size:18px;color:var(--muted);max-width:600px}.split.dark .copy p{color:#c4c7c0}.clean-list{list-style:none;padding:0;margin:22px 0 28px}.clean-list li{padding:12px 0;border-top:1px solid var(--line);font-weight:700}.dark .clean-list li{border-color:#343731}.process-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #42443f;border-left:1px solid #42443f}.process-step{padding:28px 20px;min-height:225px;border-right:1px solid #42443f;border-bottom:1px solid #42443f}.process-step .n{font-size:12px;color:var(--acid);font-weight:900}.process-step h3{font-size:18px;line-height:1.1;margin:44px 0 10px}.process-step p{font-size:13px;color:#bfc1bc}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.stat{padding:34px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font-size:44px;line-height:1;display:block}.stat span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{background:var(--card);border:1px solid var(--line);padding:30px;min-height:240px}.feature .num{font-size:11px;font-weight:900;color:var(--muted)}.feature h3{font-size:25px;line-height:1.1;margin:45px 0 12px}.feature p{color:var(--muted);margin:0}.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;background:none;border:0;text-align:left;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-weight:800;font-size:18px;cursor:pointer}.faq-a{display:none;padding:0 0 24px;max-width:880px;color:var(--muted)}.faq-item.open .faq-a{display:block}.cta-band{background:var(--acid);padding:68px 0}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:clamp(38px,5vw,72px);line-height:.95;text-transform:uppercase;letter-spacing:-.04em;margin:0}.site-footer{background:#10120f;color:#fff;padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:50px}.footer-grid h4{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#aaa}.footer-grid a{display:block;margin:10px 0;color:#e4e4de;font-size:14px}.footer-note{border-top:1px solid #2c2f2a;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;color:#8f928c;font-size:12px}.page-hero{background:#ddd6c8;padding:100px 0 70px;border-bottom:1px solid var(--line)}.page-hero p{font-size:20px;color:#5f615b;max-width:790px}.breadcrumb{font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:30px;color:#6a6d65}.collection-tools{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:28px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);padding:9px 13px;background:var(--card);font-size:11px;font-weight:800;text-transform:uppercase;cursor:pointer}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.product-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:start}.gallery-main{aspect-ratio:4/5;background:#e8e4db;overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:cover}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.thumb{aspect-ratio:1/1;background:#e8e4db;border:0;padding:0;overflow:hidden;cursor:pointer}.thumb img{width:100%;height:100%;object-fit:cover}.detail-panel{position:sticky;top:112px}.detail-panel h1{font-size:clamp(42px,4.8vw,74px);line-height:.95;letter-spacing:-.045em;text-transform:uppercase;margin:0 0 18px}.detail-panel .lead{font-size:18px;color:var(--muted)}.specs{margin:28px 0;border-top:1px solid var(--line)}.spec-row{display:grid;grid-template-columns:150px 1fr;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.spec-row b{text-transform:uppercase;font-size:11px;letter-spacing:.08em}.notice{padding:18px;background:#e7e2d6;margin:20px 0;font-size:13px}.content-narrow{max-width:900px}.content-narrow h2{font-size:42px;line-height:1;margin-top:60px}.content-narrow p,.content-narrow li{color:var(--muted)}.table-wrap{overflow:auto}.spec-table{width:100%;border-collapse:collapse;background:var(--card)}.spec-table th,.spec-table td{padding:14px 16px;border:1px solid var(--line);text-align:left;font-size:14px}.spec-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;padding:14px;min-height:48px}.field textarea{min-height:140px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact-card{background:var(--forest);color:#fff;padding:38px}.contact-card h2{font-size:42px;line-height:1;margin-top:0}.contact-card p{color:#c6ccc5}.quote-form{background:var(--card);padding:38px;border:1px solid var(--line)}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.pill{padding:8px 12px;border:1px solid var(--line);font-size:12px;background:#fff}.image-banner{min-height:520px;background-position:center;background-size:cover;position:relative}.image-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.70),rgba(0,0,0,.08))}.image-banner .container{position:relative;z-index:2;color:#fff;padding-top:190px}.image-banner h2{font-size:clamp(44px,6vw,86px);line-height:.95;max-width:940px;text-transform:uppercase;letter-spacing:-.04em;margin:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:56px}.sidebar{position:sticky;top:110px;align-self:start}.sidebar a{display:block;border-top:1px solid var(--line);padding:13px 0;font-size:13px;font-weight:800}.article h1{font-size:clamp(48px,6vw,90px);line-height:.95;letter-spacing:-.045em;text-transform:uppercase}.article h2{font-size:36px;margin-top:55px}.article p,.article li{font-size:17px;color:var(--muted)}.article img{width:100%;max-height:620px;object-fit:cover;margin:30px 0}.priority-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;background:#fff}.priority-badge:before{content:"";width:7px;height:7px;background:var(--acid);border-radius:50%}.category-ratio{display:grid;grid-template-columns:3fr 1fr;border:1px solid var(--line);margin-top:34px}.category-ratio div{padding:18px 22px}.category-ratio div+div{border-left:1px solid var(--line)}.category-ratio strong{font-size:28px;display:block}.category-ratio span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)} .image-banner-art{min-height:auto;background:none;padding:36px 0 12px} .image-banner-art:after{display:none} .image-banner-art .container{padding-top:0;color:inherit} .image-banner-art .image-zoom-trigger{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in} .image-banner-art img{width:100%;height:auto;border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.08)} .image-zoom-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:36px;background:rgba(10,10,10,.84);opacity:0;pointer-events:none;transition:.22s;z-index:120} .image-zoom-modal.open{opacity:1;pointer-events:auto} .image-zoom-modal img{max-width:min(1400px,92vw);max-height:88vh;width:auto;height:auto;box-shadow:0 30px 80px rgba(0,0,0,.35)} .zoom-close{position:absolute;top:20px;right:24px;width:44px;height:44px;border:0;border-radius:999px;background:#fff;color:#111;font-size:28px;line-height:1;cursor:pointer} @media(max-width:680px){.image-banner-art{padding:22px 0 8px}.image-zoom-modal{padding:16px}.zoom-close{top:12px;right:12px}} .mobile-cta{display:none} @media(max-width:1080px){.nav{display:none}.menu-toggle{display:block;margin-left:auto}.header-actions .btn{display:none}.product-grid,.product-grid.three{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}.split,.split.reverse{grid-template-columns:1fr}.split.reverse .media{order:0}.split.reverse .copy{order:1}.footer-grid{grid-template-columns:1fr 1fr}.product-detail,.contact-grid,.two-col{grid-template-columns:1fr}.detail-panel,.sidebar{position:static}.hero-proof{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}} @media(max-width:680px){.container{width:min(calc(100% - 32px),var(--max))}.top-strip .container{grid-template-columns:1fr 1fr;row-gap:8px}.top-strip span:nth-child(2){border-right:0}.header-row{height:70px}.logo{font-size:19px}.hero{min-height:720px}.hero h1,.page-hero h1{font-size:48px}.hero-content{padding:70px 0 45px}.hero p{font-size:17px}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof div{padding:14px 6px}.section{padding:72px 0}.section-head{display:block}.section-head p{margin-top:18px}.product-grid,.product-grid.three,.grid-3,.grid-4,.stats{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.split .media{min-height:420px}.split .copy{padding:64px 28px}.footer-grid{grid-template-columns:1fr}.footer-note,.cta-band .container{display:block}.cta-band .btn{margin-top:22px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.collection-tools{display:block}.filter-chips{margin-bottom:14px}.category-ratio{grid-template-columns:1fr}.category-ratio div+div{border-left:0;border-top:1px solid var(--line)}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--acid);height:56px;align-items:center;justify-content:center;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.site-footer{padding-bottom:80px}} .wox-site-header{overflow:visible}.wox-header-row{position:relative;gap:28px}.mega-nav{align-self:stretch;gap:0;justify-content:flex-end}.mega-nav>.mega-item,.mega-nav>.nav-direct{height:100%;display:flex;align-items:center}.mega-nav .mega-trigger,.mega-nav>.nav-direct{height:100%;display:flex;align-items:center;padding:0 13px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}.mega-nav .mega-trigger span{font-size:10px;margin-left:6px;transition:.2s}.mega-nav>.nav-direct:hover,.mega-nav .mega-trigger:hover{opacity:.62}.mega-item{position:static}.mega-panel{position:absolute;left:0;right:0;top:100%;display:none;background:#f8f6f0;border:1px solid var(--line);border-top:0;box-shadow:0 28px 65px rgba(20,22,17,.12);padding:28px 30px 32px;z-index:100}.mega-item:hover>.mega-panel,.mega-item:focus-within>.mega-panel{display:block}.mega-item:hover>.mega-trigger span{transform:rotate(180deg)}.mega-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:34px;align-items:stretch}.mega-col{padding:4px 0}.mega-label{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#858980;font-weight:900;margin-bottom:14px}.mega-col a{display:block;padding:6px 0!important;height:auto!important;font-size:13px!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important}.mega-col a:hover{text-decoration:underline;opacity:1!important}.mega-col .mega-strong{font-size:20px!important;line-height:1.1;margin-bottom:8px}.mega-feature{background:#e4dfd5;min-height:190px;padding:26px!important;display:flex!important;height:auto!important;flex-direction:column;justify-content:flex-end;align-items:flex-start!important;text-transform:none!important;letter-spacing:0!important}.mega-feature.dark{background:#20271f;color:#fff}.mega-feature.print{background:#dfe4e7}.mega-feature span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;font-weight:900;opacity:.65}.mega-feature strong{font-size:27px;line-height:1.02;margin:10px 0 8px;letter-spacing:-.035em}.mega-feature small{font-size:12px;line-height:1.45;max-width:320px}.wox-top{position:relative;z-index:55}.home-wox .site-header{background:rgba(243,241,236,.96)} @media(min-width:1081px){.wox-header-row>.logo{margin-right:auto}.mega-nav{flex:0 1 auto}.menu-toggle{display:none!important}} @media(max-width:1080px){.wox-header-row{height:74px}.mega-nav{display:none;position:absolute!important;left:0!important;right:0!important;top:74px!important;background:#f4f1e8!important;padding:8px 18px 24px!important;flex-direction:column!important;align-items:stretch!important;border-bottom:1px solid var(--line);max-height:calc(100vh - 110px);overflow:auto;box-shadow:0 24px 50px rgba(20,22,17,.14)}.mega-nav[data-open="1"]{display:flex!important}.mega-nav>.mega-item,.mega-nav>.nav-direct{height:auto;display:block;border-bottom:1px solid var(--line)}.mega-nav .mega-trigger,.mega-nav>.nav-direct{height:auto!important;min-height:50px;padding:0!important;justify-content:space-between!important;width:100%;font-size:12px!important}.mega-panel{position:static;box-shadow:none;border:0;background:#ebe7dd;padding:18px;margin:0 -4px 12px;display:none}.mega-item.mobile-open>.mega-panel{display:block}.mega-item:hover>.mega-panel{display:none}.mega-item.mobile-open:hover>.mega-panel{display:block}.mega-item.mobile-open>.mega-trigger span{transform:rotate(180deg)}.mega-grid{grid-template-columns:1fr 1fr}.mega-feature{grid-column:1/-1;min-height:150px}.menu-toggle{display:block!important;margin-left:auto}} @media(max-width:680px){.wox-header-row{height:68px}.mega-nav{top:68px!important}.mega-grid{grid-template-columns:1fr}.mega-feature{grid-column:auto}.mega-col .mega-strong{font-size:18px!important}.mega-feature strong{font-size:23px}.wox-top .container{grid-template-columns:1fr 1fr}} .techpack-responsive-section{padding:28px 0 0} .techpack-responsive-section .container{display:block} .techpack-shell{background:#fbfaf7;border:1px solid var(--line);padding:38px 38px 34px;box-shadow:0 22px 55px rgba(0,0,0,.05)} .techpack-shell-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:42px;align-items:center;margin-bottom:26px} .techpack-shell-title .eyebrow{margin-bottom:18px;color:#7e8078} .techpack-shell-title h2{font-size:clamp(52px,5.8vw,92px);line-height:.92;letter-spacing:-.05em;text-transform:uppercase;margin:0;max-width:780px} .techpack-shell-copy{border-left:1px solid var(--line);padding-left:42px} .techpack-shell-copy p{margin:0;max-width:620px;font-size:clamp(18px,1.65vw,24px);line-height:1.48;color:#50524c} .techpack-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .techpack-step-card{background:#fff;border:1px solid var(--line);padding:24px 30px 28px;min-height:208px;display:flex;flex-direction:column;justify-content:flex-start;transition:transform .2s ease,box-shadow .2s ease} .techpack-step-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.06)} .techpack-step-meta{display:flex;align-items:center;gap:14px;margin-bottom:28px} .techpack-step-no{font-size:13px;font-weight:900;letter-spacing:.02em;color:#5f625b} .techpack-step-rule{width:44px;height:1px;background:#bdb8ad;display:block} .techpack-step-card h3{margin:0 0 10px;font-size:clamp(28px,2.2vw,40px);line-height:1.03;letter-spacing:-.03em} .techpack-step-card p{margin:0;color:#5d6058;font-size:15px;line-height:1.55;max-width:35ch} .techpack-cta-strip{background:var(--acid);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 38px 36px;border:1px solid rgba(0,0,0,.08);border-top:0} .techpack-cta-strip h3{margin:0;max-width:860px;font-size:clamp(34px,4.6vw,68px);line-height:.96;letter-spacing:-.045em;text-transform:uppercase} .techpack-cta-strip .btn{min-height:58px;padding:0 28px;white-space:nowrap;flex-shrink:0} @media (max-width:980px){.techpack-shell{padding:32px 28px 28px}.techpack-shell-head{grid-template-columns:1fr;gap:20px}.techpack-shell-copy{border-left:0;padding-left:0;padding-top:6px}.techpack-step-grid{grid-template-columns:1fr}.techpack-step-card{min-height:auto}.techpack-cta-strip{padding:28px}.techpack-cta-strip .btn{width:100%}} @media (max-width:680px){.techpack-responsive-section{padding:18px 0 0}.techpack-shell{padding:24px 18px 22px}.techpack-shell-title h2{font-size:40px}.techpack-shell-copy p{font-size:17px}.techpack-step-card{padding:20px 18px 22px}.techpack-step-card h3{font-size:30px}.techpack-cta-strip{display:block;padding:22px 18px 24px}.techpack-cta-strip .btn{margin-top:16px;width:100%}.techpack-cta-strip h3{font-size:34px}} .pkg-hero{background:#e7e1d6;border-bottom:1px solid var(--line);padding:78px 0 86px} .pkg-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:74px;align-items:end} .pkg-hero-copy .breadcrumb{margin-bottom:34px} .pkg-hero-copy .eyebrow{margin-bottom:18px} .pkg-hero-copy h1{margin:0;font-size:clamp(64px,7.8vw,118px);line-height:.86;letter-spacing:-.065em;text-transform:uppercase;max-width:900px} .pkg-hero-copy>p{max-width:760px;margin:30px 0 32px;font-size:19px;line-height:1.62;color:#565a52} .pkg-hero-actions{display:flex;gap:10px;flex-wrap:wrap} .pkg-hero-panel{background:#151713;color:#fff;border:1px solid #2f332c;padding:28px 30px 30px} .pkg-panel-label{font-size:10px;font-weight:900;letter-spacing:.18em;color:#aeb3aa;margin-bottom:16px} .pkg-scope-list>div{display:grid;grid-template-columns:42px 150px 1fr;gap:14px;align-items:start;padding:18px 0;border-top:1px solid #373a34} .pkg-scope-list>div:first-child{border-top:0} .pkg-scope-list span{font-size:11px;color:#858a82} .pkg-scope-list strong{font-size:16px;line-height:1.15} .pkg-scope-list small{font-size:12px;line-height:1.55;color:#b8bdb5} .pkg-intro-section{padding:105px 0 96px;background:var(--paper)} .pkg-intro-grid{display:grid;grid-template-columns:1fr .9fr;gap:88px;align-items:start} .pkg-intro-grid h2,.pkg-section-head h2,.pkg-process-head h2,.pkg-checklist-intro h2,.pkg-faq-grid h2{margin:0;font-size:clamp(46px,5.2vw,78px);line-height:.95;letter-spacing:-.05em;text-transform:uppercase} .pkg-intro-copy{padding-top:30px;border-top:1px solid var(--line)} .pkg-intro-copy p{font-size:17px;line-height:1.72;color:var(--muted);margin:0 0 20px} .pkg-options-section{padding:98px 0 110px;background:#fbfaf6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .pkg-section-head,.pkg-process-head{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:42px} .pkg-section-head>p,.pkg-process-head>p{margin:0 0 5px;max-width:560px;color:var(--muted);font-size:17px;line-height:1.65} .pkg-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)} .pkg-option-card{min-height:430px;padding:26px 24px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:transform .22s ease,box-shadow .22s ease} .pkg-option-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(0,0,0,.07)} .pkg-option-no{font-size:11px;font-weight:900;color:#7a7e75} .pkg-option-icon{height:112px;margin:30px 0 34px;display:flex;align-items:center} .pkg-option-icon span{position:relative;display:block;width:92px;height:72px;border:2px solid #1b1d19;border-radius:4px} .pkg-option-icon span:after{content:"";position:absolute;left:12px;right:12px;top:12px;border-top:2px solid #1b1d19} .pkg-option-icon-box span{width:84px;height:84px;transform:rotate(3deg)} .pkg-option-icon-box span:before{content:"";position:absolute;left:10px;right:10px;top:36px;border-top:2px solid #1b1d19;transform:rotate(-28deg)} .pkg-option-icon-label span{width:96px;height:56px;border-radius:0} .pkg-option-icon-label span:before{content:"|||";position:absolute;right:9px;top:13px;font-size:20px;letter-spacing:2px} .pkg-option-icon-card span{width:94px;height:64px;transform:rotate(-4deg)} .pkg-option-card h3{font-size:27px;line-height:1.05;margin:0 0 14px;letter-spacing:-.03em} .pkg-option-card p{font-size:14px;line-height:1.65;color:var(--muted);min-height:94px} .pkg-option-card ul{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid #e5e1d8} .pkg-option-card li{padding:8px 0;border-bottom:1px solid #e5e1d8;font-size:12px;font-weight:700} .pkg-process-section{padding:104px 0 112px;background:#11130f;color:#fff} .pkg-process-head>p{color:#b9beb6} .pkg-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #3a3d37;border-left:1px solid #3a3d37} .pkg-process-step{min-height:300px;padding:26px 24px;border-right:1px solid #3a3d37;border-bottom:1px solid #3a3d37;display:flex;flex-direction:column} .pkg-process-step span{font-size:11px;color:#98a095} .pkg-process-step small{margin-top:auto;font-size:10px;font-weight:900;letter-spacing:.14em;color:#9da39a;text-transform:uppercase} .pkg-process-step h3{font-size:27px;line-height:1.05;margin:12px 0 12px} .pkg-process-step p{font-size:13px;line-height:1.6;color:#bfc4bc;margin:0} .pkg-checklist-section{padding:110px 0;background:#dfd8cb} .pkg-checklist-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:82px;align-items:start} .pkg-checklist-intro>p{max-width:580px;color:#5d6058;font-size:17px;line-height:1.7;margin:26px 0 30px} .pkg-checklist{border-top:1px solid #aaa59b} .pkg-checklist>div{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #aaa59b;align-items:start} .pkg-checklist span{font-size:11px;font-weight:900;color:#72766d} .pkg-checklist p{margin:0;font-size:18px;line-height:1.45} .pkg-related-section{padding:104px 0 112px;background:var(--paper)} .pkg-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .pkg-related-grid a{min-height:260px;padding:26px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;transition:.2s} .pkg-related-grid a:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,0,0,.06)} .pkg-related-grid span{font-size:11px;color:#7e8178} .pkg-related-grid strong{font-size:27px;line-height:1.05;margin:54px 0 12px} .pkg-related-grid small{font-size:14px;line-height:1.55;color:var(--muted);max-width:32ch} .pkg-related-grid em{margin-top:auto;padding-top:24px;font-size:11px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.08em} .pkg-faq-section{padding:106px 0 112px;background:#fbfaf6;border-top:1px solid var(--line)} .pkg-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start} .pkg-faq-grid .faq{margin-top:6px} @media(max-width:1100px){ .pkg-hero-grid,.pkg-intro-grid,.pkg-section-head,.pkg-process-head,.pkg-checklist-grid,.pkg-faq-grid{grid-template-columns:1fr;gap:30px} .pkg-hero-panel{margin-top:4px} .pkg-option-grid,.pkg-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .pkg-related-grid{grid-template-columns:1fr 1fr} } @media(max-width:680px){ .pkg-hero{padding:52px 0 60px}.pkg-hero-copy h1{font-size:56px}.pkg-hero-copy>p{font-size:16px}.pkg-hero-actions .btn{width:100%} .pkg-hero-panel{padding:20px}.pkg-scope-list>div{grid-template-columns:34px 1fr}.pkg-scope-list small{grid-column:2} .pkg-intro-section,.pkg-options-section,.pkg-process-section,.pkg-checklist-section,.pkg-related-section,.pkg-faq-section{padding:72px 0} .pkg-intro-grid h2,.pkg-section-head h2,.pkg-process-head h2,.pkg-checklist-intro h2,.pkg-faq-grid h2{font-size:42px} .pkg-option-grid,.pkg-process-grid,.pkg-related-grid{grid-template-columns:1fr} .pkg-option-card{min-height:auto}.pkg-process-step{min-height:250px} .pkg-checklist{margin-top:18px}.pkg-checklist p{font-size:16px} } :root{--nav-ink:#151515;--nav-muted:#6f6f6f;--nav-line:#e8e8e5;--nav-soft:#f7f7f4;--nav-white:#fff} .wox-top{background:#f6f5f1!important;color:#343434!important;border-bottom:1px solid #ecebe6;position:relative;z-index:80} .wox-top .container{padding:8px 0} .wox-top span{border-right:1px solid #dddcd7!important;font-weight:700;color:#444!important} .wox-site-header{overflow:visible!important;background:#fff!important;border-bottom:1px solid var(--nav-line)!important;box-shadow:none!important;position:sticky;top:0;z-index:90} .wox-header-row{height:78px;gap:24px;position:relative} .logo{font-size:21px;line-height:1.02;color:var(--nav-ink)!important;letter-spacing:-.035em;position:relative;z-index:1001} .logo small{font-size:8px;line-height:1.2;margin-top:4px;color:#777!important;letter-spacing:.14em} .mega-nav{align-self:stretch;gap:2px;justify-content:flex-end;min-width:0;margin-left:auto} .mega-nav>.mega-item,.mega-nav>.nav-direct{height:100%;display:flex;align-items:center;position:relative} .mega-nav .mega-trigger,.mega-nav>.nav-direct{ height:100%;min-height:0;padding:0 13px!important;display:flex;align-items:center;justify-content:center; color:var(--nav-ink)!important;font-size:12.5px!important;font-weight:700!important;line-height:1!important; text-transform:none!important;letter-spacing:.005em!important;white-space:nowrap;border:0!important;border-radius:0!important;background:transparent!important; position:relative;transition:color .16s ease,background .16s ease; } .mega-nav .mega-trigger:after,.mega-nav>.nav-direct:after{ content:"";position:absolute;left:13px;right:13px;bottom:19px;height:1.5px;background:var(--nav-ink);transform:scaleX(0);transform-origin:left;transition:transform .18s ease } .mega-nav .mega-trigger:hover:after,.mega-nav>.nav-direct:hover:after,.mega-nav .nav-current:after,.mega-item.desktop-open>.mega-trigger:after{transform:scaleX(1)} .mega-nav .mega-trigger:hover,.mega-nav>.nav-direct:hover,.mega-item.desktop-open>.mega-trigger,.mega-nav .nav-current{color:#000!important;opacity:1!important} .mega-nav .mega-trigger span{font-size:11px;line-height:1;margin-left:7px;color:#777;transition:transform .18s ease} .mega-item:hover>.mega-trigger span,.mega-item:focus-within>.mega-trigger span,.mega-item.desktop-open>.mega-trigger span{transform:rotate(180deg)} .mega-panel{ top:100%!important;left:0!important;right:0!important;padding:28px 0 32px!important;background:#fff!important; border:0!important;border-top:1px solid var(--nav-line)!important;border-bottom:1px solid var(--nav-line)!important; box-shadow:0 14px 28px rgba(0,0,0,.055)!important; } .mega-item:hover>.mega-panel,.mega-item:focus-within>.mega-panel,.mega-item.desktop-open>.mega-panel{display:block} .mega-grid{width:min(calc(100% - 64px),1180px);margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr 1.05fr;gap:0!important;align-items:stretch} .mega-col{padding:4px 30px!important;background:#fff!important;border:0!important;border-right:1px solid var(--nav-line)!important;border-radius:0!important} .mega-col:first-child{padding-left:0!important} .mega-label{font-size:10px!important;line-height:1.2;text-transform:uppercase;letter-spacing:.14em;color:#888!important;font-weight:800!important;margin:0 0 10px!important;padding:0!important;border:0!important} .mega-col a{position:relative;display:flex!important;align-items:center;min-height:40px;padding:7px 24px 7px 0!important;margin:0!important;border:0!important;border-radius:0!important;color:#242424!important;font-size:13.5px!important;line-height:1.25!important;text-transform:none!important;letter-spacing:0!important;font-weight:600!important;transition:color .15s ease,padding-left .15s ease} .mega-col a:after{content:"→";position:absolute;right:3px;color:#aaa;opacity:0;transition:opacity .15s ease,transform .15s ease} .mega-col a:hover,.mega-col a:focus-visible{background:transparent!important;color:#000!important;text-decoration:none!important;opacity:1!important;padding-left:5px!important} .mega-col a:hover:after,.mega-col a:focus-visible:after{opacity:1;transform:translateX(2px)} .mega-col .mega-strong{font-size:15px!important;line-height:1.2!important;min-height:42px;font-weight:800!important;background:transparent!important} .mega-feature,.mega-feature.dark,.mega-feature.print{position:relative;background:#f7f7f4!important;color:#171717!important;min-height:176px;padding:26px 28px!important;margin-left:30px;display:flex!important;height:auto!important;flex-direction:column;justify-content:flex-end;align-items:flex-start!important;text-transform:none!important;letter-spacing:0!important;border:0!important;border-radius:0!important;transition:background .16s ease} .mega-feature:before{content:"";position:absolute;left:28px;top:27px;width:36px;height:1px;background:#222} .mega-feature:after{content:"↗";position:absolute;right:24px;top:20px;font-size:18px;color:#555} .mega-feature:hover,.mega-feature:focus-visible{background:#efefeb!important;transform:none!important;box-shadow:none!important;opacity:1!important} .mega-feature span{font-size:9.5px!important;color:#777!important;font-weight:800!important;letter-spacing:.13em!important} .mega-feature strong{font-size:23px!important;line-height:1.08!important;max-width:330px;color:#171717!important;margin:9px 0 7px!important} .mega-feature small{font-size:12.5px!important;line-height:1.45!important;max-width:330px;color:#676767!important} .mega-nav>.nav-direct[href="order-sample.html"],.mega-nav>.nav-direct[href="tech-pack-support.html"],.mega-nav>.nav-direct[href="contact.html"]{background:transparent!important;color:var(--nav-ink)!important;border:0!important;margin:0!important;padding-left:13px!important;padding-right:13px!important;font-weight:700!important} .mega-nav>.nav-direct[href="contact.html"]{margin-left:5px!important;height:40px!important;align-self:center!important;border:1px solid #202020!important;padding:0 16px!important} .mega-nav>.nav-direct[href="contact.html"]:after{display:none} .mega-nav>.nav-direct[href="contact.html"]:hover{background:#171717!important;color:#fff!important} .mega-nav a:focus-visible,.mega-nav .mega-trigger:focus-visible{outline:2px solid #222;outline-offset:3px;opacity:1!important} .menu-toggle{display:none!important} @media(min-width:1081px) and (max-width:1320px){ .container{width:min(calc(100% - 30px),var(--max))} .wox-header-row{gap:10px}.logo{font-size:19px}.logo small{font-size:7px} .mega-nav .mega-trigger,.mega-nav>.nav-direct{font-size:11.5px!important;padding-left:9px!important;padding-right:9px!important} .mega-nav .mega-trigger:after,.mega-nav>.nav-direct:after{left:9px;right:9px} .mega-nav>.nav-direct[href="contact.html"]{padding-left:12px!important;padding-right:12px!important} } .nav-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.24);z-index:996;opacity:0;transition:opacity .22s ease} body.nav-menu-open{overflow:hidden} body.nav-menu-open .nav-backdrop{display:block;opacity:1} @media(max-width:1080px){ .wox-top{display:none!important} .wox-site-header{position:sticky!important;top:0!important;z-index:1000!important} .wox-header-row{height:68px;gap:12px} .logo{font-size:18px}.logo small{font-size:7px;letter-spacing:.11em} .menu-toggle{display:flex!important;width:44px;height:44px;align-items:center;justify-content:center;margin-left:auto;border:0!important;background:transparent!important;color:#151515!important;font-size:0!important;cursor:pointer;position:relative;z-index:1002;padding:0!important} .menu-toggle:before,.menu-toggle:after,.menu-toggle{--bar:#171717} .menu-toggle:before{content:"";position:absolute;width:24px;height:2px;background:var(--bar);transform:translateY(-5px);transition:transform .2s ease} .menu-toggle:after{content:"";position:absolute;width:24px;height:2px;background:var(--bar);transform:translateY(5px);transition:transform .2s ease} .menu-toggle .menu-mid{position:absolute;width:24px;height:2px;background:var(--bar);transition:opacity .18s ease} body.nav-menu-open .menu-toggle:before{transform:rotate(45deg)} body.nav-menu-open .menu-toggle:after{transform:rotate(-45deg)} body.nav-menu-open .menu-toggle .menu-mid{opacity:0} .mega-nav{ display:flex!important;position:fixed!important;right:0!important;left:auto!important;top:0!important;width:min(88vw,390px)!important;height:100dvh!important; background:#fff!important;padding:86px 22px 28px!important;margin:0!important;gap:0!important;flex-direction:column!important;align-items:stretch!important; border:0!important;box-shadow:-16px 0 40px rgba(0,0,0,.10)!important;overflow-y:auto!important;overscroll-behavior:contain; transform:translateX(104%);visibility:hidden;transition:transform .24s ease,visibility .24s ease;z-index:999!important } .mega-nav[data-open="1"]{transform:translateX(0);visibility:visible} .mega-nav>.nav-drawer-title{position:absolute;left:22px;top:32px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#888} .mega-nav>.mega-item,.mega-nav>.nav-direct{height:auto!important;display:block!important;border-bottom:1px solid #ececea!important;margin:0!important} .mega-nav .mega-trigger,.mega-nav>.nav-direct{height:auto!important;min-height:58px!important;padding:0!important;justify-content:space-between!important;width:100%;font-size:15px!important;font-weight:750!important;border:0!important;border-radius:0!important;background:#fff!important;color:#181818!important;text-align:left!important} .mega-nav .mega-trigger:after,.mega-nav>.nav-direct:after{display:none!important} .mega-nav .mega-trigger span{width:30px;height:30px;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;border:0!important;background:#f3f3f0!important;border-radius:50%;font-size:13px;color:#555;transition:transform .2s ease} .mega-item.mobile-open>.mega-trigger span{transform:rotate(180deg)} .mega-panel{position:static!important;display:none!important;box-shadow:none!important;border:0!important;background:#fff!important;padding:0 0 14px!important;margin:0!important} .mega-item.mobile-open>.mega-panel{display:block!important} .mega-item:hover>.mega-panel{display:none!important}.mega-item.mobile-open:hover>.mega-panel{display:block!important} .mega-grid{width:100%!important;margin:0!important;display:block!important} .mega-col{padding:5px 0 8px!important;background:#fff!important;border:0!important;border-top:1px solid #f1f1ef!important;border-radius:0!important} .mega-col+.mega-col{margin-top:5px} .mega-label{font-size:9px!important;color:#999!important;padding:14px 0 6px!important;margin:0!important;letter-spacing:.14em!important;border:0!important} .mega-col a{min-height:48px!important;padding:9px 34px 9px 0!important;margin:0!important;background:#fff!important;border:0!important;font-size:14px!important;font-weight:600!important;color:#262626!important} .mega-col a:after{content:"›";opacity:1!important;right:2px;color:#a0a0a0;font-size:19px;transform:none!important} .mega-col a:hover,.mega-col a:focus-visible{background:#fff!important;color:#000!important;padding-left:0!important} .mega-col .mega-strong{font-size:14px!important;font-weight:750!important;min-height:48px!important} .mega-feature,.mega-feature.dark,.mega-feature.print{display:none!important} .mega-nav>.nav-direct[href="order-sample.html"],.mega-nav>.nav-direct[href="tech-pack-support.html"]{min-height:56px!important;font-size:14px!important;font-weight:650!important;color:#333!important} .mega-nav>.nav-direct[href="contact.html"]{height:50px!important;min-height:50px!important;margin:20px 0 0!important;border:1px solid #171717!important;display:flex!important;justify-content:center!important;background:#171717!important;color:#fff!important;font-size:14px!important} .mega-nav>.nav-direct[href="contact.html"]:hover{background:#fff!important;color:#171717!important} } @media(max-width:520px){ .container{width:min(calc(100% - 28px),var(--max))} .wox-header-row{height:64px}.mega-nav{width:min(92vw,370px)!important;padding:78px 20px 24px!important}.mega-nav>.nav-drawer-title{left:20px;top:28px} .mega-nav .mega-trigger,.mega-nav>.nav-direct{min-height:56px!important;font-size:14.5px!important} } @media(max-width:1080px){ html{overflow-x:clip} } :root{ --nav-font:"Inter","Inter Display","Helvetica Neue","Segoe UI",Arial,sans-serif; } .wox-top, .wox-site-header, .wox-site-header button, .wox-site-header a{ font-family:var(--nav-font)!important; font-optical-sizing:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:geometricPrecision; } .wox-top span{ font-size:10.5px!important; font-weight:550!important; letter-spacing:.055em!important; } .wox-site-header .logo{ font-family:var(--nav-font)!important; font-size:20.5px!important; font-weight:700!important; letter-spacing:-.032em!important; } .wox-site-header .logo small{ font-family:var(--nav-font)!important; font-size:7.5px!important; font-weight:500!important; letter-spacing:.105em!important; } .mega-nav .mega-trigger, .mega-nav>.nav-direct{ font-family:var(--nav-font)!important; font-size:13.5px!important; font-weight:550!important; letter-spacing:-.006em!important; line-height:1.2!important; } .mega-nav .mega-trigger span{ font-family:var(--nav-font)!important; font-size:9.5px!important; font-weight:500!important; margin-left:6px!important; } .mega-label{ font-family:var(--nav-font)!important; font-size:9.5px!important; font-weight:650!important; letter-spacing:.115em!important; } .mega-col a{ font-family:var(--nav-font)!important; font-size:13.75px!important; font-weight:450!important; letter-spacing:-.006em!important; line-height:1.32!important; } .mega-col .mega-strong{ font-size:15.5px!important; font-weight:600!important; letter-spacing:-.015em!important; } .mega-feature span{ font-family:var(--nav-font)!important; font-size:9.25px!important; font-weight:650!important; letter-spacing:.11em!important; } .mega-feature strong{ font-family:var(--nav-font)!important; font-size:22px!important; font-weight:600!important; letter-spacing:-.028em!important; line-height:1.08!important; } .mega-feature small{ font-family:var(--nav-font)!important; font-size:12.25px!important; font-weight:400!important; letter-spacing:0!important; line-height:1.48!important; } .mega-nav>.nav-direct[href="contact.html"]{ font-weight:600!important; letter-spacing:-.008em!important; } @media(min-width:1081px) and (max-width:1320px){ .mega-nav .mega-trigger, .mega-nav>.nav-direct{ font-size:12.4px!important; font-weight:550!important; } .wox-site-header .logo{font-size:19px!important} } @media(max-width:1080px){ .mega-nav>.nav-drawer-title{ font-family:var(--nav-font)!important; font-size:9.5px!important; font-weight:650!important; letter-spacing:.13em!important; } .mega-nav .mega-trigger, .mega-nav>.nav-direct{ font-family:var(--nav-font)!important; font-size:15.5px!important; font-weight:550!important; letter-spacing:-.012em!important; } .mega-label{ font-size:9.25px!important; font-weight:650!important; letter-spacing:.105em!important; } .mega-col a{ font-size:14.25px!important; font-weight:450!important; letter-spacing:-.008em!important; } .mega-col .mega-strong{ font-size:14.75px!important; font-weight:600!important; } .mega-nav>.nav-direct[href="order-sample.html"], .mega-nav>.nav-direct[href="tech-pack-support.html"], .mega-nav>.nav-direct[href="contact.html"]{ font-size:14.5px!important; font-weight:550!important; } } @media(max-width:520px){ .wox-site-header .logo{font-size:18.5px!important} .mega-nav .mega-trigger,.mega-nav>.nav-direct{font-size:15px!important} .mega-col a{font-size:14px!important} } :root{ --pn-ink:#171714; --pn-muted:#716f68; --pn-line:#e4e1d8; --pn-soft:#f7f4ec; --pn-soft-2:#fbfaf6; --pn-gold:#a58d60; --pn-gold-soft:#d8c9aa; --pn-white:rgba(255,255,253,.94); --pn-shadow:0 26px 70px rgba(31,28,21,.11),0 4px 16px rgba(31,28,21,.035); } .wox-top{ background:#f3f0e8!important; color:#4b4944!important; border-bottom:1px solid rgba(165,141,96,.16)!important; } .wox-top .container{padding:7px 0!important;min-height:30px;align-items:center} .wox-top span{ color:#55524c!important; border-right:1px solid #d9d4c8!important; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important; font-size:9.5px!important; font-weight:600!important; letter-spacing:.095em!important; text-transform:uppercase!important; } .wox-site-header{ background:var(--pn-white)!important; border-bottom:1px solid rgba(202,197,184,.72)!important; box-shadow:0 2px 0 rgba(255,255,255,.7),0 8px 30px rgba(33,30,24,.025)!important; -webkit-backdrop-filter:blur(18px) saturate(145%); backdrop-filter:blur(18px) saturate(145%); transition:box-shadow .28s ease,background .28s ease; } .wox-site-header.is-scrolled{ background:rgba(255,255,253,.975)!important; box-shadow:0 10px 35px rgba(32,29,22,.065)!important; } .wox-header-row{ height:86px!important; gap:22px!important; transition:height .28s cubic-bezier(.22,.61,.36,1); } .wox-site-header.is-scrolled .wox-header-row{height:76px!important} .wox-header-row>.logo{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important; font-size:20px!important; font-weight:700!important; line-height:.96!important; letter-spacing:-.035em!important; color:var(--pn-ink)!important; padding-right:22px; margin-right:4px!important; position:relative; } .wox-header-row>.logo:after{ content:""; position:absolute; right:0; top:50%; width:1px; height:30px; background:linear-gradient(to bottom,transparent,var(--pn-line),transparent); transform:translateY(-50%); } .wox-header-row>.logo small{ margin-top:6px!important; color:#807d75!important; font-size:7.5px!important; font-weight:600!important; letter-spacing:.145em!important; } .mega-nav{gap:0!important} .mega-nav .mega-trigger,.mega-nav>.nav-direct{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important; font-size:12.75px!important; font-weight:500!important; letter-spacing:.018em!important; color:#24221e!important; padding:0 15px!important; transition:color .18s ease,opacity .18s ease,transform .18s ease!important; } .mega-nav .mega-trigger:hover,.mega-nav>.nav-direct:hover,.mega-item.desktop-open>.mega-trigger,.mega-nav .nav-current{ color:#090909!important; transform:translateY(-1px); } .mega-nav .mega-trigger:after,.mega-nav>.nav-direct:after{ left:15px!important; right:15px!important; bottom:22px!important; height:1px!important; background:linear-gradient(90deg,var(--pn-gold),#d8c9aa)!important; transform-origin:center!important; } .wox-site-header.is-scrolled .mega-nav .mega-trigger:after, .wox-site-header.is-scrolled .mega-nav>.nav-direct:after{bottom:18px!important} .mega-nav .mega-trigger span{ display:inline-block!important; width:7px!important; height:7px!important; margin-left:8px!important; font-size:0!important; color:transparent!important; border-right:1.25px solid #807b70!important; border-bottom:1.25px solid #807b70!important; transform:rotate(45deg) translateY(-1px)!important; transform-origin:center!important; transition:transform .22s ease,border-color .18s ease!important; } .mega-item:hover>.mega-trigger span,.mega-item:focus-within>.mega-trigger span,.mega-item.desktop-open>.mega-trigger span{ transform:rotate(225deg) translate(-1px,-1px)!important; border-color:var(--pn-gold)!important; } .mega-nav>.nav-direct[href="order-sample.html"], .mega-nav>.nav-direct[href="tech-pack-support.html"]{ color:#4b4841!important; } .mega-nav>.nav-direct[href="contact.html"]{ margin-left:10px!important; height:42px!important; padding:0 18px!important; border:1px solid #c9bea8!important; border-radius:999px!important; background:linear-gradient(180deg,#fffefb,#f7f2e8)!important; box-shadow:inset 0 1px 0 #fff,0 5px 16px rgba(78,65,42,.06)!important; color:#26231e!important; font-weight:600!important; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important; } .mega-nav>.nav-direct[href="contact.html"]:after{display:none!important} .mega-nav>.nav-direct[href="contact.html"]:hover{ background:#fffdfa!important; color:#171512!important; border-color:var(--pn-gold)!important; transform:translateY(-2px)!important; box-shadow:inset 0 1px 0 #fff,0 9px 24px rgba(78,65,42,.10)!important; } @media(min-width:1081px){ .mega-item{position:static!important} .mega-panel{ display:block!important; left:50%!important; right:auto!important; top:100%!important; width:min(calc(100vw - 48px),1180px)!important; padding:0!important; background:linear-gradient(180deg,rgba(255,255,253,.99),rgba(250,248,242,.99))!important; border:1px solid rgba(205,198,183,.82)!important; border-radius:18px!important; box-shadow:var(--pn-shadow)!important; overflow:hidden!important; opacity:0; visibility:hidden; pointer-events:none; transform:translate(-50%,10px)!important; transition:opacity .2s ease,transform .24s cubic-bezier(.22,.61,.36,1),visibility .2s ease!important; } .mega-panel:before{ content:""; position:absolute; left:0;right:0;top:0;height:2px; background:linear-gradient(90deg,transparent,var(--pn-gold-soft) 28%,var(--pn-gold) 50%,var(--pn-gold-soft) 72%,transparent); } .mega-item:hover>.mega-panel,.mega-item:focus-within>.mega-panel,.mega-item.desktop-open>.mega-panel{ opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0)!important; } .mega-grid{ width:100%!important; margin:0!important; padding:34px 36px 36px!important; grid-template-columns:.9fr 1.15fr 1.08fr!important; gap:0!important; } .mega-col{ padding:4px 32px!important; border-right:1px solid var(--pn-line)!important; } .mega-col:first-child{padding-left:6px!important} .mega-label{ margin-bottom:13px!important; font-size:9.25px!important; font-weight:650!important; letter-spacing:.18em!important; color:#8a8478!important; } .mega-col a{ min-height:42px!important; padding:8px 26px 8px 0!important; font-size:13.5px!important; font-weight:450!important; letter-spacing:.005em!important; color:#3a3731!important; } .mega-col a:before{ content:""; width:0;height:1px; background:var(--pn-gold); margin-right:0; transition:width .16s ease,margin-right .16s ease; } .mega-col a:hover:before,.mega-col a:focus-visible:before{width:13px;margin-right:8px} .mega-col a:hover,.mega-col a:focus-visible{ color:#11100e!important; padding-left:0!important; } .mega-col a:after{color:#a79a80!important;right:4px!important} .mega-col .mega-strong{ min-height:44px!important; font-size:15.5px!important; font-weight:650!important; color:#1d1b17!important; } .mega-feature,.mega-feature.dark,.mega-feature.print{ margin-left:34px!important; min-height:188px!important; padding:30px 30px 28px!important; border:1px solid rgba(194,183,160,.52)!important; border-radius:14px!important; background: radial-gradient(circle at 90% 8%,rgba(218,205,178,.42),transparent 34%), linear-gradient(145deg,#f5f1e8,#fcfbf7)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important; overflow:hidden; } .mega-feature:before{ left:30px!important;top:29px!important;width:34px!important; background:var(--pn-gold)!important; } .mega-feature:after{ right:25px!important;top:20px!important; color:#7e735f!important; font-size:17px!important; } .mega-feature:hover,.mega-feature:focus-visible{ background: radial-gradient(circle at 90% 8%,rgba(218,205,178,.58),transparent 35%), linear-gradient(145deg,#f8f4eb,#fffefb)!important; border-color:#b9aa8c!important; box-shadow:0 10px 30px rgba(80,66,42,.07)!important; } .mega-feature span{ font-size:9px!important; font-weight:650!important; letter-spacing:.17em!important; color:#8a806f!important; } .mega-feature strong{ margin:10px 0 8px!important; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important; font-size:24px!important; line-height:1.06!important; font-weight:590!important; letter-spacing:-.035em!important; color:#1f1c18!important; } .mega-feature small{ font-size:12.25px!important; line-height:1.55!important; color:#716b61!important; } } @media(min-width:1081px) and (max-width:1320px){ .wox-header-row{gap:10px!important} .wox-header-row>.logo{font-size:18.5px!important;padding-right:14px!important} .wox-header-row>.logo small{font-size:6.8px!important;letter-spacing:.11em!important} .mega-nav .mega-trigger,.mega-nav>.nav-direct{font-size:11.7px!important;padding-left:9px!important;padding-right:9px!important} .mega-nav .mega-trigger:after,.mega-nav>.nav-direct:after{left:9px!important;right:9px!important} .mega-nav>.nav-direct[href="contact.html"]{padding-left:13px!important;padding-right:13px!important;margin-left:5px!important} } @media(max-width:1080px){ .wox-site-header{background:rgba(255,255,253,.975)!important} .wox-header-row,.wox-site-header.is-scrolled .wox-header-row{height:70px!important} .wox-header-row>.logo{font-size:18.5px!important;padding-right:0!important} .wox-header-row>.logo:after{display:none!important} .wox-header-row>.logo small{font-size:6.8px!important;margin-top:5px!important} .menu-toggle{ width:46px!important;height:46px!important; border:1px solid #e2ddd2!important; border-radius:50%!important; background:#fffdf8!important; box-shadow:0 5px 15px rgba(62,53,38,.05)!important; } .menu-toggle:before,.menu-toggle:after,.menu-toggle .menu-mid{width:20px!important;height:1.5px!important;background:#29261f!important} .menu-toggle:before{transform:translateY(-5px)!important} .menu-toggle:after{transform:translateY(5px)!important} body.nav-menu-open .menu-toggle:before{transform:rotate(45deg)!important} body.nav-menu-open .menu-toggle:after{transform:rotate(-45deg)!important} .nav-backdrop{background:rgba(24,22,18,.24)!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)} .mega-nav{ width:min(91vw,410px)!important; padding:92px 24px 32px!important; background:linear-gradient(180deg,#fffefb,#faf7f0)!important; border-left:1px solid #e3ded3!important; box-shadow:-24px 0 70px rgba(35,31,24,.14)!important; } .mega-nav>.nav-drawer-title{ left:25px!important;top:34px!important; font-size:9px!important; font-weight:650!important; letter-spacing:.21em!important; color:#938b7d!important; } .mega-nav:after{ content:""; position:absolute;left:24px;right:24px;top:58px;height:1px; background:linear-gradient(90deg,var(--pn-gold),transparent 72%); opacity:.65; } .mega-nav>.mega-item,.mega-nav>.nav-direct{border-bottom:1px solid #e8e3d9!important} .mega-nav .mega-trigger,.mega-nav>.nav-direct{ min-height:62px!important; font-size:15.25px!important; font-weight:550!important; letter-spacing:.008em!important; color:#24211c!important; transform:none!important; } .mega-nav .mega-trigger span{ width:8px!important;height:8px!important;margin-right:5px!important; border-right:1.2px solid #918675!important; border-bottom:1.2px solid #918675!important; } .mega-item.mobile-open>.mega-trigger{color:#171512!important} .mega-item.mobile-open>.mega-trigger span{border-color:var(--pn-gold)!important;transform:rotate(225deg) translate(-1px,-1px)!important} .mega-panel{ position:static!important; width:auto!important; margin:0 0 14px!important; padding:7px 0 14px!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; transform:none!important; } .mega-grid{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0!important} .mega-col{padding:0 0 6px 15px!important;border:0!important;border-left:1px solid #ded6c6!important;margin:2px 0 7px 6px!important} .mega-label{font-size:8.5px!important;letter-spacing:.18em!important;color:#999083!important;margin:9px 0 7px!important} .mega-col a,.mega-col .mega-strong{ min-height:43px!important; padding:8px 10px 8px 17px!important; font-size:13.5px!important; font-weight:450!important; color:#4a463f!important; } .mega-col .mega-strong{font-weight:600!important;color:#24211d!important} .mega-col a:after{display:none!important} .mega-feature,.mega-feature.dark,.mega-feature.print{display:none!important} .mega-nav>.nav-direct[href="order-sample.html"], .mega-nav>.nav-direct[href="tech-pack-support.html"]{ color:#514c43!important; } .mega-nav>.nav-direct[href="contact.html"]{ margin:18px 0 0!important; min-height:50px!important; height:50px!important; display:flex!important; justify-content:center!important; border:1px solid #c4b28e!important; border-radius:999px!important; background:linear-gradient(180deg,#fffefb,#f4eee2)!important; box-shadow:0 7px 18px rgba(72,60,38,.07)!important; font-weight:600!important; } } @media(max-width:680px){ .wox-header-row>.logo{font-size:17.5px!important} .mega-nav{width:min(94vw,390px)!important;padding-left:22px!important;padding-right:22px!important} .mega-nav .mega-trigger,.mega-nav>.nav-direct{font-size:15px!important;min-height:60px!important} } @media(prefers-reduced-motion:reduce){ .wox-header-row,.mega-panel,.mega-nav .mega-trigger,.mega-nav>.nav-direct,.menu-toggle:before,.menu-toggle:after{transition:none!important} } @media(min-width:1081px) and (max-width:1480px){ .mega-nav .mega-trigger,.mega-nav>.nav-direct{padding-left:10px!important;padding-right:10px!important;font-size:11.9px!important} .wox-header-row{gap:12px!important} .wox-header-row>.logo{padding-right:16px!important;margin-right:0!important} } :root{--street-ink:#11110f;--street-bone:#f0ede5;--street-grey:#d8d5ce;--street-accent:#d9ff43;--street-wash:#66645f} body{background:#f2efe7} .page-hero{background:linear-gradient(135deg,#ded8cc 0%,#f2efe7 58%,#d3cdbf 100%)} .page-hero h1,.detail-panel h1,.section-head h2,.wx-section-title h2,.wx-story-copy h2,.wx-ready h2{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-weight:800;letter-spacing:-.055em} .product-card,.wx-product{border-radius:2px}.product-card .visual,.wx-product-img,.gallery-main,.thumb{background:#d9d5cc} .product-card:hover,.wx-product:hover{box-shadow:0 16px 40px rgba(17,17,15,.08)} .streetwear-band{background:#11110f;color:#fff;padding:28px 0;border-top:1px solid #292925;border-bottom:1px solid #292925} .streetwear-band .container{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap} .streetwear-band span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#c8cbc4}.streetwear-band b{color:var(--street-accent);font-weight:800} .streetwear-chip{display:inline-flex;padding:7px 10px;border:1px solid #c9c5bb;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;margin:0 5px 7px 0} .streetwear-callout{background:#171815;color:#fff;padding:28px;border-left:3px solid var(--street-accent);margin:28px 0}.streetwear-callout p{color:#c5c9c0;margin:8px 0 0} .priority-badge{background:#111;color:#fff;border-radius:999px;padding:8px 12px;display:inline-flex;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px} .priority-badge>.priority-badge-label{text-transform:uppercase;font-size:9px;margin-right:8px;color:var(--street-accent)} .wx-hero{background:linear-gradient(120deg,#11120f 0%,#20221d 58%,#171815 100%)} .wx-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.35),transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px);pointer-events:none} .wx-kicker{letter-spacing:.18em}.wx-btn-light:hover{background:var(--street-accent);border-color:var(--street-accent);color:#111} .wx-products{background:#ece9e1}.wx-studio{background:#151613}.wx-ready{background:#1b1d19}.wx-hoodie{background:#d8d1c5} .wx-product-meta span{color:#6c6b65}.wx-product-meta h3{font-size:21px} .streetwear-note{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#777b73} @media(max-width:700px){.streetwear-band .container{display:grid;grid-template-columns:1fr 1fr;gap:12px}.streetwear-band span{line-height:1.35}.page-hero{padding-top:76px}} .wx-product .wx-product-img img.essential-cover,.product-card .visual img.essential-cover{object-fit:cover;object-position:50% 50%;background:#e9e5dd} .wx-home-hero{background:#f3f0e9;padding:0;border-bottom:1px solid #dfdbd1;overflow:hidden} .wx-home-hero-grid{display:grid;grid-template-columns:minmax(0,47%) minmax(0,53%);align-items:stretch;gap:0;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:690px} .wx-home-hero-copy{padding:42px 48px 34px max(32px,calc((100vw - 1440px)/2 + 28px));display:flex;flex-direction:column;justify-content:center;min-width:0} .wx-home-hero-kicker{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#4a4945;font-weight:800;margin-bottom:16px;line-height:1.4} .wx-home-hero-kicker:before{content:"";display:inline-block;width:40px;height:1px;background:#989388;flex:0 0 auto} .wx-home-hero-copy h1{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(54px,4.75vw,86px);line-height:.9;letter-spacing:-.065em;text-transform:uppercase;color:#11110f;margin:0 0 20px;max-width:760px} .wx-hero-line{display:block} .wx-home-hero-copy h1 .wx-hero-accent{color:#b08e63;font-size:.78em;white-space:nowrap;margin-top:7px} .wx-home-hero-lead{font-size:clamp(18px,1.35vw,22px);line-height:1.42;color:#3f413f;max-width:700px;margin:0 0 22px} .wx-home-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px} .wx-home-hero-actions .wx-btn{min-width:190px;min-height:46px;justify-content:center} .wx-home-hero-outline{background:transparent;color:#11110f;border:1px solid #8e8a80} .wx-home-hero-outline:hover{background:#11110f;color:#fff;border-color:#11110f} .wx-home-hero-points{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;border-top:1px solid #ddd8cf;padding-top:16px;margin-top:2px;max-width:760px} .wx-home-hero-point{padding:0 10px 0 0;border-right:1px solid #e4dfd7;min-width:0} .wx-home-hero-point:last-child{border-right:0;padding-right:0} .wx-home-hero-point strong{display:block;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#151512;margin-bottom:4px;line-height:1.25} .wx-home-hero-point span{display:block;font-size:12px;line-height:1.35;color:#666760} .wx-home-hero-sign{margin-top:18px;font-size:22px;line-height:1.1;color:#20211e;font-family:"Brush Script MT","Segoe Script",cursive;opacity:.92} .wx-home-hero-media{min-width:0;display:flex;align-items:stretch;height:100%} .wx-home-hero-zoom{display:block;width:100%;height:100%;min-height:690px;border-radius:0;overflow:hidden;background:#ddd6ca} .wx-home-hero-image{display:block;width:100%;height:100%;min-height:690px;object-fit:cover;object-position:center center;border-radius:0;background:#ddd6ca;box-shadow:none} @media(max-width:1500px){ .wx-home-hero-grid{grid-template-columns:minmax(0,49%) minmax(0,51%);min-height:650px} .wx-home-hero-copy{padding-top:30px;padding-bottom:28px;padding-right:36px} .wx-home-hero-copy h1{font-size:clamp(50px,4.7vw,76px)} .wx-home-hero-zoom,.wx-home-hero-image{min-height:650px} } @media(max-width:1120px){ .wx-home-hero-grid{grid-template-columns:1fr;gap:0;min-height:0;width:100%!important} .wx-home-hero-copy{padding:36px max(24px,calc((100vw - 980px)/2 + 24px)) 30px} .wx-home-hero-copy h1{max-width:none;font-size:clamp(44px,8vw,72px)} .wx-home-hero-copy h1 .wx-hero-accent{white-space:normal} .wx-home-hero-lead{max-width:780px} .wx-home-hero-media{order:2;width:100%} .wx-home-hero-zoom,.wx-home-hero-image{min-height:0;height:auto;width:100%} .wx-home-hero-image{aspect-ratio:16/9;object-fit:cover;object-position:center center} .wx-home-hero-points{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none} .wx-home-hero-point{border-right:0;border-bottom:1px solid #e4dfd7;padding:0 0 12px} } @media(max-width:700px){ .wx-home-hero-copy{padding:26px 16px 22px} .wx-home-hero-kicker{font-size:9px;letter-spacing:.20em;gap:10px;margin-bottom:14px} .wx-home-hero-kicker:before{width:26px} .wx-home-hero-copy h1{font-size:clamp(36px,11.5vw,54px);line-height:.92;margin-bottom:14px} .wx-home-hero-lead{font-size:17px;margin-bottom:18px} .wx-home-hero-actions{gap:10px;margin-bottom:20px} .wx-home-hero-actions .wx-btn{width:100%;min-width:0} .wx-home-hero-points{grid-template-columns:1fr 1fr;gap:12px;padding-top:16px} .wx-home-hero-point{padding-bottom:10px} .wx-home-hero-sign{font-size:20px;margin-top:14px} .wx-home-hero-image{aspect-ratio:4/3;object-position:72% center} } .wx-media-quality{position:relative;overflow:hidden} .wx-media-zoom-trigger{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:0;position:relative} .wx-media-zoom-trigger img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease} .wx-media-zoom-trigger .wx-zoom-label{pointer-events:none;position:absolute;right:18px;bottom:18px;background:rgba(17,17,17,.72);color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;border-radius:999px;opacity:0;transform:translateY(6px);transition:all .25s ease} .wx-media-zoom-trigger:hover img{transform:scale(1.03)} .wx-media-zoom-trigger:hover .wx-zoom-label{opacity:1;transform:translateY(0)} .wx-lightbox{position:fixed;inset:0;display:none;z-index:9999} .wx-lightbox.is-open{display:block} .wx-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)} .wx-lightbox-panel{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:36px} .wx-lightbox-image{max-width:min(1200px,92vw);max-height:88vh;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.3);background:#fff} .wx-lightbox-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:999px;background:#fff;color:#111;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.18)} .wx-no-scroll{overflow:hidden} @media (max-width:767px){ .wx-media-zoom-trigger .wx-zoom-label{opacity:1;transform:none;font-size:11px;padding:8px 12px;right:12px;bottom:12px} .wx-lightbox-panel{padding:18px} .wx-lightbox-image{max-width:94vw;max-height:82vh;border-radius:14px} .wx-lightbox-close{top:10px;right:10px} } .wx-story-quality{min-height:620px} .wx-story-quality .wx-story-media{min-height:620px} .wx-story-quality .wx-story-copy{padding:6vw 7vw} .wx-story-quality .wx-story-copy h2{font-size:clamp(42px,4.4vw,68px)} .wx-story-quality .wx-media-zoom-trigger{height:100%;min-height:620px} .wx-story-quality .wx-media-zoom-trigger img{width:100%;height:100%;min-height:620px;object-fit:cover;object-position:center center} @media(max-width:1120px){ .wx-story-quality{min-height:0} .wx-story-quality .wx-story-media{min-height:500px;height:500px} .wx-story-quality .wx-media-zoom-trigger{min-height:500px;height:500px} .wx-story-quality .wx-media-zoom-trigger img{min-height:500px;height:500px} .wx-story-quality .wx-story-copy{padding:70px 7vw} } @media(max-width:700px){ .wx-story-quality .wx-story-media{min-height:360px;height:360px} .wx-story-quality .wx-media-zoom-trigger{min-height:360px;height:360px} .wx-story-quality .wx-media-zoom-trigger img{min-height:360px;height:360px;object-position:center center} .wx-story-quality .wx-story-copy{padding:54px 24px} .wx-story-quality .wx-story-copy h2{font-size:42px} } .wx-media-speed{position:relative;overflow:hidden} .wx-media-speed .wx-media-zoom-trigger{display:block;width:100%;height:100%;min-height:100%;padding:0;border:0;background:none;cursor:zoom-in;position:relative} .wx-media-speed .wx-media-zoom-trigger img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center} @media(max-width:700px){ .wx-media-speed .wx-media-zoom-trigger img{object-position:center center} } .wx-studio-cards-media{border:0;gap:18px;background:transparent} .wx-studio-card-media{display:flex;flex-direction:column;min-height:0;padding:0;border:1px solid #3b3e38!important;background:#1b1c19;color:#fff;text-decoration:none;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease} .wx-studio-card-image{position:relative;height:290px;overflow:hidden;background:#d8d2c7} .wx-studio-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease} .wx-studio-card-body{padding:20px 24px 22px;min-height:176px;display:flex;flex-direction:column} .wx-studio-card-body>span{font-size:10px;letter-spacing:.15em;color:#aeb3aa} .wx-studio-card-body h3{font-size:24px;line-height:1.08;margin:14px 0 9px;color:#fff} .wx-studio-card-body p{font-size:13px;line-height:1.5;color:#b9beb6;margin:0 0 14px} .wx-studio-card-body em{margin-top:auto;font-style:normal;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#fff;border-top:1px solid #3b3e38;padding-top:15px} .wx-studio-card-media:hover{transform:translateY(-4px);border-color:#777c72!important;box-shadow:0 18px 44px rgba(0,0,0,.18)} .wx-studio-card-media:hover .wx-studio-card-image img{transform:scale(1.045)} @media(max-width:1120px){.wx-studio-card-image{height:260px}} @media(max-width:700px){ .wx-studio-cards-media{grid-template-columns:1fr;gap:14px} .wx-studio-card-image{height:240px} .wx-studio-card-body{min-height:0;padding:18px 20px 20px} .wx-studio-card-body h3{font-size:23px;margin-top:18px} } .wx-media-print{position:relative;overflow:hidden} .wx-media-print .wx-media-zoom-trigger{display:block;width:100%;height:100%;min-height:100%;padding:0;border:0;background:none;cursor:zoom-in;position:relative} .wx-media-print .wx-media-zoom-trigger img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .35s ease} .wx-media-print .wx-media-zoom-trigger:hover img{transform:scale(1.025)} .wx-story-print .wx-story-media, .wx-media-print{ position:relative; overflow:hidden; } .wx-story-print .wx-media-zoom-trigger, .wx-media-print .wx-media-zoom-trigger{ display:block; width:100%; height:100%; min-height:100%; padding:0; border:0; background:none; } .wx-story-print .wx-media-zoom-trigger img, .wx-media-print .wx-media-zoom-trigger img{ display:block; width:100%; height:100%; min-height:100%; object-fit:cover; object-position:center center; } @media (max-width:700px){ .wx-story-print .wx-media-zoom-trigger, .wx-media-print .wx-media-zoom-trigger{ min-height:360px; height:360px; } .wx-story-print .wx-media-zoom-trigger img, .wx-media-print .wx-media-zoom-trigger img{ min-height:360px; height:360px; object-position:center center; } } .wx-media-brand{position:relative;overflow:hidden} .wx-media-brand .wx-media-zoom-trigger{display:block;width:100%;height:100%;min-height:100%;padding:0;border:0;background:none;cursor:zoom-in;position:relative} .wx-media-brand .wx-media-zoom-trigger img{display:block;width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center center;transition:transform .35s ease} .wx-media-brand .wx-media-zoom-trigger:hover img{transform:scale(1.025)} @media (max-width:700px){ .wx-media-brand .wx-media-zoom-trigger{min-height:360px;height:360px} .wx-media-brand .wx-media-zoom-trigger img{min-height:360px;height:360px;object-position:center center} } .wx-process{ position:relative; background:radial-gradient(circle at top left, rgba(60,64,57,.22), transparent 34%), linear-gradient(180deg,#080908 0%, #0d0f0d 48%, #090a09 100%); color:#fff; padding:110px 0 118px; overflow:hidden; } .wx-process:before{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 6px); pointer-events:none; opacity:.32; } .wx-process .container{position:relative;z-index:1} .wx-process-head{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); gap:48px; align-items:end; margin-bottom:42px; } .wx-process-intro .wx-kicker{color:#d7dbd3;margin-bottom:18px} .wx-process-intro h2{ margin:0; font-size:clamp(56px,7vw,104px); line-height:.92; letter-spacing:-.065em; color:#f4f4ef; } .wx-process-intro>p{ max-width:640px; margin:22px 0 0; font-size:20px; line-height:1.55; color:#c2c7bf; } .wx-process-pills{ display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; } .wx-process-pills span{ display:inline-flex; align-items:center; padding:10px 16px; border:1px solid rgba(255,255,255,.14); border-radius:999px; font-size:11px; line-height:1; letter-spacing:.16em; text-transform:uppercase; color:#eef1eb; background:rgba(255,255,255,.03); } .wx-process-aside{display:flex;justify-content:flex-end} .wx-process-note{ max-width:430px; padding:28px 30px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)); box-shadow:0 22px 60px rgba(0,0,0,.22); } .wx-process-note strong{ display:block; font-size:16px; line-height:1.35; letter-spacing:.02em; color:#fff; margin-bottom:12px; } .wx-process-note p{ margin:0; color:#b8beb6; font-size:15px; line-height:1.7; } .wx-process-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; } .wx-step{ position:relative; min-height:220px; padding:26px 26px 28px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)); box-shadow:0 20px 54px rgba(0,0,0,.16); transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease; } .wx-step:before{ content:""; position:absolute; left:26px; top:0; width:54px; height:3px; background:linear-gradient(90deg,#f3f4ef 0%, rgba(243,244,239,0) 100%); } .wx-step span{ display:block; font-size:62px; line-height:.9; font-weight:800; letter-spacing:-.06em; color:rgba(255,255,255,.09); margin-bottom:8px; } .wx-step small{ display:block; margin-bottom:14px; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#b8beb6; } .wx-step h3{ margin:0 0 12px; font-size:34px; line-height:.98; color:#fff; letter-spacing:-.04em; } .wx-step p{ margin:0; font-size:15px; line-height:1.75; color:#bcc1ba; max-width:32ch; } .wx-step:hover{ transform:translateY(-4px); border-color:rgba(255,255,255,.24); background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02)); box-shadow:0 28px 68px rgba(0,0,0,.24); } @media(max-width:1180px){ .wx-process{padding:96px 0 102px} .wx-process-head{grid-template-columns:1fr;gap:28px;align-items:start} .wx-process-aside{justify-content:flex-start} .wx-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:700px){ .wx-process{padding:72px 0 78px} .wx-process-head{gap:22px;margin-bottom:26px} .wx-process-intro h2{font-size:54px} .wx-process-intro>p{font-size:16px;margin-top:18px} .wx-process-pills{gap:8px;margin-top:18px} .wx-process-pills span{padding:9px 12px;font-size:10px;letter-spacing:.12em} .wx-process-note{padding:22px 20px} .wx-process-grid{grid-template-columns:1fr;gap:14px} .wx-step{min-height:0;padding:22px 20px 24px} .wx-step:before{left:20px;width:44px} .wx-step span{font-size:46px;margin-bottom:6px} .wx-step small{margin-bottom:10px} .wx-step h3{font-size:28px;margin-bottom:10px} .wx-step p{font-size:14px;max-width:none} } .wx-hoodie-products{background:#ece9e1;border-top:1px solid rgba(17,17,15,.08)} .wx-hoodie-products .wx-product-img{background:#dedbd3} .wx-hoodie-products .wx-product-img img{object-fit:cover;object-position:center center} .wx-hoodie-products .wx-product-meta h3{min-height:44px} @media(max-width:700px){ .wx-hoodie-products .wx-product-meta h3{min-height:0} } .wx-hoodie-products{background:#ece9e1;border-top:1px solid rgba(17,17,15,.08)} .wx-hoodie-products .wx-product{background:#fff} .wx-product-reserved{pointer-events:none;box-shadow:none!important;transform:none!important} .wx-reserved-image{ position:relative; display:flex!important; align-items:center; justify-content:center; background:#d8d5cd!important; overflow:hidden; } .wx-reserved-image:before{ content:""; position:absolute; inset:14%; border:1px solid rgba(17,17,15,.10); background:rgba(255,255,255,.06); } .wx-reserved-image span{ position:relative; z-index:1; font-size:10px; line-height:1; font-weight:800; letter-spacing:.20em; color:rgba(17,17,15,.38); } .wx-hoodie-products .wx-product-meta span{color:#6c6b65} .wx-hoodie-products .wx-product-meta h3{font-size:21px;min-height:0} .wx-hoodie-products .wx-product-meta p{color:#77766f} @media(max-width:700px){ .wx-hoodie-products .wx-product-meta h3{min-height:0} } .wx-advantages-premium{ position:relative; padding:112px 0 120px; background: radial-gradient(circle at 10% 0%,rgba(121,117,104,.08),transparent 30%), #f2efe8; overflow:hidden; } .wx-advantages-premium:after{ content:""; position:absolute; right:-12vw; top:-18vw; width:42vw; height:42vw; border:1px solid rgba(17,17,15,.055); border-radius:50%; pointer-events:none; } .wx-advantages-layout{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(360px,.85fr) minmax(0,1.35fr); gap:72px; align-items:start; } .wx-advantages-intro{position:sticky;top:118px;padding-top:6px} .wx-advantages-intro .wx-kicker{margin-bottom:18px;color:#393b37} .wx-advantages-intro h2{ margin:0; font-size:clamp(58px,6.2vw,92px); line-height:.91; letter-spacing:-.065em; text-transform:uppercase; color:#10110f; } .wx-advantages-intro>p{ max-width:520px; margin:28px 0 0; font-size:17px; line-height:1.7; color:#656861; } .wx-advantages-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px} .wx-advantages-tags span{ display:inline-flex; padding:9px 13px; border:1px solid rgba(17,17,15,.14); border-radius:999px; background:rgba(255,255,255,.38); font-size:10px; line-height:1; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#292b27; } .wx-adv-grid-premium{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; border:0; } .wx-adv-grid-premium .wx-adv-card{ position:relative; min-height:300px; padding:28px 30px 30px; border:1px solid rgba(17,17,15,.12); background:rgba(255,255,255,.62); box-shadow:0 18px 52px rgba(45,43,36,.06); overflow:hidden; transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease; } .wx-adv-grid-premium .wx-adv-card:before{ content:""; position:absolute; left:30px; top:0; width:56px; height:3px; background:#161713; } .wx-adv-grid-premium .wx-adv-card b{ display:block; margin-bottom:34px; font-size:72px; line-height:.86; letter-spacing:-.07em; font-weight:800; color:rgba(17,17,15,.07); } .wx-adv-grid-premium .wx-adv-card small{ display:block; margin-bottom:12px; font-size:10px; line-height:1; letter-spacing:.16em; font-weight:800; color:#7a7d75; } .wx-adv-grid-premium .wx-adv-card h3{ margin:0 0 14px; max-width:12ch; font-size:30px; line-height:1.02; letter-spacing:-.04em; color:#11120f; } .wx-adv-grid-premium .wx-adv-card p{ margin:0; max-width:33ch; font-size:14px; line-height:1.7; color:#676a63; } .wx-adv-grid-premium .wx-adv-card:hover{ transform:translateY(-5px); border-color:rgba(17,17,15,.24); background:#fff; box-shadow:0 28px 70px rgba(45,43,36,.11); } @media(max-width:1120px){ .wx-advantages-layout{grid-template-columns:1fr;gap:40px} .wx-advantages-intro{position:static} .wx-advantages-intro>p{max-width:680px} } @media(max-width:700px){ .wx-advantages-premium{padding:76px 0 82px} .wx-advantages-layout{gap:30px} .wx-advantages-intro h2{font-size:54px} .wx-advantages-intro>p{margin-top:20px;font-size:15px} .wx-advantages-tags{margin-top:20px} .wx-adv-grid-premium{grid-template-columns:1fr;gap:13px} .wx-adv-grid-premium .wx-adv-card{min-height:0;padding:24px 22px 25px} .wx-adv-grid-premium .wx-adv-card:before{left:22px;width:46px} .wx-adv-grid-premium .wx-adv-card b{font-size:54px;margin-bottom:24px} .wx-adv-grid-premium .wx-adv-card h3{font-size:27px;max-width:none} } .wx-advantages-editorial{ background:#f0eee7; color:#11120f; padding:112px 0 120px; } .wx-advantages-editorial-head{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); gap:80px; align-items:end; padding-bottom:48px; border-bottom:1px solid #c9c5bb; } .wx-advantages-editorial-title .wx-kicker{ margin-bottom:18px; color:#4f514c; } .wx-advantages-editorial-title h2{ margin:0; max-width:830px; font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif; font-size:clamp(58px,6.2vw,94px); font-weight:800; line-height:.91; letter-spacing:-.065em; color:#11120f; } .wx-advantages-editorial-summary{ padding-bottom:6px; max-width:520px; } .wx-advantages-editorial-summary p{ margin:0 0 24px; font-size:19px; line-height:1.6; color:#60625d; } .wx-advantages-editorial-summary span{ display:inline-block; padding-top:13px; border-top:2px solid #11120f; font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#11120f; } .wx-advantages-editorial-list{ display:grid; grid-template-columns:1fr 1fr; column-gap:72px; } .wx-adv-editorial-item{ display:grid; grid-template-columns:92px minmax(0,1fr); gap:24px; min-height:230px; padding:38px 0 42px; border-bottom:1px solid #c9c5bb; transition:border-color .25s ease; } .wx-adv-editorial-no{ font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif; font-size:64px; font-weight:800; line-height:.9; letter-spacing:-.06em; color:#c7c4bc; transition:color .25s ease,transform .25s ease; } .wx-adv-editorial-copy small{ display:block; margin:2px 0 17px; font-size:10px; font-weight:800; letter-spacing:.17em; color:#767870; } .wx-adv-editorial-copy h3{ margin:0 0 14px; font-size:31px; line-height:1.02; letter-spacing:-.035em; color:#11120f; } .wx-adv-editorial-copy p{ margin:0; max-width:46ch; font-size:15px; line-height:1.7; color:#676963; } .wx-adv-editorial-item:hover{ border-color:#11120f; } .wx-adv-editorial-item:hover .wx-adv-editorial-no{ color:#11120f; transform:translateY(-3px); } @media(max-width:1100px){ .wx-advantages-editorial{padding:92px 0 100px} .wx-advantages-editorial-head{ grid-template-columns:1fr; gap:30px; } .wx-advantages-editorial-summary{max-width:680px} .wx-advantages-editorial-list{ grid-template-columns:1fr; column-gap:0; } } @media(max-width:700px){ .wx-advantages-editorial{padding:68px 0 74px} .wx-advantages-editorial-head{padding-bottom:30px} .wx-advantages-editorial-title h2{font-size:52px} .wx-advantages-editorial-summary p{font-size:16px} .wx-adv-editorial-item{ grid-template-columns:64px minmax(0,1fr); gap:16px; min-height:0; padding:28px 0 30px; } .wx-adv-editorial-no{font-size:46px} .wx-adv-editorial-copy h3{font-size:25px} .wx-adv-editorial-copy p{font-size:14px} } .wx-factory-showcase{ background:#111310; color:#fff; padding:112px 0 118px; } .wx-factory-head{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); gap:72px; align-items:end; margin-bottom:46px; } .wx-factory-head h2{ margin:14px 0 0; font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif; font-size:clamp(58px,6.4vw,94px); font-weight:800; line-height:.91; letter-spacing:-.065em; color:#f5f5ef; } .wx-factory-head .wx-kicker{color:#c8cec5} .wx-factory-head-copy{max-width:560px;padding-bottom:8px} .wx-factory-head-copy p{ margin:0 0 24px; font-size:17px; line-height:1.65; color:#b6bcb3; } .wx-factory-grid{ display:grid; grid-template-columns:1.15fr .85fr; grid-template-rows:auto auto; gap:18px; } .wx-factory-tile{ border:1px solid rgba(255,255,255,.12); background:#181a17; overflow:hidden; } .wx-factory-tile-large{grid-row:span 2} .wx-factory-tile-wide{grid-column:2} .wx-factory-photo-placeholder{ min-height:290px; display:flex; flex-direction:column; justify-content:flex-end; padding:28px; background: linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,.002)), repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px), #20231f; } .wx-factory-tile-large .wx-factory-photo-placeholder{min-height:616px} .wx-factory-photo-placeholder span{ margin-bottom:10px; font-size:10px; font-weight:800; letter-spacing:.17em; color:#92988f; } .wx-factory-photo-placeholder strong{ font-size:28px; line-height:1; letter-spacing:-.035em; color:#e8ebe4; } .wx-factory-caption{ display:flex; gap:20px; align-items:flex-start; padding:18px 22px 20px; border-top:1px solid rgba(255,255,255,.1); } .wx-factory-caption span{ font-size:10px; letter-spacing:.14em; color:#8f958d; } .wx-factory-caption p{ margin:0; font-size:13px; line-height:1.5; color:#bcc2b9; } .wx-factory-note{ display:flex; align-items:center; gap:20px; margin-top:20px; padding-top:20px; border-top:1px solid rgba(255,255,255,.12); } .wx-factory-note span{ font-size:10px; font-weight:800; letter-spacing:.17em; color:#a7ada4; } .wx-factory-note p{ margin:0; font-size:13px; color:#8f958d; } .wx-reviews-showcase{ background:#f0eee7; color:#11120f; padding:108px 0 116px; } .wx-reviews-head{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); gap:72px; align-items:end; margin-bottom:44px; } .wx-reviews-head h2{ margin:14px 0 0; font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif; font-size:clamp(56px,6vw,88px); font-weight:800; line-height:.92; letter-spacing:-.06em; color:#11120f; } .wx-reviews-head>p{ margin:0; max-width:560px; padding-bottom:8px; font-size:17px; line-height:1.65; color:#64665f; } .wx-review-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .wx-review-card{ min-height:330px; display:flex; flex-direction:column; padding:28px; border:1px solid #c9c5bb; background:#f7f5ef; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; } .wx-review-card:hover{ transform:translateY(-4px); border-color:#9d9a91; box-shadow:0 18px 44px rgba(17,18,15,.08); } .wx-review-top{ display:flex; justify-content:space-between; align-items:flex-start; } .wx-review-top span{ font-size:10px; font-weight:800; letter-spacing:.17em; color:#74766f; } .wx-review-top b{ font-family:Georgia,serif; font-size:68px; line-height:.7; font-weight:400; color:#d2cfc6; } .wx-review-placeholder{ margin:44px 0 48px; max-width:29ch; font-size:24px; line-height:1.35; letter-spacing:-.025em; color:#292a27; } .wx-review-meta{ margin-top:auto; padding-top:18px; border-top:1px solid #d6d2c9; } .wx-review-meta strong{ display:block; margin-bottom:5px; font-size:14px; color:#11120f; } .wx-review-meta span{ font-size:12px; color:#74766f; } .wx-reviews-foot{ display:flex; justify-content:space-between; align-items:center; gap:28px; margin-top:26px; } .wx-reviews-foot>span{ font-size:12px; color:#777970; } @media(max-width:1100px){ .wx-factory-showcase{padding:92px 0 100px} .wx-factory-head,.wx-reviews-head{grid-template-columns:1fr;gap:26px} .wx-factory-grid{grid-template-columns:1fr 1fr} .wx-factory-tile-large{grid-row:auto;grid-column:1 / -1} .wx-factory-tile-large .wx-factory-photo-placeholder{min-height:430px} .wx-factory-tile-wide{grid-column:auto} .wx-review-grid{grid-template-columns:1fr 1fr} .wx-reviews-showcase{padding:90px 0 98px} } @media(max-width:700px){ .wx-factory-showcase{padding:68px 0 74px} .wx-factory-head h2,.wx-reviews-head h2{font-size:52px} .wx-factory-grid{grid-template-columns:1fr} .wx-factory-tile-large,.wx-factory-tile-wide{grid-column:auto} .wx-factory-tile-large .wx-factory-photo-placeholder, .wx-factory-photo-placeholder{min-height:260px} .wx-factory-note{align-items:flex-start;flex-direction:column;gap:8px} .wx-reviews-showcase{padding:68px 0 74px} .wx-review-grid{grid-template-columns:1fr} .wx-review-card{min-height:280px} .wx-review-placeholder{margin:34px 0 40px;font-size:22px} .wx-reviews-foot{align-items:flex-start;flex-direction:column} } .wx-home-hero-editorial{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:920px;background:#f3f0e9;padding:0;border:0} .wx-home-hero-editorial .wx-home-hero-grid{position:relative;display:block;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:920px} .wx-home-hero-editorial .wx-home-hero-copy{position:relative;z-index:3;box-sizing:border-box;width:46%;min-height:920px;max-width:820px;display:flex;flex-direction:column;justify-content:center;padding:56px 12px 52px clamp(32px,5.1vw,108px)} .wx-home-hero-editorial .wx-home-hero-copy h1{font-size:clamp(53px,4.5vw,88px);line-height:.92;margin:0 0 21px;letter-spacing:-.065em;max-width:830px} .wx-home-hero-editorial .wx-home-hero-copy h1 .wx-hero-accent{font-size:clamp(33px,3.03vw,58px);white-space:nowrap;letter-spacing:-.055em;color:#ab8857;margin-top:10px} .wx-home-hero-editorial .wx-home-hero-lead{font-size:clamp(17px,1.2vw,21px);max-width:740px;margin-bottom:23px} .wx-home-hero-editorial .wx-home-hero-points{max-width:760px} .wx-home-hero-editorial .wx-home-hero-media{position:absolute;z-index:1;right:0;top:0;bottom:0;display:block;width:68%;height:100%;overflow:hidden} .wx-home-hero-editorial .wx-home-hero-media::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,#f3f0e9 0%,rgba(243,240,233,.72) 3%,rgba(243,240,233,.18) 7%,rgba(243,240,233,0) 13%)} .wx-home-hero-editorial .wx-home-hero-zoom{width:100%;height:100%;min-height:0;overflow:hidden} .wx-home-hero-editorial .wx-home-hero-image{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:58% 16%} @media(max-width:1399px) and (min-width:1121px){ .wx-home-hero-editorial .wx-home-hero-copy{width:48%;min-height:840px;padding-left:clamp(28px,4.2vw,68px);padding-right:14px} .wx-home-hero-editorial .wx-home-hero-grid,.wx-home-hero-editorial{min-height:840px} .wx-home-hero-editorial .wx-home-hero-copy h1{font-size:clamp(50px,4.7vw,69px)} .wx-home-hero-editorial .wx-home-hero-copy h1 .wx-hero-accent{font-size:clamp(32px,3.08vw,43px)} .wx-home-hero-editorial .wx-home-hero-media{width:65%} } @media(max-width:1120px){ .wx-home-hero-editorial,.wx-home-hero-editorial .wx-home-hero-grid{min-height:0} .wx-home-hero-editorial .wx-home-hero-copy{width:100%;max-width:none;min-height:0;padding:45px clamp(24px,6vw,66px) 35px} .wx-home-hero-editorial .wx-home-hero-copy h1{font-size:clamp(48px,7vw,78px)} .wx-home-hero-editorial .wx-home-hero-copy h1 .wx-hero-accent{font-size:clamp(32px,5vw,54px);white-space:normal} .wx-home-hero-editorial .wx-home-hero-media{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:auto} .wx-home-hero-editorial .wx-home-hero-media::before{display:none} .wx-home-hero-editorial .wx-home-hero-zoom{width:100%;height:auto;min-height:0} .wx-home-hero-editorial .wx-home-hero-image{aspect-ratio:16/9;width:100%;height:auto;min-height:0;object-fit:cover;object-position:center 36%} } @media(max-width:700px){ .wx-home-hero-editorial .wx-home-hero-copy{padding:28px 18px 28px} .wx-home-hero-editorial .wx-home-hero-copy h1{font-size:clamp(40px,10vw,60px)} .wx-home-hero-editorial .wx-home-hero-copy h1 .wx-hero-accent{font-size:clamp(29px,7vw,39px)} .wx-home-hero-editorial .wx-home-hero-image{aspect-ratio:4/3;object-position:center 35%} } @media(min-width:1121px){ .wx-home-hero-editorial .wx-home-hero-media{width:68%} .wx-home-hero-editorial .wx-home-hero-image{object-position:58% 14%} .wx-home-hero-editorial .wx-home-hero-media::before{background:linear-gradient(90deg,#f3f0e9 0%,rgba(243,240,233,.68) 4%,rgba(243,240,233,.18) 8%,rgba(243,240,233,0) 13%)} } @media(min-width:1121px) and (max-width:1650px){ .wx-home-hero-editorial .wx-home-hero-lead{max-width:520px} .wx-home-hero-editorial .wx-home-hero-points{max-width:520px;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px} .wx-home-hero-editorial .wx-home-hero-point:nth-child(3){border-right:0} } @media(max-width:1120px){html{overflow-x:clip}body.home-wox{overflow-x:clip}} .hoodie-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px} .hoodie-collection-grid .product-card{display:flex;flex-direction:column;min-width:0;height:100%} .hoodie-collection-grid .visual{aspect-ratio:1/1;flex:none;background:#d8d7d3} .hoodie-collection-grid .visual img{width:100%;height:100%;object-fit:cover} .hoodie-collection-grid .info{padding:16px;display:flex;flex:1;flex-direction:column} .hoodie-collection-grid .info h3{font-size:clamp(17px,1.5vw,21px);line-height:1.12;margin:8px 0 13px} .hoodie-collection-grid .info ul{margin-bottom:auto;font-size:12px} .hoodie-collection-grid .info .link{align-self:flex-start;font-size:11px;margin-top:17px} @media (max-width:1080px){.hoodie-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:630px){.hoodie-collection-grid{grid-template-columns:1fr;gap:16px}.hoodie-collection-grid .info{padding:18px}} .mega-nav>.nav-drawer-title{display:none} @media(max-width:1080px){ .mega-nav>.nav-drawer-title{display:block;position:absolute;margin:0;line-height:1.4;text-transform:uppercase} } .wx-media-zoom-trigger:focus-visible .wx-zoom-label{opacity:1;transform:none} .wx-zoom-label{max-width:calc(100% - 36px);white-space:normal;overflow-wrap:anywhere;line-height:1.4} .wx-home-hero-editorial .wx-home-hero-copy h1 .wx-hero-accent{white-space:normal} h1,h2,h3,h4,.mega-feature strong,.mega-col a,.spec-row span{overflow-wrap:anywhere} .wx-home-hero-copy,.wx-story-copy,.detail-panel,.mega-col,.mega-feature{min-width:0} .mega-nav .mega-trigger,.mega-nav>.nav-direct{white-space:normal!important;min-width:0;text-align:center} .mega-nav .mega-trigger>span{flex-shrink:0} @media(max-width:1080px){ .mega-nav .mega-trigger,.mega-nav>.nav-direct{text-align:start} } .btn,.wx-btn,.chip,.mobile-cta{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%;height:auto} .techpack-cta-strip .btn{white-space:normal;flex-shrink:1} html.translated-ltr h1,html.translated-ltr h2,html.translated-ltr h3, html.translated-rtl h1,html.translated-rtl h2,html.translated-rtl h3{line-height:1.18!important;letter-spacing:normal!important} .site-inquiry { scroll-margin-top: 100px; margin: 0; padding: 46px 0; background: #1b1d19; color: #fff; border-block: 1px solid #34362f; } .site-inquiry__inner { width: calc(100% - 64px); max-width: 1280px; margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 300px); align-items: center; gap: clamp(28px, 5vw, 72px); } .site-inquiry__copy { min-width: 0; } .site-inquiry .site-inquiry__eyebrow { margin: 0 0 12px; font-size: 10px; line-height: 1.5; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #c7cbbf; } .site-inquiry .site-inquiry__title { max-width: 720px; margin: 0 0 16px; font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif; font-size: clamp(30px, 3.1vw, 44px); line-height: 1.06; font-weight: 800; letter-spacing: -.035em; text-transform: uppercase; color: #fff; overflow-wrap: anywhere; } .site-inquiry .site-inquiry__description { max-width: 660px; margin: 0; font-size: 15px; line-height: 1.65; color: #c2c6bc; } .site-inquiry__actions { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; } .site-inquiry__button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: 13px 24px; border: 1px solid #fff; background: #fff; color: #171914; font-size: 11px; font-weight: 800; line-height: 1.5; letter-spacing: .075em; text-transform: uppercase; text-align: center; text-decoration: none; overflow-wrap: anywhere; transition: background .18s ease, border-color .18s ease; } .site-inquiry__button:hover { background: #d9ff43; border-color: #d9ff43; } .site-inquiry__link { display: inline-block; max-width: 100%; padding-bottom: 4px; border-bottom: 1px solid #8b9183; color: #fff; font-size: 10px; font-weight: 700; line-height: 1.6; letter-spacing: .04em; text-transform: uppercase; text-decoration: none; overflow-wrap: anywhere; } .site-inquiry__link span { margin-inline-start: 6px; } .site-inquiry__link:hover { color: #d9ff43; border-color: #d9ff43; } .site-inquiry a:focus-visible { outline: 2px solid #d9ff43; outline-offset: 5px; } #rfq-form { scroll-margin-top: 100px; } .site-footer .logo { color: #fff!important; } .site-footer .logo small { color: #b8bcb2!important; } @media (max-width: 760px) { .site-inquiry { padding: 32px 0; } .site-inquiry__inner { width: calc(100% - 40px); grid-template-columns: minmax(0, 1fr); gap: 24px; } .site-inquiry .site-inquiry__title { font-size: clamp(27px, 5.2vw, 36px); line-height: 1.12; margin-bottom: 12px; } .site-inquiry .site-inquiry__description { font-size: 14px; line-height: 1.6; } .site-inquiry__actions { gap: 14px; } } @media (prefers-reduced-motion: reduce) { .site-inquiry__button { transition: none; } } .whatsapp-icon { display: block; flex: 0 0 auto; width: 21px; height: 21px; } .whatsapp-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; max-width: 100%; padding: 12px 20px; border: 1px solid #147947; background: #147947; color: #fff; font: inherit; font-size: 13px; font-weight: 700; line-height: 1.5; text-align: center; text-decoration: none; overflow-wrap: anywhere; transition: background .15s ease, border-color .15s ease; } .whatsapp-button:hover { background: #0e6037; border-color: #0e6037; color: #fff; } .whatsapp-button--inquiry { border-color: #5ab781; background: transparent; color: #c3f6d6; min-height: 46px; padding: 10px 20px; } .whatsapp-button--inquiry:hover { border-color: #5ab781; background: #214332; color: #fff; } .whatsapp-button:focus-visible, .whatsapp-floating:focus-visible { outline: 3px solid #147947; outline-offset: 4px; } .site-inquiry .whatsapp-button:focus-visible { outline-color: #a2edbb; } .rfq-contact-actions { display: flex; flex-wrap: wrap; gap: 12px; } .rfq-contact-actions > * { flex: 1 1 210px; min-width: 0; } .cq-form .rfq-contact-actions .btn { padding: 12px 20px; } .whatsapp-contact-note { margin: 4px 0 0; color: #666159; font-size: 12px; line-height: 1.6; } .whatsapp-contact-note span { white-space: nowrap; } .whatsapp-floating { position: fixed; right: max(20px, env(safe-area-inset-right, 0px)); bottom: max(20px, env(safe-area-inset-bottom, 0px)); z-index: 61; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border: 1px solid rgba(255,255,255,.75); border-radius: 50%; background: #147947; color: #fff; box-shadow: 0 3px 14px rgba(0,0,0,.16); text-decoration: none; transition: background .15s ease, box-shadow .15s ease; -webkit-tap-highlight-color: transparent; } .whatsapp-floating .whatsapp-icon { width: 27px; height: 27px; } .whatsapp-floating:hover { background: #0e6037; color: #fff; box-shadow: 0 4px 16px rgba(0,0,0,.22); } body.nav-menu-open .whatsapp-floating, body.wx-no-scroll .whatsapp-floating, body:has(.image-zoom-modal.open) .whatsapp-floating { visibility: hidden; pointer-events: none; } @media (max-width: 1080px) { body:has(input:focus, textarea:focus, select:focus, [contenteditable="true"]:focus) .whatsapp-floating { visibility: hidden; pointer-events: none; } } @media (max-width: 680px) { .whatsapp-floating { width: 46px; height: 46px; right: max(12px, env(safe-area-inset-right, 0px)); bottom: max(var(--whatsapp-mobile-bottom, 70px), calc(14px + env(safe-area-inset-bottom, 0px))); } .whatsapp-floating .whatsapp-icon { width: 24px; height: 24px; } } @media (prefers-reduced-motion: reduce) { .whatsapp-button, .whatsapp-floating { transition: none; } } .home-wox{--wx-muted:#575a53} .site-header .wox-header-row>.logo small{color:#66645d!important} .wx-home-hero-editorial .wx-home-hero-copy h1 .wx-hero-accent{color:#92703f} .wx-adv-editorial-no{color:#7e7b73} .wx-adv-editorial-copy small,.wx-review-top span,.wx-review-meta span,.wx-reviews-foot>span{color:#606258} .footer-grid h2{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:1.33em 0;color:#aaa} picture[style="display:contents"]{display:contents}