/* FINE.B visual + interaction enhancement layer */
:root{--space-xl:124px;--space-lg:88px;--space-md:48px;--space-sm:24px}
.section{padding:var(--space-xl) 0}.page-hero{padding:92px 0 68px}.page-hero-grid{align-items:center}.section-head-row,.process-top{align-items:flex-start}.content-card{padding:34px}.content-grid-2{gap:24px}.subnav{gap:12px;padding:10px 0 18px;flex-wrap:wrap}.subnav a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px}.subnav a:hover{border-color:var(--navy);color:var(--navy)}
:root{--img-box:url('https://images.pexels.com/photos/8066785/pexels-photo-8066785.png?auto=compress&cs=tinysrgb&w=1400');--img-bag:url('https://images.pexels.com/photos/25533235/pexels-photo-25533235.jpeg?auto=compress&cs=tinysrgb&w=1400');--img-rigid:url('https://images.pexels.com/photos/5632349/pexels-photo-5632349.jpeg?auto=compress&cs=tinysrgb&w=1400');--img-print:url('https://images.pexels.com/photos/9550363/pexels-photo-9550363.jpeg?auto=compress&cs=tinysrgb&w=1600');--img-pack:url('https://images.pexels.com/photos/9594427/pexels-photo-9594427.jpeg?auto=compress&cs=tinysrgb&w=1400');--img-eco:url('https://images.pexels.com/photos/10418012/pexels-photo-10418012.jpeg?auto=compress&cs=tinysrgb&w=1400');--img-press:url('https://images.pexels.com/photos/6620989/pexels-photo-6620989.jpeg?auto=compress&cs=tinysrgb&w=1500')}
.visual-shot{position:relative;overflow:hidden;border-radius:20px;min-height:300px;border:1px solid #e1e6ec;background:#eef2f5 center/cover no-repeat}.visual-shot:before,.visual-shot:after{display:none!important}.visual-shot.paper{background-image:var(--img-box)}.visual-shot.corr{background-image:var(--img-eco)}.visual-shot.rigid{background-image:var(--img-rigid)}.visual-shot.bag{background-image:var(--img-bag);background-position:center 58%}.visual-shot.book{background-image:var(--img-print)}.visual-shot.sample{background-image:var(--img-pack)}.visual-caption{position:absolute;left:20px;bottom:18px;font-size:10px;letter-spacing:.12em;color:#fff;font-weight:700;background:rgba(10,34,64,.72);padding:7px 10px;border-radius:999px;backdrop-filter:blur(8px)}
.production-visual{border-radius:14px;overflow:hidden;background:#eef1f4 center/cover no-repeat!important}.production-visual:before,.production-visual:after{display:none!important}.visual-paper{background-image:var(--img-box)!important}.visual-corr{background-image:var(--img-eco)!important}.visual-rigid{background-image:var(--img-rigid)!important}.visual-bag{background-image:var(--img-bag)!important;background-position:center 56%!important}.visual-book{background-image:var(--img-print)!important}.visual-special{background-image:var(--img-pack)!important}.work-placeholder{background:#eef2f5 center/cover no-repeat!important}.work-placeholder:before,.work-placeholder:after{display:none!important}.navy-box{background-image:var(--img-box)!important}.rigid-box{background-image:var(--img-rigid)!important}.book-box{background-image:var(--img-print)!important}
.home-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.home-feature-card{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;transition:.22s}.home-feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 48px rgba(10,34,64,.08)}.home-feature-card .visual-shot{border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:230px}.home-feature-copy{padding:24px}.home-feature-copy h3{font-size:19px;font-weight:650;margin:6px 0}.home-feature-copy p{font-size:13.5px;color:var(--muted);margin:0}.home-feature-copy small{font-size:10px;letter-spacing:.12em;color:var(--slate);font-weight:700}
.process-interactive{background:var(--navy);color:#fff;padding:86px 0 100px}.process-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-step-card{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.025);color:#fff;text-align:left;padding:24px;border-radius:18px;min-height:188px;cursor:pointer;transition:.2s}.process-step-card:hover,.process-step-card.active{background:#fff;color:var(--navy);transform:translateY(-3px)}.process-step-card .process-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.09);margin-bottom:24px}.process-step-card.active .process-icon,.process-step-card:hover .process-icon{background:#eef2f5}.process-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7}.process-step-card span{font-size:10px;letter-spacing:.12em;opacity:.65}.process-step-card h3{font-size:18px;font-weight:650;margin:7px 0}.process-step-card p{font-size:12.5px;line-height:1.75;margin:0;opacity:.7}.process-detail-wrap{margin-top:24px;background:#fff;color:var(--ink);border-radius:24px;overflow:hidden}.process-detail{display:none;grid-template-columns:.82fr 1.18fr;min-height:380px}.process-detail.active{display:grid}.process-detail-visual{position:relative;background:#e8edf2 center/cover no-repeat;overflow:hidden}.process-detail-visual:before,.process-detail-visual:after{display:none!important}.process-detail-visual.print{background-image:var(--img-print)}.process-detail-visual.finish{background-image:var(--img-rigid)}.process-detail-visual.die{background-image:var(--img-press)}.process-detail-visual.pack{background-image:var(--img-pack)}.process-detail-visual:not(.print):not(.finish):not(.die):not(.pack){background-image:var(--img-eco)}.process-detail-copy{padding:48px 52px}.process-detail-copy small{font-size:10px;letter-spacing:.14em;color:var(--slate);font-weight:700}.process-detail-copy h2{font-size:30px;font-weight:650;letter-spacing:-.035em;margin:8px 0 14px}.process-detail-copy>p{font-size:15px;color:var(--muted);max-width:700px}.process-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin-top:26px}.process-checks div{padding:13px 0;border-top:1px solid var(--line);font-size:13px}.process-checks b{display:block;color:var(--navy);font-size:11px;margin-bottom:3px}
.guide-nav{display:flex;gap:9px;flex-wrap:wrap;margin:34px 0 52px}.guide-nav a{padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px}.guide-nav a:hover{border-color:var(--navy);color:var(--navy)}.guide-section-block{padding:90px 0;border-top:1px solid var(--line)}.guide-section-block:first-of-type{border-top:0}.guide-block-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;margin-bottom:34px}.guide-block-head h2{font-size:31px;font-weight:650;letter-spacing:-.04em;margin:10px 0}.guide-block-head p{font-size:14.5px;color:var(--muted);max-width:760px}.guide-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;cursor:pointer;transition:.2s}.guide-card:hover,.guide-card.active{border-color:#aab7c5;box-shadow:0 14px 38px rgba(10,34,64,.07);transform:translateY(-2px)}.guide-card-visual{height:180px;position:relative;background:#f3f5f7 center/cover no-repeat}.guide-card-visual:before,.guide-card-visual:after{display:none!important}.guide-card-visual.paper-swatches{background-image:var(--img-box)}.guide-card-visual.printing{background-image:var(--img-print)}.guide-card-visual.foil{background-image:var(--img-rigid)}.guide-card-visual.size{background-image:linear-gradient(rgba(10,34,64,.16),rgba(10,34,64,.16)),var(--img-box)}.guide-card-visual.size:after{display:block!important;content:'W × D × H';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.guide-card-visual.sample{background-image:var(--img-pack)}.guide-card-visual.delivery{background-image:var(--img-eco)}.guide-card-copy{padding:22px}.guide-card-copy small{font-size:10px;letter-spacing:.12em;color:var(--slate)}.guide-card-copy h3{font-size:18px;font-weight:650;margin:6px 0}.guide-card-copy p{font-size:13px;color:var(--muted);margin:0}.guide-detail-panel{display:none;margin-top:16px;border:1px solid var(--line);border-radius:18px;background:#f8fafb;padding:30px}.guide-detail-panel.active{display:block}.guide-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-detail-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.guide-detail-item h4{font-size:15px;font-weight:650;margin:0 0 6px}.guide-detail-item p{font-size:12.5px;color:var(--muted);margin:0}.paper-chip{display:flex;align-items:center;gap:10px}.paper-dot{width:34px;height:34px;border-radius:50%;border:1px solid #d5dbe1;background:#fff;flex:0 0 auto}.paper-dot.kraft{background:#c9ad87}.paper-dot.black{background:#222}.paper-dot.ivory{background:#f0eadc}.paper-dot.gray{background:#e2e4e4}
.works-grid-enhanced{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.work-project{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;transition:.2s}.work-project:hover{transform:translateY(-3px);box-shadow:0 16px 44px rgba(10,34,64,.07)}.work-project .visual-shot{border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:260px}.work-project-copy{padding:22px}.work-project-copy small{font-size:10px;letter-spacing:.1em;color:var(--slate)}.work-project-copy h3{font-size:18px;font-weight:650;margin:6px 0}.work-project-copy p{font-size:12.5px;color:var(--muted);margin:0}.work-project[hidden]{display:none}
/* photo thumbnails inside quote/sample grids */
.product-grid .option-card{overflow:hidden;padding-top:0!important}.product-grid .option-card svg{display:none!important}.product-grid .option-card:before{content:'';display:block;height:135px;margin:0 -18px 15px;background:#eef2f5 center/cover no-repeat var(--img-box);border-bottom:1px solid var(--line)}.product-grid .option-card[data-product^='corr-']:before{background-image:var(--img-eco)}.product-grid .option-card[data-product^='rigid-']:before{background-image:var(--img-rigid)}.product-grid .option-card[data-product^='bag-']:before{background-image:var(--img-bag);background-position:center 58%}.product-grid .option-card[data-product='other']:before{background-image:var(--img-pack)}
.upload-email-note{margin-top:10px;padding:12px 15px;border-radius:12px;background:#f1f4f7;color:#626b76;font-size:12.5px;line-height:1.65}.upload-email-note a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:2px}.upload-box input[type=file]{font-size:13px}.business-footer{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:11.5px;line-height:1.9;color:#8e9ba9}.business-footer strong{color:#dce3ea;font-weight:600}.business-footer a{color:#b9c4cf}.business-footer .biz-right{text-align:right}.footer-bottom{margin-top:22px!important}.brand img{width:118px!important}.hero-main{padding-top:78px}.hero-main .hero-grid{gap:88px}.hero-copy{max-width:640px}.quote-band{padding:84px 0}.sample-layout{gap:96px}.production-grid{gap:18px}.production-card{min-height:370px}.production-visual{height:190px}.footer{margin-top:0}
@media(max-width:1100px){.home-feature-grid,.guide-card-grid,.works-grid-enhanced{grid-template-columns:repeat(2,1fr)}.process-step-grid{grid-template-columns:repeat(2,1fr)}.process-detail{grid-template-columns:1fr}.process-detail-visual{min-height:280px}.guide-block-head{grid-template-columns:1fr;gap:14px}.guide-detail-grid{grid-template-columns:repeat(2,1fr)}.business-footer{grid-template-columns:1fr}.business-footer .biz-right{text-align:left}}
@media(max-width:760px){:root{--space-xl:82px}.section{padding:var(--space-xl) 0}.page-hero{padding:68px 0 48px}.home-feature-grid,.guide-card-grid,.works-grid-enhanced,.process-step-grid,.guide-detail-grid{grid-template-columns:1fr}.process-detail-copy{padding:30px 24px}.process-checks{grid-template-columns:1fr}.guide-section-block{padding:64px 0}.guide-card-visual{height:165px}.visual-shot{min-height:235px}.sample-layout{gap:50px}.hero-main .hero-grid{gap:38px}.brand img{width:110px!important}.product-grid .option-card:before{height:120px}}