:root{--production-ink:#202024;--production-paper:#f5f1e9;--production-cobalt:#365f9f;--production-lime:#b7f500;--production-coral:#e58d70;--production-lavender:#cfc1ff}
.production-files-page{background:var(--production-paper);color:var(--production-ink)}.production-files-page strong{color:var(--production-cobalt);font-weight:680}
.production-nav{background:rgba(31,31,35,.86);color:#fff;border-color:rgba(255,255,255,.16)}.production-nav .feature-brand,.production-nav .feature-menu-trigger,.production-nav .feature-nav-cta{color:#fff}
.production-hero{min-height:920px;position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:4vw;align-items:center;padding:105px max(4vw,35px) 75px;background:#202024;color:#f8f5ee;overflow:hidden}.production-hero::before{content:"";position:absolute;inset:auto auto -25% -5%;width:54vw;height:54vw;border-radius:50%;background:radial-gradient(circle,rgba(54,95,159,.32),transparent 68%)}.production-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,32,36,.98) 0%,rgba(32,32,36,.82) 40%,rgba(32,32,36,.08) 78%);z-index:1}.production-hero-copy,.production-hero-image{position:relative;z-index:2}.production-hero-copy h1{font-size:clamp(70px,7vw,130px);line-height:.91;letter-spacing:-.065em;font-weight:470;margin:18px 0 30px;max-width:850px}.production-hero-copy strong{display:block;color:var(--production-lime)}.production-hero-copy .feature-lede{color:#c4c0ba;max-width:690px}.production-hero .feature-primary-action{background:var(--production-lime);color:#202024}.production-hero .feature-secondary-action{border-color:rgba(255,255,255,.3);color:#fff}.production-hero-image{margin:0;border-radius:38px;overflow:hidden;box-shadow:0 45px 95px rgba(0,0,0,.45);transform:rotate(1.2deg)}.production-hero-image img{display:block;width:100%;height:650px;object-fit:cover}.production-hero-image figcaption{position:absolute;left:22px;right:22px;bottom:20px;padding:17px 20px;background:rgba(25,25,28,.84);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16);border-radius:18px;display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;text-transform:uppercase;font:600 10px ui-monospace,monospace}.production-hero-image figcaption i{font-style:normal;background:var(--production-lime);color:#202024;padding:8px;border-radius:8px}
.production-proof{padding-top:150px;padding-bottom:160px}.production-proof-copy{display:grid;grid-template-columns:1.5fr .5fr;column-gap:8vw;align-items:end}.production-proof-copy .feature-kicker{grid-column:1/-1}.production-proof-copy h2,.production-handoff h2,.production-benefits h2,.production-outcome h2{font-size:var(--feature-h2);line-height:.95;letter-spacing:-.062em;font-weight:480}.production-proof-copy h2{max-width:1050px;margin:17px 0 0}.production-proof-copy>p:last-child{color:#726c65;line-height:1.55;font-size:18px}.production-proof-layout{margin-top:95px;display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:center}.production-sheet-wrap{position:relative;min-height:710px;perspective:1300px}.production-sheet,.production-sheet-back{position:absolute;inset:0 5% 0 0;border-radius:27px;background:#fff;box-shadow:0 40px 85px rgba(44,39,36,.16)}.production-sheet{z-index:3;padding:30px;transform:rotateY(3deg) rotateZ(-1deg);display:grid;grid-template-rows:auto 1fr auto auto}.production-sheet-back{transform-origin:center}.back-one{background:var(--production-lavender);transform:translate(30px,22px) rotate(2deg);z-index:2}.back-two{background:#dce7ee;transform:translate(58px,42px) rotate(4deg);z-index:1}.sheet-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #ddd9d2}.sheet-header>div{display:grid;gap:7px}.sheet-header small,.sheet-specs small{color:#8c8580;text-transform:uppercase;font:600 9px ui-monospace,monospace}.sheet-header span{padding:9px 13px;border-radius:999px;background:#e2f6b8;font-size:10px;text-transform:uppercase}.sheet-preview{margin:24px 0;border-radius:19px;background:#f0eee9;position:relative;display:grid;place-items:center;overflow:hidden}.sheet-preview::before,.sheet-preview::after{content:"";position:absolute;background:rgba(54,95,159,.34)}.sheet-preview::before{width:1px;height:100%}.sheet-preview::after{height:1px;width:100%}.sheet-garment{width:245px;height:280px;background:#365f9f;clip-path:polygon(29% 0,42% 8%,58% 8%,71% 0,100% 18%,84% 40%,77% 31%,77% 100%,23% 100%,23% 31%,16% 40%,0 18%);filter:drop-shadow(0 25px 25px rgba(38,38,43,.17));position:relative;z-index:2}.sheet-garment::before{content:"";position:absolute;left:36%;top:4%;width:28%;height:13%;border:5px solid #eef0ea;border-top:0;border-radius:0 0 50% 50%}.sheet-garment i{position:absolute;width:57px;height:45px;background:var(--production-coral);border-radius:50% 10px 50% 10px;left:94px;top:100px}.sheet-measure{position:absolute;z-index:3;border-color:#a69be0;border-style:dashed}.sheet-measure.horizontal{left:25%;right:25%;top:49%;border-width:1px 0 0}.sheet-measure.vertical{top:22%;bottom:15%;left:50%;border-width:0 0 0 1px}.placement-label{position:absolute;z-index:4;right:20px;bottom:18px;font:600 9px ui-monospace,monospace;text-transform:uppercase}.sheet-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sheet-specs div{padding:14px;border-radius:13px;background:#f4f1ec;display:grid;gap:7px}.sheet-footer{margin-top:18px;padding-top:18px;border-top:1px solid #ddd9d2;display:flex;justify-content:space-between;text-transform:uppercase;font:600 9px ui-monospace,monospace}.sheet-footer b{color:#5b7527}.surface-control{border-top:1px solid #98918b;border-bottom:1px solid #d7d0c7;padding:26px 0}.surface-control>p{font:600 9px ui-monospace,monospace;text-transform:uppercase;color:#827b75}.surface-tabs{display:flex;gap:8px;margin:28px 0 70px}.surface-tabs button{border:1px solid #d2ccc4;border-radius:999px;background:transparent;padding:11px 17px;cursor:pointer}.surface-tabs button.is-active{background:#202024;color:#fff;border-color:#202024}.surface-detail span{color:var(--production-cobalt);font:600 11px ui-monospace,monospace}.surface-detail h3{font-size:clamp(45px,4.5vw,82px);line-height:.95;letter-spacing:-.06em;margin:18px 0 25px}.surface-detail p{color:#716b65;font-size:18px;line-height:1.55;max-width:500px}
.production-handoff{padding:150px max(5vw,45px);display:grid;grid-template-columns:1.14fr .86fr;gap:7vw;align-items:center;background:#202024;color:#f8f5ee}.production-handoff figure{margin:0}.production-handoff img{display:block;width:100%;border-radius:35px;box-shadow:0 38px 75px rgba(0,0,0,.3)}.production-handoff h2{margin:18px 0 27px}.production-handoff>div>p{color:#b8b3ad;font-size:18px;line-height:1.55}.production-handoff ul{list-style:none;padding:0;margin:43px 0 0;border-top:1px solid rgba(255,255,255,.18)}.production-handoff li{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:46px 1fr}.production-handoff li span{color:var(--production-lime);font:600 10px ui-monospace,monospace}
.production-sequence{padding-top:140px;padding-bottom:150px}.production-sequence-grid{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.production-sequence article{min-height:420px;padding:28px;border-radius:25px;background:#fff;display:flex;flex-direction:column;box-shadow:0 20px 42px rgba(44,39,36,.09)}.production-sequence article:nth-child(2){background:#dfe7f3}.production-sequence article:nth-child(3){background:#e2f4bd}.production-sequence span{font:600 9px ui-monospace,monospace;text-transform:uppercase}.production-sequence h3{margin:auto 0;font-size:clamp(30px,2.5vw,48px);line-height:1.03;letter-spacing:-.05em}.production-sequence i{font-style:normal;font-size:45px;color:rgba(31,31,35,.18)}
.production-benefits{padding-top:150px;padding-bottom:160px;background:#e5e0d7}.production-benefits>div:first-child{display:grid;grid-template-columns:.45fr 1.55fr;gap:55px}.production-benefits h2{margin:0}.production-benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:85px}.production-benefit-grid article{min-height:300px;border-radius:25px;padding:28px;background:#f7f4ee;display:grid;grid-template-columns:45px 1fr;grid-template-rows:1fr auto;box-shadow:0 16px 36px rgba(44,39,36,.08)}.production-benefit-grid article:nth-child(2){background:#dce6f2}.production-benefit-grid article:nth-child(3){background:#f1dfd7}.production-benefit-grid article:nth-child(4){background:#e1efc3}.production-benefit-grid article>span{font:600 10px ui-monospace,monospace}.production-benefit-grid h3{align-self:end;font-size:clamp(30px,2.8vw,53px);line-height:.98;letter-spacing:-.055em;margin:0}.production-benefit-grid p{grid-column:2;color:#6c6660;max-width:440px;line-height:1.5}.production-outcome{margin:130px auto;padding-top:125px;padding-bottom:125px;background:var(--production-cobalt);color:#fff;border-radius:36px}.production-outcome strong{color:var(--production-lime)}.production-outcome h2{max-width:1080px;margin:18px 0 28px}.production-outcome>p:last-child{color:#d6dfec;font-size:18px;max-width:760px}
.production-related-link{min-height:310px;padding:28px;border-radius:25px;background:#fff;color:inherit;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(44,39,36,.08)}.production-related-link:nth-child(2){background:#dce6f2}.production-related-link small,.production-related-link span{font:600 9px ui-monospace,monospace;text-transform:uppercase;color:#77716b}.production-related-link h3{margin:auto 0 14px;font-size:var(--feature-h3);line-height:1.02;letter-spacing:-.05em}.production-related-link p{color:#6d6761;line-height:1.5}.production-related-link span{margin-top:23px;color:var(--production-cobalt)}.production-cta{background:linear-gradient(135deg,#202024,#263a56);color:#fff}.production-cta h2{max-width:1100px}.production-cta .feature-primary-action{background:var(--production-lime);color:#202024}.production-cta .feature-secondary-action{color:#fff;border-color:rgba(255,255,255,.3)}
@media(max-width:1050px){.production-hero,.production-handoff{grid-template-columns:1fr}.production-hero{padding-top:145px}.production-hero-image img{height:560px}.production-proof-copy{grid-template-columns:1fr}.production-proof-layout{grid-template-columns:1fr}.production-sheet-wrap{min-height:700px}.surface-tabs{margin-bottom:40px}.production-benefits>div:first-child{grid-template-columns:1fr}}
@media(max-width:720px){.production-hero{min-height:auto;padding:115px 20px 60px}.production-hero-copy h1{font-size:clamp(57px,17vw,82px)}.production-hero-image{border-radius:23px}.production-hero-image img{height:430px}.production-proof{padding-top:85px;padding-bottom:95px}.production-proof-layout{margin-top:55px}.production-sheet-wrap{min-height:560px}.production-sheet{padding:17px;inset:0}.production-sheet-back{display:none}.sheet-specs{grid-template-columns:1fr}.sheet-specs div:nth-child(2),.sheet-specs div:nth-child(3){display:none}.sheet-garment{transform:scale(.75)}.production-handoff{padding:90px 20px}.production-sequence{padding-top:85px;padding-bottom:90px}.production-sequence-grid,.production-benefit-grid{grid-template-columns:1fr}.production-sequence article{min-height:300px}.production-benefits{padding-top:90px;padding-bottom:90px}.production-benefit-grid{margin-top:55px}.production-benefit-grid article{min-height:270px;grid-template-columns:35px 1fr}.production-outcome{margin:80px 14px;padding:80px 25px;border-radius:25px}}
@media(prefers-reduced-motion:reduce){.production-hero-image,.production-sheet{transform:none}.surface-tabs button{transition:none}}