
:root,.dark{--ink:#081813;--deep:#0b271f;--acid:#d7ff35;--paper:#f1f2eb;--line:#c9cec3;--white:#f7f8f2;--background:var(--ink);--foreground:var(--white)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a:focus-visible,label:focus-visible,video:focus-visible{outline:3px solid var(--acid);outline-offset:5px}h1,h2,h3,p,figure,blockquote{margin:0}ul{padding:0;margin:0;list-style:none}img,video{display:block;max-width:100%}svg{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:var(--acid);color:var(--ink)}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--acid);color:var(--ink);padding:14px 18px;font-weight:700}.skip-link:focus{top:15px}.header{height:94px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1c;background:#081813ee;backdrop-filter:blur(16px);gap:24px;position:sticky;top:0;z-index:15}.wordmark{display:inline-flex;align-items:center;gap:10px}.wordmark img{filter:invert(1);object-fit:contain}.brand-symbol{width:30px;height:40px}.brand-name{width:122px;height:auto}.header nav{display:flex;align-items:center;gap:28px}.header nav a{font-size:13px;color:#dce3de}.header nav a:hover{color:var(--acid)}.header-cta{display:flex;align-items:center;gap:16px;border:1px solid #ffffff38;padding:12px 16px;font-size:13px;font-weight:700}.header-cta:hover{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;line-height:1.5;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--acid)}h1,h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;letter-spacing:-1px;line-height:.95}h2{font-size:clamp(54px,6.2vw,94px)}
.hero{min-height:760px;height:calc(100svh - 94px);position:relative;overflow:hidden;display:grid;grid-template-columns:53% 47%;background:radial-gradient(circle at 75% 30%,#1d5847 0%,#0d2d24 32%,#081813 72%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081813 0%,transparent 62%);pointer-events:none}.hero-copy{padding:110px 2% 130px 8.5%;position:relative;z-index:2;align-self:center}.hero h1{font-size:clamp(72px,8vw,128px);margin:30px 0 28px}.hero h1 span{color:var(--acid)}.hero-intro{font-size:20px;line-height:1.6;max-width:520px;color:#d5dfd8}.hero-actions{display:flex;align-items:center;gap:14px;margin-top:36px}.button{min-height:56px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:14px;font-weight:800}.button-primary{background:var(--acid);color:var(--ink)}.button-primary:hover{background:#e5ff76}.button-ghost{border:1px solid #ffffff48}.button-ghost:hover{border-color:var(--acid);color:var(--acid)}.hero-visual{position:relative;z-index:1;height:100%;overflow:hidden}.hero-main{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.85) contrast(1.05)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,#081813aa 100%)}.hero-card{position:absolute;z-index:2;right:8%;bottom:11%;background:var(--acid);color:var(--ink);padding:18px 20px;min-width:250px;display:grid;gap:4px}.hero-card span,.hero-card small{font-size:11px;letter-spacing:1.3px}.hero-card strong{font-size:25px}.hero-index{position:absolute;z-index:3;bottom:28px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.4px;color:#aab9b1}
.client-band{background:var(--acid);color:var(--ink);display:grid;grid-template-columns:220px 1fr;min-height:96px;align-items:stretch}.client-band>p{display:flex;align-items:center;padding:20px 24px 20px 4.5vw;font-size:12px;font-weight:900;letter-spacing:1.4px;border-right:1px solid #0b271f44}.client-band>div{display:flex;align-items:center;gap:36px;overflow:hidden;padding:0 34px}.client-band span{font-size:16px;font-weight:900;white-space:nowrap}.client-band span:after{content:"✳";font-weight:400;margin-left:36px}
.section-light{background:var(--paper);color:#111710;padding:110px 5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:64px}.section-heading .eyebrow{margin-bottom:24px;color:#586058}.section-heading>p{max-width:390px;color:#4d554d;font-size:18px;line-height:1.65}.case-list{border-top:1px solid var(--line)}.case{min-height:680px;display:grid;grid-template-columns:31% 38% 31%;border-bottom:1px solid var(--line)}.case-copy{padding:42px 42px 42px 0;display:flex;flex-direction:column}.case-number{font-family:monospace;font-size:14px;color:#677068}.case-client{font-size:13px;font-weight:900;letter-spacing:1.6px;margin-top:auto}.case-copy h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(38px,4vw,62px);font-weight:400;line-height:1;margin:15px 0 20px}.case-copy>p:last-of-type{font-size:16px;line-height:1.65;color:#535b53}.case-copy ul{margin-top:28px}.case-copy li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #cdd1c9;font-size:14px}.case-cover{overflow:hidden}.case-cover img{width:100%;height:100%;object-fit:cover}.case-details{display:grid;grid-template-rows:1fr 1fr}.case-details img{width:100%;height:100%;object-fit:cover;border-left:8px solid var(--paper)}.case-details img+img{border-top:8px solid var(--paper)}.case-2 .case-cover{order:3}.case-2 .case-details{order:2}.case-2 .case-copy{order:1}
.quality{padding:110px 5%;background:var(--deep)}.quality-copy{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:55px}.quality-copy .eyebrow{grid-column:1/-1;color:#aabbb2}.quality-copy h2{color:var(--acid)}.quality-copy>p:last-child{max-width:430px;font-size:22px;line-height:1.5;color:#d0dad4;padding-bottom:8px}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.detail{position:relative;min-height:520px;overflow:hidden}.detail img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.detail:hover img{transform:scale(1.035)}.detail:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#05110edd)}.detail figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:auto 1fr;gap:4px 15px;align-items:center}.detail figcaption span{grid-row:1/3;font-family:monospace;color:var(--acid)}.detail figcaption strong{font-size:16px}.detail figcaption small{color:#b9c4be}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.product{padding:28px;border-right:1px solid var(--line);background:#e6e9e2}.product:last-child{border-right:0}.product-top{display:flex;justify-content:space-between;font-family:monospace;font-size:12px;color:#5c655c}.kit-images{height:270px;display:flex;justify-content:center;align-items:center;gap:2px;margin:25px 0}.kit-images img{max-width:58%;height:100%;min-width:0;object-fit:contain}.kit-images img:nth-child(3){max-width:22%;height:80%}.product h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:36px;font-weight:400}.product>p{color:#4f584f;line-height:1.5;margin:10px 0 25px}.product li{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #cdd2c8;font-size:14px}.catalog-link{display:inline-flex;align-items:center;gap:20px;margin-top:34px;padding-bottom:8px;border-bottom:1px solid;font-weight:800;font-size:14px}
.viewer{padding:110px 5%;min-height:760px;background:radial-gradient(circle at 72% 45%,#1d5947,#0a281f 40%,#061511 78%);display:grid;grid-template-columns:37% 63%;position:relative;overflow:hidden}.viewer-copy{align-self:center;position:relative;z-index:3}.viewer-copy .eyebrow{color:#adbbb3;margin-bottom:28px}.viewer h2{color:var(--acid)}.viewer-copy>p:not(.eyebrow){max-width:350px;color:#d0d8d3;line-height:1.65;font-size:18px;margin-top:28px}.view-controls{display:flex;gap:8px;margin-top:35px}.view-controls label{border:1px solid #ffffff3e;padding:11px 14px;font-size:13px;cursor:pointer}.view-controls label:hover{border-color:var(--acid);color:var(--acid)}.product-viewer{position:relative;min-height:600px;display:grid;place-items:center;perspective:1500px}.product-viewer input{position:absolute;width:1px;height:1px;opacity:0}.viewer-grid{position:absolute;inset:8% 5%;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:44px 44px;transform:perspective(600px) rotateX(60deg);transform-origin:center bottom;border-bottom:1px solid #ffffff3d}.shirt-object{position:relative;width:min(72%,500px);height:560px;display:grid;place-items:center;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 35px 32px #0008)}.shirt-object:before,.shirt-object:after{content:"";position:absolute;inset:8% 16%;background:#092017;border-radius:50%;filter:blur(35px);transform:translateZ(-35px)}.shirt-object:after{transform:translateZ(-65px);opacity:.5}.shirt-object img{height:100%;width:100%;object-fit:contain;position:relative;z-index:2;transform:translateZ(32px)}#view-left:checked~.shirt-object{transform:rotateY(13deg) rotateZ(-1deg)}#view-right:checked~.shirt-object{transform:rotateY(-13deg) rotateZ(1deg)}#view-front:checked~.shirt-object{transform:rotateY(0)}.hotspot{position:absolute;z-index:4;font-size:10px;letter-spacing:1.2px;background:var(--acid);color:var(--ink);padding:7px 9px;font-weight:900}.hotspot:before{content:"";position:absolute;width:38px;height:1px;background:var(--acid);top:50%}.hotspot-neck{top:18%;right:15%}.hotspot-neck:before,.hotspot-graphic:before{right:100%}.hotspot-graphic{top:43%;right:9%}.hotspot-finish{bottom:17%;left:10%}.hotspot-finish:before{left:100%}.viewer-note{position:absolute;right:5%;bottom:28px;color:#93a49a;font-size:12px}
.story-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:auto auto;gap:14px}.story-video{grid-row:1/3;position:relative;background:#0a1511;min-height:720px;overflow:hidden}.story-video video{width:100%;height:100%;object-fit:cover}.story-video figcaption,.process-video figcaption{position:absolute;left:18px;bottom:18px;background:#07140fe8;color:white;padding:12px 15px;display:flex;gap:10px;align-items:center;font-size:13px}.story-grid blockquote{background:var(--acid);color:var(--ink);padding:45px;display:flex;flex-direction:column;justify-content:center}.story-grid blockquote>span{font-size:11px;font-weight:900;letter-spacing:1.4px}.story-grid blockquote p{font-size:clamp(27px,3vw,44px);line-height:1.18;font-weight:800;margin:30px 0}.story-grid blockquote footer{font-size:13px;line-height:1.5}.process-video{position:relative;background:#0a1511;min-height:350px;overflow:hidden}.process-video video{width:100%;height:100%;object-fit:cover}
.process{padding:110px 5%;background:#071c16}.process-heading{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;margin-bottom:65px}.process h2{color:var(--acid)}.steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ffffff2d}.steps article{padding:27px 24px 30px 0;border-right:1px solid #ffffff20;min-height:250px}.steps article+article{padding-left:24px}.steps article:last-child{border-right:0}.steps span{font-family:monospace;color:var(--acid)}.steps h3{font-size:19px;margin:75px 0 14px}.steps p{color:#abb9b0;line-height:1.65;font-size:15px}
.contact{background:var(--acid);color:var(--ink);padding:80px 5%}.contact>.eyebrow{margin-bottom:35px}.contact>div{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.contact h2{font-size:clamp(78px,10.5vw,158px)}.contact h2 span{font-style:italic}.contact aside{max-width:370px;padding-bottom:12px}.contact aside p{font-size:22px;line-height:1.45;font-weight:700}.contact aside a{display:inline-flex;align-items:center;gap:20px;margin-top:24px;padding-bottom:8px;border-bottom:2px solid;font-weight:900}.site-footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer p{color:#9ca9a0;font-size:13px}.site-footer>a:last-child{display:flex;align-items:center;gap:15px;font-size:13px}.site-footer .brand-symbol{width:26px;height:34px}.site-footer .brand-name{width:105px}
.viewer{grid-template-columns:36% 64%}.viewer-features{margin-top:34px;max-width:350px;border-top:1px solid #ffffff29}.viewer-features li{padding:13px 0;border-bottom:1px solid #ffffff29;color:#cdd8d1;font-size:14px}.viewer-features li:before{content:"+";color:var(--acid);margin-right:13px}.model-shell{position:relative;min-height:620px;display:grid;place-items:center;border:1px solid #ffffff18;background:radial-gradient(circle,#174c3e66,transparent 65%);overflow:hidden}.shirt-model{display:block;width:100%;height:620px;--poster-color:transparent;pointer-events:none}.shirt-model>img{width:100%;height:100%;object-fit:contain}.model-hotspot{border:0;background:var(--acid);color:var(--ink);padding:8px 10px;font:900 10px Arial,sans-serif;letter-spacing:1.1px;box-shadow:0 6px 18px #0005}.model-hotspot:after{content:"";position:absolute;left:50%;top:100%;height:22px;width:1px;background:var(--acid)}.model-instruction{position:absolute;left:18px;top:16px;padding:9px 12px;background:#071812dd;color:#dce6df;font-size:11px;letter-spacing:.7px;pointer-events:none}.model-controls{position:absolute;z-index:6;left:16px;right:16px;bottom:16px;margin:0;padding:0;border:0;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.model-control{min-height:42px;border:1px solid #ffffff45;background:#071812e8;color:#f4f7f3;padding:0 13px;font:800 11px Arial,sans-serif;letter-spacing:.8px;cursor:pointer}.model-control:hover,.model-control.is-active{background:var(--acid);border-color:var(--acid);color:var(--ink)}.model-control:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.model-zoom{min-width:42px;padding:0;font-size:20px}.viewer-note{z-index:4}
@media(max-width:1050px){.header nav{gap:15px}.hero{grid-template-columns:58% 42%}.hero-copy{padding-left:6%}.case{grid-template-columns:35% 40% 25%;min-height:580px}.case-copy{padding-right:26px}.detail{min-height:440px}.steps{grid-template-columns:repeat(3,1fr)}.steps article:nth-child(3){border-right:0}.viewer{grid-template-columns:42% 58%}}
@media(max-width:760px){html{scroll-padding-top:126px}.header{height:auto;min-height:104px;padding:17px 5%;flex-wrap:wrap;gap:15px}.header nav{order:3;width:100%;overflow-x:auto;justify-content:space-between}.header nav a{white-space:nowrap}.header-cta{padding:10px 12px}.brand-symbol{width:25px;height:34px}.brand-name{width:102px}.hero{height:auto;min-height:880px;display:block}.hero-copy{padding:65px 6% 430px}.hero h1{font-size:clamp(58px,17vw,82px);margin:24px 0 20px}.hero-intro{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column;width:max-content}.hero-visual{position:absolute;inset:auto 0 0;height:420px}.hero-visual:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,#081813 0%,transparent 35%)}.hero-card{right:6%;bottom:8%;min-width:215px}.hero-index{display:none}.client-band{grid-template-columns:1fr}.client-band>p{border:0;border-bottom:1px solid #0b271f44;padding:15px 6%}.client-band>div{padding:18px 6%;overflow-x:auto}.section-light,.quality,.viewer,.process{padding:70px 6%}.section-heading{display:block;margin-bottom:40px}.section-heading>p{font-size:16px;margin-top:25px}.case{display:grid;grid-template-columns:1fr 1fr;min-height:0;padding:30px 0}.case-copy{grid-column:1/-1;padding:0 0 28px}.case-copy .case-client{margin-top:45px}.case-cover{height:400px}.case-details{height:400px}.case-2 .case-cover{order:2}.case-2 .case-details{order:3}.case-2 .case-copy{order:1}.quality-copy{grid-template-columns:1fr}.quality-copy .eyebrow{grid-column:auto}.quality-copy>p:last-child{font-size:18px}.detail-grid{grid-template-columns:1fr}.detail{min-height:420px}.product-grid{grid-template-columns:1fr}.product{border-right:0;border-bottom:1px solid var(--line)}.product:last-child{border-bottom:0}.kit-images{height:250px}.viewer{display:block}.viewer-copy{position:relative;z-index:5}.view-controls{justify-content:center}.product-viewer{min-height:510px;margin-top:25px}.shirt-object{height:460px;width:95%}.hotspot-graphic{right:1%}.hotspot-neck{right:4%}.hotspot-finish{left:1%}.viewer-note{position:static;text-align:center}.story-grid{grid-template-columns:1fr;grid-template-rows:auto}.story-video{grid-row:auto;min-height:610px}.story-grid blockquote{padding:35px 28px}.process-video{min-height:560px}.process-heading{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps article,.steps article+article{border-right:0;border-bottom:1px solid #ffffff20;padding:25px 0;min-height:0}.steps h3{margin:40px 0 12px}.contact{padding:65px 6%}.contact>div{display:block}.contact aside{margin-top:35px}.contact h2{font-size:21vw}.site-footer{padding:35px 6%;flex-wrap:wrap}.site-footer p{order:3;width:100%}}
@media(max-width:760px){.viewer{display:block}.viewer-features{margin-bottom:30px}.model-shell{min-height:560px;margin:0 -2vw}.shirt-model{height:520px;margin-bottom:40px}.model-instruction{left:12px;top:12px}.model-controls{left:10px;right:10px;bottom:10px;gap:5px}.model-control{min-height:40px;padding:0 9px;font-size:10px}.model-zoom{min-width:40px;font-size:18px}.viewer-note{margin-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Visor 3D Pumas: isolated document, compatible with static hosting. */
.jersey-section{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr);gap:5%;padding:90px 5%;background:#0b271f;align-items:center;scroll-margin-top:94px}.jersey-copy .eyebrow{color:#becdbf;margin-bottom:24px}.jersey-copy h2{font-size:clamp(48px,5.5vw,82px);line-height:.98;color:var(--white)}.jersey-copy h2 span{color:var(--acid)}.jersey-copy>p:not(.eyebrow){color:#c1cec5;line-height:1.65;margin:28px 0;max-width:370px}.jersey-copy>a{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:var(--acid);padding-bottom:8px;border-bottom:1px solid #d7ff3560}.jersey-frame{display:block;width:100%;height:690px;border:0;border-radius:14px;background:#0b271f}@media(max-width:900px){.jersey-section{grid-template-columns:1fr;gap:32px;padding:60px 5%}.jersey-copy h2{font-size:56px}.jersey-copy h2 br{display:none}.jersey-copy h2 span{display:block}.jersey-copy>p:not(.eyebrow){max-width:540px}.jersey-frame{height:720px}}@media(max-width:500px){.jersey-frame{height:755px}.jersey-copy h2{font-size:48px}}
