.headwearExperience{--hw-ink:#163d34;--hw-muted:#60726a;--hw-accent:#687646;--hw-line:#d9e2d6;--hw-panel:#ffffffa8;--hw-selected:#e9eddf;--hw-control:#edf0e9;color:var(--hw-ink);isolation:isolate;background:0 0;padding:26px max(24px,50vw - 720px) 28px;scroll-margin-top:145px}.headwearExperience *{box-sizing:border-box}.hwLayout{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px;max-width:1440px;margin:auto;display:grid}.headwearExperience button,.headwearExperience a{font:inherit;-webkit-tap-highlight-color:transparent}.headwearExperience button{cursor:pointer;color:var(--hw-ink)}.headwearExperience :is(button,a,select):focus-visible{outline:3px solid var(--hw-accent);outline-offset:4px}.headwearExperience button:disabled{opacity:.4;cursor:not-allowed}.headwearExperience .hwEyebrow{letter-spacing:.15em;color:var(--hw-muted);margin:0;font:700 12px/1.5 Arial,sans-serif!important}.hwIntro{flex-direction:column;align-self:stretch;padding:10px 4px 10px 0;display:flex;box-shadow:none!important;background:0 0!important;border:0!important}.hwIntro>.hwEyebrow{align-items:center;gap:12px;display:flex}.headwearExperience .hwIntro h2{color:var(--hw-ink);margin:22px 0 16px;font:700 clamp(40px, 3.4vw, 52px)/.99 var(--display-font,"Rajdhani"), sans-serif!important;letter-spacing:-.035em!important}.hwIntro h2 em{color:var(--hw-accent);font-style:normal;text-decoration:none;display:block}.headwearExperience .hwIntro>p{color:var(--hw-muted);margin:0;font:400 16px/1.55 Arial,sans-serif!important}.hwIntro ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:26px 0 0;padding:0;list-style:none;display:grid}.hwIntro li{align-items:flex-start;gap:9px;min-width:0;transition:transform .32s;display:flex}.hwIntro li>span{background:var(--hw-control);width:34px;height:34px;color:var(--hw-ink);border-radius:50%;flex:none;place-items:center;transition:background .32s,color .32s,transform .32s;display:grid}.hwIntro svg{width:23px;height:23px}.hwIntro strong{color:var(--hw-ink);font:700 15px/1.3 Arial,sans-serif;display:block}.headwearExperience .hwIntro li p{color:var(--hw-muted);margin:5px 0 0;font:400 14px/1.35 Arial,sans-serif!important}.hwFabrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.hwFabrics figure{align-items:center;gap:12px;min-width:0;margin:0;display:flex}.hwFabrics .hwFabricTreated{flex-direction:row;grid-column:1/-1;align-items:center}.hwFabricTexture{border:1px solid var(--hw-line);background-image:url(/images/corporate-composer/fabrics.png);background-size:300% 200%;border-radius:50%;flex:none;width:clamp(64px,5.7vw,80px);height:clamp(64px,5.7vw,80px);display:block;box-shadow:inset 0 0 0 3px #ffffff20,0 4px 12px #102d2412}.hwFabricTwill{background-position:0 100%}.hwFabricOxford{background-position:50% 100%}.hwFabrics figcaption{background:0 0;min-width:0;padding:0}.hwFabrics figcaption strong{font-size:15px;line-height:1.3}.hwFabrics figcaption>span{color:var(--hw-muted);margin-top:5px;font:400 14px/1.4 Arial,sans-serif;display:block}.hwVisual{isolation:isolate;background:#dce3df;border-radius:18px;align-self:stretch;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 12px 38px #173c2b0a}.hwPhotograph,.hwPhotograph canvas{width:100%;height:100%;position:absolute;inset:0}.hwPhotograph canvas{object-fit:cover;object-position:50% 24%;max-width:none;display:block}.hwPhotograph .hwPrevious{opacity:0}.hwUpdating{color:#214335;background:#ffffffec;border-radius:5px;padding:5px 8px;font:12px/1.4 Arial,sans-serif;position:absolute;top:61px;right:14px}.hwLoading{background:#e5e9df;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.headwearExperience .hwLoading p{color:#234839!important;font:400 15px/1.5 Arial,sans-serif!important}.hwLoading button{background:#fff;border:1px solid #698572;border-radius:9px;min-height:44px;padding:12px}.hwVisualBottom{background:linear-gradient(#0000,#132b2854 40%,#132b2870);padding:52px 16px 14px;position:absolute;bottom:0;left:0;right:0}.hwActiveModel{color:#fff;text-shadow:0 1px 8px #17382c66;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:5px 12px;padding:0 3px 12px;display:flex}.hwActiveModel strong{font:700 22px/1.1 var(--display-font,"Rajdhani"), sans-serif}.hwActiveModel>span{font:400 12px/1.4 Arial,sans-serif}.hwFilmstrip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7faf4ed;border:1px solid #ffffffb3;border-radius:13px;align-items:center;gap:5px;padding:7px;display:flex;box-shadow:0 5px 25px #102d241a}.hwFilmstrip>div{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.hwFilmstrip>div>button{background:0 0;border:1px solid #0000;border-radius:8px;min-width:0;height:62px;padding:0;transition:border-color .22s,background .22s}.hwFilmstrip>div>button[aria-pressed=true]{background:#e6ecdd;border-color:#738056}.hwArrow{background:#fff;border:1px solid #dce3d6;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;padding:9px;display:grid;color:#254738!important}.hwArrow svg{width:12px;height:12px}.hwThumb{width:100%;height:60px;display:block;overflow:hidden}.hwThumb image{filter:none}.hwControls{background:var(--hw-panel);border:1px solid var(--hw-line);border-radius:22px;flex-direction:column;align-self:stretch;min-width:0;padding:20px 18px 15px;display:flex}.hwControls>.hwEyebrow{margin-bottom:14px}.hwControls fieldset{border:0;min-width:0;margin:0 0 15px;padding:0}.hwControls legend{color:var(--hw-ink);width:100%;padding:0 0 9px;font:700 14px/1.4 Arial,sans-serif}.hwControls legend>span{color:var(--hw-muted);font-weight:400}.hwControls legend>output{float:right;color:var(--hw-muted);font:400 12px/1.4 Arial,sans-serif}.hwModels{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.hwModels button{background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:3px 1px 7px;transition:background .2s,border-color .2s;display:flex}.hwModels .hwThumb{background-color:#f8faf5;border-radius:7px;height:48px}.hwModels button>span:last-child{text-align:center;align-items:center;min-height:32px;font:400 13px/1.2 Arial,sans-serif;display:flex}.hwModels button[aria-pressed=true]{border-color:var(--hw-accent);background:var(--hw-selected)}.hwBranding{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.hwBranding[data-options="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.hwBranding button{background:var(--hw-control);border:1px solid #0000;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:76px;padding:8px 4px;transition:background .2s,border-color .2s,transform .2s;display:flex}.hwBranding button svg{width:29px;height:29px}.hwBranding button>span{font:400 14px/1.3 Arial,sans-serif}.hwBranding button[aria-pressed=true]{border-color:var(--hw-accent);background:var(--hw-selected)}.hwBranding button:not(:disabled):hover{transform:translateY(-2px)}.hwColors{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.hwColors button{background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:100%;max-width:43px;height:43px;padding:3px;display:grid}.hwColors button>span{background:var(--swatch);border-radius:50%;width:32px;height:32px;transition:transform .18s;box-shadow:inset 0 0 0 1px #00000016}.hwColors button[aria-pressed=true]{border-color:var(--hw-accent)}.hwColors button:hover>span{transform:scale(1.07)}.hwWhatsapp{background:#00634e;border:1px solid #00614c;border-radius:13px;justify-content:center;align-items:center;gap:11px;min-height:52px;margin-top:auto;padding:12px 10px;transition:transform .22s,background .22s,box-shadow .22s;display:flex;box-shadow:0 5px 12px #073a2520;color:#fff!important;font:700 22px/1.1 var(--display-font,"Rajdhani"), sans-serif!important;text-decoration:none!important}.hwWhatsapp>.whatsAppIcon{flex:none;width:30px!important;height:30px!important}.hwWhatsapp>svg{flex:none;width:12px;height:12px;margin-left:3px}.hwWhatsapp:hover{background:#004f3e;transform:translateY(-2px);box-shadow:0 8px 20px #073a2530}html[data-theme=dark] .headwearExperience{--hw-ink:#e0e9e3;--hw-muted:#afc2b7;--hw-accent:#b6c88e;--hw-line:#355147;--hw-panel:#132e268c;--hw-selected:#324637;--hw-control:#1c362d}html[data-theme=dark] main .headwearExperience .hwIntro{background:0 0!important}html[data-theme=dark] .hwModels .hwThumb{background-color:#dce3d6}@media (prefers-reduced-motion:reduce){.headwearExperience *,.headwearExperience :before,.headwearExperience :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hwLayout{height:550px}.hwFilmstrip{display:none}.hwActiveModel{padding-bottom:0}.hwColors button{min-width:0;max-width:44px;min-height:44px}@media (min-width:1200px) and (max-height:800px){.hwLayout{gap:18px;height:550px}.headwearExperience{padding-top:22px;padding-bottom:20px}.hwIntro{padding-top:5px;padding-bottom:5px}.headwearExperience .hwIntro h2{margin:18px 0 14px;font-size:43px!important}.hwIntro ul{gap:14px 12px;padding-top:0}.hwControls{padding:16px 15px 12px}.hwControls fieldset{margin-bottom:12px}.hwBrandNote{min-height:67px;padding:9px 0 10px}.hwControls>.hwEyebrow{margin-bottom:11px}}@media (max-width:1199px){.hwLayout{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;height:auto}.hwIntro{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 30px;padding:0;display:grid}.hwIntro>.hwEyebrow{grid-column:1}.headwearExperience .hwIntro h2{margin:14px 0;font-size:43px!important}.hwIntro>p{grid-column:1}.hwIntro ul{grid-area:1/2/4;align-self:center;gap:18px;margin:0;padding:0}.hwFabrics{grid-column:1/-1;max-width:520px;margin-top:24px}.hwVisual{height:auto;min-height:500px}.hwControls{min-height:500px}}@media (max-width:760px){.headwearExperience{padding:28px 18px 22px;scroll-margin-top:100px}.hwLayout{flex-direction:column;gap:18px;max-width:520px;display:flex}.hwIntro{width:100%;display:block}.headwearExperience .hwIntro h2{max-width:390px;margin:13px 0;font-size:39px!important}.hwFabrics{gap:16px;margin-top:24px}.hwFabrics figure{flex-direction:column;align-items:flex-start;gap:10px}.hwFabricTexture{width:68px;height:68px}.headwearExperience .hwIntro>p{max-width:420px;font-size:16px!important}.hwIntro ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:18px 0 0;padding:0;display:grid}.hwIntro li{align-items:center;gap:8px}.hwIntro li>span{width:28px;height:28px}.hwIntro svg{width:20px;height:20px}.hwIntro strong{font-size:14px}.headwearExperience .hwIntro li p{display:none}.hwVisual{border-radius:16px;align-self:auto;width:100%;height:clamp(384px,103vw,478px);min-height:0}.hwPhotograph canvas{object-position:50% 19%}.hwControls{border-radius:18px;width:100%;min-height:0;padding:20px 16px 16px}.hwControls fieldset{margin-bottom:18px}.hwControls legend{font-size:15px}.hwModels{gap:4px}.hwModels .hwThumb{height:53px}.hwModels button>span:last-child{font-size:13px}.hwBranding{grid-template-columns:repeat(2,minmax(0,1fr))}.hwBranding button{min-height:68px;padding:9px 7px}.hwBranding button>span{font-size:13px;line-height:1.3}.hwBranding button svg{width:24px;height:24px}.hwVisualBottom{padding:44px 10px 10px}.hwFilmstrip{gap:4px;margin-top:10px;padding:5px;display:flex}.hwFilmstrip>div{gap:2px}.hwFilmstrip>div>button{height:45px}.hwFilmstrip .hwThumb{height:43px}.hwArrow{width:30px;height:30px;padding:9px}.hwSceneLabel{top:12px;left:12px}.hwActiveModel{gap:3px 10px;padding:0 3px}.hwActiveModel strong{font-size:22px}.hwWhatsapp{min-height:54px;font-size:23px!important}.hwFootnote{text-align:left!important;max-width:520px!important}.hwBrandNote{min-height:0;padding:12px 0 16px}}@media (min-width:1200px){.hwModels .hwThumb{height:40px}.hwModels button{gap:2px;padding-bottom:4px}.hwControls fieldset{margin-bottom:10px}.hwBranding button{flex-direction:column;gap:5px;min-height:79px;padding:7px 3px}.hwBranding button svg{flex:none;width:24px;height:24px}.hwBranding button>span{font-size:13px;line-height:1.25}.hwBrandNote{min-height:57px;padding:8px 0 10px}.headwearExperience .hwBrandNote p{margin:0}.headwearExperience .hwRequestNote{margin-top:8px;font-size:11px!important}}.hwSceneLabel{color:#254b3d;background:#ffffffe0;border:1px solid #ffffff80;border-radius:20px;padding:7px 10px;font:12px/1.3 Arial,sans-serif;position:absolute;top:16px;left:16px}.hwEnvironment{position:relative}.hwEnvironment select{appearance:none;border:1px solid var(--hw-line);background:var(--hw-control);width:100%;height:43px;color:var(--hw-ink);cursor:pointer;border-radius:10px;padding:0 38px 0 13px;font:400 14px/1.4 Arial,sans-serif}.hwEnvironment select:focus-visible{outline:3px solid var(--hw-accent);outline-offset:3px}.hwEnvironment select option{background:var(--hw-control);color:var(--hw-ink)}.hwEnvironment>.directionChevron{pointer-events:none;width:14px;height:14px;color:var(--hw-ink);position:absolute;top:15px;right:13px}.hwControls label{font:inherit;color:inherit}.hwControls label>span{color:var(--hw-muted);font-weight:400}.headwearExperience[data-ready=true] .hwIntro li{animation:.42s both hw-benefit-enter;animation-delay:calc(var(--benefit-order) * 45ms)}.hwIntro li[data-active=true]>span{background:var(--hw-selected);color:var(--hw-accent);box-shadow:inset 0 0 0 1px var(--hw-line);transform:translateY(-2px)}.hwIntro li:hover>span{transform:translateY(-2px)rotate(-5deg)}.hwSceneLabel{animation:.3s both hw-benefit-enter}@keyframes hw-benefit-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1200px){.hwLayout{grid-template-rows:minmax(0,1fr)}.hwLayout>*{min-height:0}.hwControls{padding-bottom:16px}.hwControls fieldset{margin-bottom:9px}.hwControls legend{padding-bottom:7px}.hwControls>.hwEyebrow{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.headwearExperience *,.headwearExperience :before,.headwearExperience :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hwInfoToggle{display:none}@media (min-width:1200px){.hwLayout{height:auto;min-height:550px}.hwVisual{min-height:550px}.hwControls fieldset{margin-bottom:14px}}@media (max-width:800px){.headwearExperience{--headwear-preview-height:clamp(300px, 88vw, 360px);padding:26px 16px}.hwLayout{flex-direction:column;gap:14px;max-width:560px;display:flex}.hwIntro,.hwControls{display:contents}.hwIntro>.hwEyebrow{letter-spacing:.1em;order:0;font-size:12px!important}.headwearExperience .hwIntro h2{order:1;margin:0;font-size:clamp(32px,8.5vw,40px)!important;line-height:1.05!important}.headwearExperience .hwIntro>p{order:2;max-width:none;margin:0 0 4px}.hwControls>.hwEyebrow{display:none}.hwControls fieldset{border:1px solid var(--hw-line);background:var(--hw-panel);border-radius:14px;margin:0;padding:16px}.hwControls legend{float:left;margin:0 0 10px;padding:0;font-size:15px}.hwControls fieldset>div{clear:both}.hwControls legend>output{float:none;margin-top:3px;font-size:14px;display:block}.hwControls .hwModelField{background:0 0;border:0;order:3;padding:0}.hwModelField legend{margin-bottom:8px}.hwModels{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--hw-line) transparent;gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}.hwModels button{border-color:var(--hw-line);background:var(--hw-panel);scroll-snap-align:center;flex:0 0 88px;min-height:92px;padding:6px}.hwModels .hwThumb{height:46px}.hwModels button>span:last-child{min-height:32px;font-size:14px}.hwVisual{min-height:0;height:var(--headwear-preview-height);border-radius:16px;order:4}.hwPhotograph canvas{object-position:50% 5%}.hwFilmstrip{display:none}.hwSceneLabel{font-size:12px;top:10px;left:10px}.hwUpdating{top:47px;right:10px}.hwVisualBottom{padding:38px 14px 12px}.hwActiveModel{gap:4px;display:grid}.hwActiveModel strong{font-size:23px}.hwActiveModel>span{font-size:13px}.hwColorField{order:5}.hwBrandField{order:6}.hwEnvironmentField{order:7}.hwColors{flex-wrap:wrap;gap:5px;display:flex}.hwColors button{flex:0 0 44px;width:44px;height:44px}.hwBranding{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hwBranding button{text-align:left;flex-direction:row;gap:8px;min-height:64px;padding:10px 8px}.hwBranding button>span{overflow-wrap:anywhere;font-size:14px}.hwBranding button svg{flex:none;width:22px;height:22px}.hwEnvironment select{height:48px;padding-left:12px;font-size:16px}.hwEnvironment>.directionChevron{top:17px}.hwWhatsapp{order:8;gap:9px;min-height:50px;margin:0;font-size:21px!important}.hwInfoToggle{border:0;border-block:1px solid var(--hw-line);text-align:left;background:0 0;order:9;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:52px;padding:12px 0;display:flex;font:600 15px/1.4 Arial,sans-serif!important}.hwInfoToggle svg{flex:none;width:15px;height:15px}.hwIntro[data-info-open=false] :is(ul,.hwFabrics){display:none}.hwIntro ul{order:10;gap:16px 12px;margin:0}.headwearExperience .hwIntro li p{display:block;font-size:14px!important}.hwIntro li{align-items:start}.hwFabrics{order:11;gap:14px;margin:0}.hwFabrics figure{flex-direction:row;align-items:center;gap:10px}.hwFabricTexture{width:44px;height:44px}.hwFabrics figcaption>span{font-size:13px}}@media (max-width:800px) and (min-height:740px){.accessoriesLinePage{overflow:clip visible}.hwVisual{top:calc(var(--site-header-height,75px) + 8px);z-index:5;position:sticky}.hwControls :is(fieldset,button,select){scroll-margin-top:calc(var(--site-header-height,75px) + var(--headwear-preview-height) + 24px)}}.headwearExperience .hwIntro ul{align-items:center;gap:12px 16px;margin-top:24px}.headwearExperience .hwIntro li{align-items:center;gap:8px}.headwearExperience .hwIntro li>span{width:26px;height:26px;box-shadow:none;background:0 0}.headwearExperience .hwIntro li svg{width:20px;height:20px}.headwearExperience .hwIntro li strong{font-size:14px;font-weight:500}.headwearExperience .hwFabrics{flex-direction:column;gap:0;max-width:none;margin-top:26px;display:flex}.headwearExperience .hwFabrics h3{color:var(--hw-ink);margin:0 0 6px;font:600 14px/1.4 Arial,sans-serif}.headwearExperience .hwFabrics>div{border-bottom:1px solid var(--hw-line);grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);align-items:baseline;gap:12px;padding:12px 0;display:grid}.headwearExperience .hwFabrics>div:last-child{border-bottom:0}.headwearExperience .hwFabrics strong{color:var(--hw-ink);font:500 14px/1.4 Arial,sans-serif}.headwearExperience .hwFabrics>div>span{color:var(--hw-muted);font:400 14px/1.5 Arial,sans-serif}@media (min-width:801px) and (max-width:1199px){.headwearExperience .hwIntro ul{margin:0}.headwearExperience .hwFabrics{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;display:grid}.headwearExperience .hwFabrics h3{grid-column:1/-1}.headwearExperience .hwFabrics>div{border-bottom:0;display:block}.headwearExperience .hwFabrics strong{margin-bottom:4px}}@media (max-width:800px){.headwearExperience .hwIntro[data-info-open=false] :is(ul,.hwFabrics){display:none}.headwearExperience .hwIntro ul,.headwearExperience .hwFabrics{margin:0}}
