.packaging-brand{display:block;width:145px;height:54px;overflow:hidden}.packaging-brand img{width:145px;max-width:none;max-height:none;transform:translateY(-52px) scale(1.1);transform-origin:top center}.packaging-page h2{font:700 clamp(40px,5vw,68px)/1 var(--display);letter-spacing:-.05em;margin:0}.pack-hero{max-width:1500px;min-height:calc(100vh - 78px);margin:auto;padding:80px clamp(24px,5vw,76px);display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:80px;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px}.pack-hero h1{font:700 clamp(56px,6vw,88px)/.95 var(--display);letter-spacing:-.06em;margin:0}.pack-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #888}.pack-hero>div>p:not(.eyebrow){max-width:630px;color:#aaa;font-size:17px;margin:28px 0}.guide-visual{min-height:520px;display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;position:relative}.guide-product,.guide-box{aspect-ratio:1;display:grid;place-items:center;border:1px solid #555;background:#111;box-shadow:18px 22px 30px #000}.guide-product{font:600 24px/1.1 var(--display);text-align:center;transform:rotate(-5deg)}.guide-box{position:relative;transform:perspective(700px) rotateY(-12deg) rotateX(4deg);font:700 64px var(--display)}.guide-box:before{content:"";position:absolute;inset:12px;border:1px solid #333}.guide-visual>span{text-align:center;color:#888}.guide-visual>small{position:absolute;bottom:18px;right:0;color:#777;font:9px var(--mono)}.pack-section{max-width:1500px;margin:auto;padding:105px clamp(24px,5vw,76px);border-top:1px solid #181818}.section-label{display:flex;align-items:center;gap:14px;margin-bottom:65px;color:#777;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.section-label:after{content:"";height:1px;flex:1;background:#252525}.welcome{display:grid;grid-template-columns:1fr 1fr;gap:90px}.welcome>div>p:last-child,.pack-heading>p{color:#999}.three-steps{list-style:none;margin:0;padding:0}.three-steps li{display:grid;grid-template-columns:55px 1fr;padding:24px 0;border-top:1px solid #333}.three-steps b{color:#777;font:10px var(--mono)}.three-steps span{font:600 18px var(--display)}.pack-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:45px}.pack-heading>p{max-width:500px}.use-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #333;border-left:1px solid #333}.use-grid article{min-height:230px;padding:22px;border-right:1px solid #333;border-bottom:1px solid #333;background:#0d0d0d}.use-grid i{font-style:normal;font-size:28px;filter:grayscale(1)}.use-grid h3{font:600 16px var(--display);margin:28px 0 8px}.use-grid p{color:#888;font-size:11px}.use-grid b{display:block;color:#bbb;font:8px/1.6 var(--mono);text-transform:uppercase}.dark-band{max-width:none;background:#090909}.dark-band>*{max-width:1350px;margin-left:auto;margin-right:auto}.type-scroll,.style-scroll{display:grid;grid-template-columns:repeat(5,minmax(245px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px}.type-card,.style-scroll article{padding:22px;border:1px solid #333;background:#111}.mini-box{height:150px;position:relative;display:grid;place-items:center}.mini-box:before{content:"";width:92px;height:82px;border:1px solid #aaa;background:#1d1d1d;transform:skewY(-7deg);box-shadow:18px 13px 0 #0b0b0b}.corrugated:before{background:repeating-linear-gradient(0deg,#1a1a1a 0 4px,#333 4px 5px)}.rigid:before{border-width:3px}.sleeve:before{height:62px;border-left:16px solid #555}.mailer:before{box-shadow:0 -17px 0 #2a2a2a}.type-card h3{font:600 20px var(--display)}.type-card>p{min-height:75px;color:#999;font-size:12px}.type-card ul,.need-grid ul{padding-left:16px;color:#888;font-size:11px}.type-card dl{margin:20px 0 0}.type-card dl div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #2e2e2e;font:9px var(--mono)}.type-card dt{color:#777}.type-card dd{margin:0}.measure-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.measure-copy>p{color:#999}.friendly-note{margin:25px 0;padding:16px;border-left:2px solid #aaa;background:#111;color:#bbb;font-size:12px}.measure-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.measure-inputs label{position:relative;color:#777;font:8px var(--mono);text-transform:uppercase}.measure-inputs input{width:100%;margin-top:7px;padding:12px 30px 12px 10px;border:1px solid #444;background:#111;color:#fff}.measure-inputs label span{position:absolute;right:10px;bottom:12px}.dimension-visual{min-height:470px;display:grid;place-items:center;background-image:linear-gradient(#181818 1px,transparent 1px),linear-gradient(90deg,#181818 1px,transparent 1px);background-size:30px 30px}.dimension-box{width:300px;height:230px;position:relative;border:2px solid #888;background:linear-gradient(145deg,#272727,#111);transform:perspective(700px) rotateY(-15deg) rotateX(5deg)}.dimension-box:before{content:"";position:absolute;right:-73px;top:-20px;width:70px;height:230px;border:2px solid #666;transform:skewY(-27deg);background:#111}.dimension-box:after{content:"";position:absolute;left:34px;top:-78px;width:298px;height:75px;border:2px solid #666;transform:skewX(-42deg);background:#222}.dimension-box span{position:absolute;z-index:2;color:#ddd;font:9px var(--mono)}.dimension-box span b{display:block;color:#777;font-weight:400}.w-arrow{left:80px;bottom:-55px}.h-arrow{left:-78px;top:90px}.d-arrow{right:-110px;top:-70px}.flat-flow{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr;align-items:center;gap:20px;margin:55px 0}.flat-flow>div{height:230px;display:grid;place-items:center;position:relative;border:1px solid #333;background:#0d0d0d}.flat-flow>div i{width:110px;height:90px;border:1px solid #888}.flat-shape i{box-shadow:45px 0 0 -1px #0d0d0d,45px 0 0 0 #888}.folded-shape i{transform:skewY(-8deg);box-shadow:22px 14px 0 #222}.finished-shape i{background:#ddd;box-shadow:22px 14px 0 #555}.flat-flow span{position:absolute;bottom:18px;color:#aaa;font:9px var(--mono);text-transform:uppercase}.flat-flow>b{color:#666;text-align:center}.line-guide{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #333}.line-guide>div{padding:20px;border-right:1px solid #333}.line-guide>div:last-child{border:0}.line-guide i{display:block;width:45px;height:12px}.cut-key{border-top:2px solid #aaa}.fold-key{border-top:2px dashed #aaa}.glue-key{background:#444}.bleed-key{border-top:2px dotted #aaa}.safe-key{border:1px solid #777}.line-guide h3{font:600 13px var(--display)}.line-guide p{color:#777;font-size:10px}.engineering-preserved{max-width:none;background:#090909}.engineering-preserved>.section-label,.engineering-preserved>.engineering-grid{max-width:1350px;margin-left:auto;margin-right:auto}.need-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.need-grid article{padding:12px 12px 24px;border:1px solid #333;background:#0e0e0e}.need-grid img,.rigid-material{width:100%;aspect-ratio:4/3;object-fit:cover}.rigid-material{display:grid;place-items:center;background:#222;color:#555;font:700 42px var(--display)}.need-grid article>p{color:#777;font:8px var(--mono);text-transform:uppercase}.need-grid h3{font:600 18px var(--display);margin:8px 0}.need-grid b{font:8px var(--mono);color:#aaa}.gsm-block{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:70px;padding:45px;border:1px solid #333;background:#0b0b0b}.gsm-block h3{font:600 25px var(--display)}.gsm-block p{color:#888}.gsm-scale{display:flex;align-items:end;justify-content:center;gap:28px;height:180px}.gsm-scale span{width:75px;height:var(--h);padding:10px;background:#333;color:#aaa;font:8px var(--mono);display:flex;flex-direction:column;justify-content:flex-end}.gsm-scale b{color:#fff;font-size:18px}.finish-friendly{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.finish-friendly article{padding:12px 12px 22px;border:1px solid #333;background:#111}.finish-friendly i{height:150px;display:grid;place-items:center;background:#202020;color:#333;font:700 52px var(--display);font-style:normal}.f-gloss i{background:linear-gradient(115deg,#161616 30%,#777,#161616 70%)}.f-uv i{color:#222;text-shadow:1px 1px #888}.f-foil i{color:#bbb;text-shadow:8px 8px 12px #000}.f-emboss i{text-shadow:-1px -1px #666,2px 2px #000}.f-deboss i{text-shadow:1px 1px #666,-2px -2px #000}.finish-friendly article>p{color:#777;font:8px var(--mono);text-transform:uppercase}.finish-friendly h3{font:600 16px var(--display)}.finish-friendly span{color:#888;font-size:11px}.style-scroll{grid-template-columns:repeat(6,minmax(230px,1fr));margin-bottom:25px}.style-diagram{height:150px;position:relative}.style-diagram:before{content:"";position:absolute;width:90px;height:80px;left:50%;top:50%;transform:translate(-50%,-50%) skewY(-6deg);border:1px solid #888;background:#1c1c1c;box-shadow:15px 12px #0a0a0a}.window-style:after{content:"";position:absolute;width:35px;height:35px;border:1px solid #aaa;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.sleeve-style:before{border-left:15px solid #555}.mailer-style:before{box-shadow:0 -15px #333}.lock:after{content:"×";position:absolute;left:50%;bottom:21px;color:#888}.style-scroll h3{font:600 16px var(--display)}.style-scroll p{color:#888;font-size:11px}.process-guide ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;border-top:1px solid #444;border-left:1px solid #333}.process-guide li{min-height:170px;padding:22px;border-right:1px solid #333;border-bottom:1px solid #333}.process-guide b,.factor-grid b{color:#777;font:9px var(--mono)}.process-guide h3,.factor-grid h3{font:600 16px var(--display);margin:30px 0 8px}.process-guide p,.factor-grid p{color:#888;font-size:11px}.factor-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #333;border-left:1px solid #333}.factor-grid article{padding:25px;border-right:1px solid #333;border-bottom:1px solid #333}.checklist-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#0b0b0b}.checklist-section>div>p{color:#999}.checklist-section ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr}.checklist-section li{padding:16px;border-bottom:1px solid #333;color:#bbb}.checklist-section li:before{content:"□";margin-right:10px;color:#888}.quote-section{max-width:none;background:#080808}.quote-section>.section-label,.quote-guide{max-width:1350px;margin-left:auto;margin-right:auto}.quote-guide{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.quote-guide>div>p{color:#999}.quote-side-box{margin-top:45px;padding:22px;border:1px solid #333}.quote-side-box>span{font:9px var(--mono);color:#777}.quote-guide form{display:grid;gap:28px;padding:40px;border:1px solid #444;background:#0d0d0d}.quote-guide fieldset{display:grid;gap:15px;border:0;border-top:1px solid #333;margin:0;padding:24px 0 0}.quote-guide legend{padding-right:14px;color:#aaa;font:9px var(--mono);text-transform:uppercase}.quote-guide label{display:grid;gap:6px;color:#888;font:9px var(--mono);text-transform:uppercase}.quote-guide input,.quote-guide select,.quote-guide textarea{width:100%;padding:12px;border:1px solid #3b3b3b;background:#111;color:#fff;outline:0}.quote-guide input:focus,.quote-guide select:focus,.quote-guide textarea:focus{border-color:#aaa}.file-note{color:#777}.quote-submit{width:100%;min-height:52px}
@media(max-width:1050px){.pack-hero,.welcome,.measure-layout,.quote-guide{grid-template-columns:1fr}.guide-visual{max-width:650px;width:100%;margin:auto}.use-grid{grid-template-columns:repeat(2,1fr)}.need-grid{grid-template-columns:repeat(2,1fr)}.process-guide ol{grid-template-columns:repeat(2,1fr)}.pack-heading{align-items:start;flex-direction:column}.engineering-grid{grid-template-columns:1fr}.product-showcase{position:static}}
@media(max-width:760px){.pack-hero{min-height:auto;padding-top:60px}.pack-hero h1{font-size:46px}.guide-visual{min-height:360px}.pack-section{padding-top:75px;padding-bottom:75px}.section-label{margin-bottom:45px}.welcome,.measure-layout,.quote-guide{gap:45px}.use-grid,.need-grid,.finish-friendly,.factor-grid,.checklist-section{grid-template-columns:1fr}.type-scroll,.style-scroll{margin-right:-24px}.measure-inputs,.form-row,.form-row.three{grid-template-columns:1fr}.dimension-visual{min-height:400px;overflow:hidden}.dimension-box{transform:scale(.72) perspective(700px) rotateY(-15deg) rotateX(5deg)}.flat-flow{grid-template-columns:1fr}.flat-flow>b{transform:rotate(90deg)}.line-guide{grid-template-columns:1fr}.line-guide>div{border-right:0;border-bottom:1px solid #333}.need-grid{grid-template-columns:1fr}.gsm-block{grid-template-columns:1fr;padding:25px}.finish-friendly{grid-template-columns:1fr}.process-guide ol{grid-template-columns:1fr}.checklist-section{gap:35px}.checklist-section ul{grid-template-columns:1fr}.quote-guide form{padding:24px}.drawing-board{overflow-x:auto}.drawing-board svg{min-width:560px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}