/* PrintsPack brand refinements */
.printspack-logo{display:block;width:225px;height:auto;filter:brightness(0) invert(1)}
.site-header .brand{flex-shrink:0}.desktop-nav{gap:34px}.desktop-nav a,.mobile-nav a{font-family:'DM Sans',Arial,sans-serif;font-weight:500;letter-spacing:.01em}
.nav-contact{padding:14px 23px;min-height:46px;border:1px solid #d5ec81;border-radius:50px;font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.04em;background:#d5ec81;box-shadow:none;transition:background .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease}
.nav-contact:hover,.nav-contact:focus-visible{background:transparent;color:#e5efc4;border-color:#e5efc480;box-shadow:0 0 24px #e5efc412;transform:none}
.nav-contact span{transition:transform .45s ease}.nav-contact:hover span{transform:translate(2px,-2px)}
.story-slides{background:#eeece5;color:#20211e}.story-slides-top .micro-label{color:#6d6657}.story-slides-top h2{font-family:'DM Sans',Arial,sans-serif;letter-spacing:-.055em;font-weight:500}.story-slides-top h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#887344;letter-spacing:-.045em}.story-slides-top p{color:#5c5b55}
.story-slide.story-slide-one,.story-slide.story-slide-three{background:#ede8dd;color:#242621}
.story-slide.story-slide-two,.story-slide.story-slide-four{background:#20231f;color:#f6f0e4}
.story-slide.story-slide-one,.story-slide.story-slide-two,.story-slide.story-slide-three,.story-slide.story-slide-four{border:1px solid #7f7d6a33;border-radius:12px;box-shadow:0 18px 60px #14181015}
.story-slide .story-slide-copy h3{font-family:'DM Sans',Arial,sans-serif!important;font-size:clamp(34px,3.8vw,62px)!important;font-weight:500!important;line-height:1.09!important;letter-spacing:-.045em!important}
.story-slide .story-slide-copy h3>span{font:inherit;font-size:.5em;letter-spacing:.02em;line-height:1.3;margin-bottom:15px;color:inherit}
.story-slide .story-slide-copy h3>em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:#7c6234;letter-spacing:-.04em}
.story-slide-two .story-slide-copy h3>em,.story-slide-four .story-slide-copy h3>em{color:#dfc99c}
.story-slide .story-kicker,.story-slide .story-bottomline,.story-slide .story-bottomline span{color:inherit;opacity:.8}.story-slide .story-slide-copy p{font-family:'DM Sans',Arial,sans-serif;color:inherit;opacity:.85;line-height:1.7}.story-slide-media video{filter:none}.story-bottomline{letter-spacing:.06em}
@media(max-width:1100px){.desktop-nav{gap:22px}.printspack-logo{width:190px}}
@media(max-width:780px){.printspack-logo{width:185px}.impact-video{top:5%;right:9%;width:72%;height:64%;transform:none!important;rotate:0deg!important}.story-slide .story-slide-copy h3{font-size:clamp(32px,8vw,51px)!important}.story-slide-copy{padding:30px 26px}.story-slides-top h2{letter-spacing:-.055em}.loader-title .printspack-logo{width:230px}}
@media(prefers-reduced-motion:reduce){.nav-contact,.nav-contact span{transition:none}}
/* Revision 2: bold typography, compact navigation and responsive proof points. */
.site-header .desktop-nav a{font-size:17px;font-weight:600;letter-spacing:0}
.site-header .nav-contact{padding:10px 18px;min-height:0;height:40px;min-width:0;gap:16px;font-size:12px;line-height:1;font-weight:600;text-transform:none;border-radius:24px;box-shadow:none;background:#deecad;border-color:#deecad}
.site-header .nav-contact span{font-size:16px}.site-header .nav-contact:hover{background:transparent;color:#deecad}
.story-slides-top h2,.story-slides-top h2 em{font-family:'Anton',Impact,sans-serif;font-weight:400;font-style:normal;letter-spacing:-.025em;line-height:1.08;font-size:clamp(52px,7.5vw,112px)}
.story-slide .story-slide-copy h3,.story-slide .story-slide-copy h3>em{font-family:'Anton',Impact,sans-serif!important;font-size:clamp(34px,4vw,64px)!important;font-weight:400!important;font-style:normal!important;line-height:1.12!important;letter-spacing:-.015em!important}
.story-slide .story-slide-copy h3>span{font-family:'DM Sans',Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:.06em;line-height:1.4;margin-bottom:15px}
.story-slide .story-slide-copy h3>em{overflow-wrap:anywhere}.story-slide-copy p{max-width:32ch}.story-media-label{bottom:auto;top:24px;pointer-events:none}.story-video{position:relative;z-index:1}.story-slide-media:after{display:none}.story-media-label{z-index:2}
.brand-manifesto{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.4vw,40px);padding:25px 24px;text-align:center;font-family:'Anton',Impact,sans-serif;font-size:clamp(24px,3.45vw,58px);line-height:1.25;min-height:100px}
.brand-manifesto span{display:block}.brand-manifesto b{font-weight:400;color:#f36a48}
.faq-section .services-intro h2{font-size:clamp(48px,6.8vw,104px);line-height:1.08}.faq-section .service-title{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(18px,2vw,30px);font-weight:600;letter-spacing:-.025em;line-height:1.35}.faq-section .service-row summary{padding:28px 0;align-items:center}.faq-section .service-icon{width:42px;height:42px;font-size:25px}.faq-section .service-detail{display:block;padding:0 80px 28px 16%;}.faq-section .service-detail p{font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.7;max-width:75ch}.faq-source{font-size:13px;margin-top:30px}.faq-source a{text-decoration:underline;text-underline-offset:4px}
.proof-card{padding:34px;min-height:470px;display:flex;flex-direction:column;position:relative;background:linear-gradient(150deg,#ffffff04,transparent)}
.proof-index{font:600 11px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.08em;color:#c4c3d3}.proof-icon{height:180px;display:grid;place-items:center;margin:12px 0 22px}.proof-icon svg{width:170px;height:130px;stroke:#b8afff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.proof-icon .icon-accent{stroke:#dfff62}.proof-card:nth-child(2) .proof-icon svg{stroke:#e8a6d3}.proof-card:nth-child(3) .proof-icon svg{stroke:#ff966e}
.proof-card h3{font-family:'Anton',Impact,sans-serif;font-size:clamp(36px,3.65vw,58px);font-weight:400;letter-spacing:-.02em;line-height:1.12;margin-bottom:12px;color:#f7f4ed}.proof-card h4{font:700 13px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.08em;color:#dfff62;margin-bottom:16px}.proof-card p{font-size:16px;line-height:1.65;color:#b9b8cc}.promise-note{font-size:12px;line-height:1.6;color:#b9b8cc;margin-top:20px}
@media(max-width:1100px){.site-header .desktop-nav{gap:24px}.site-header .desktop-nav a{font-size:16px}.proof-card{padding:25px}.proof-card h3{font-size:37px}}
@media(max-width:780px){.site-header .nav-actions{gap:15px}.site-header .nav-contact{display:flex;height:34px;padding:8px 12px;font-size:10px;gap:8px}.site-header .printspack-logo{width:155px}.site-header .menu-toggle{width:28px}.mobile-nav a{font-size:27px}.brand-manifesto{flex-wrap:wrap;gap:10px 16px;padding:20px;min-height:0;font-size:25px}.brand-manifesto span:last-child{flex-basis:100%}.brand-manifesto b:nth-of-type(2){display:none}.story-slides-top h2,.story-slides-top h2 em{font-size:clamp(47px,10vw,75px)}.story-slide .story-slide-copy h3,.story-slide .story-slide-copy h3>em{font-size:clamp(34px,8.3vw,56px)!important}.story-slide .story-slide-copy h3>span{font-size:12px}.proof-card{min-height:380px;padding:28px}.proof-icon{height:130px;margin-bottom:20px}.proof-card h3{font-size:48px}.faq-section .service-detail{padding:0 0 24px 37px}.faq-section .service-detail p{font-size:15px}.faq-section .service-row summary{gap:12px}.faq-section .service-icon{width:32px;height:32px;font-size:20px}}
@media(max-width:390px){.site-header .printspack-logo{width:130px}.site-header .nav-contact{font-size:9px;padding:8px 10px}.site-header .nav-actions{gap:10px}.brand-manifesto{font-size:22px}}
/* A quiet moving line beneath each navigation label. */
.desktop-nav a,.mobile-nav a{position:relative;padding-block:8px}
.desktop-nav a:after,.mobile-nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#deecad,#9be3cd);transform:scaleX(0);transform-origin:right;transition:transform .38s cubic-bezier(.22,.68,.3,1)}
.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after,.mobile-nav a:hover:after,.mobile-nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}
@media(prefers-reduced-motion:reduce){.desktop-nav a:after,.mobile-nav a:after{transition:none}}
/* Revision 3 — immediate entry, lightweight motion, soft FAQ backdrop. */
.hero-title-line>span,.hero-usa-promo{animation:none!important;opacity:1!important}.hero-title-line>span{transform:none!important}
.brand-manifesto{display:block;overflow:hidden;padding:0;min-height:0;text-align:center}
.manifesto-marquee{display:flex;width:max-content;animation:prints-marquee 25s linear infinite;will-change:transform}
.manifesto-group{display:flex;align-items:center;justify-content:center;gap:clamp(22px,3vw,50px);flex:0 0 auto;padding:22px clamp(22px,3vw,50px) 22px 0;min-width:100vw}
.brand-manifesto .manifesto-group span{flex:none;white-space:nowrap;font-family:'Anton',Impact,sans-serif;font-size:clamp(30px,3.6vw,60px);line-height:1.25}
.brand-manifesto .manifesto-group b{display:block;flex:none;font-size:clamp(28px,3.4vw,56px);line-height:1;color:#8b744d}
@keyframes prints-marquee{to{transform:translateX(-50%)}}
.faq-section{background:#e8eee7;color:#242d2a;background-image:radial-gradient(ellipse at top right,#f6f4ed 0,transparent 65%)}
.faq-section .services-intro h2 em{color:#60786c}.faq-section .micro-label{color:#52645c}.faq-section .service-row{border-color:#9eada366}.faq-section .service-row summary{color:#242d2a}.faq-section .service-icon{background:transparent;color:#314c40;border:1px solid #8d9e93}.faq-section .service-row[open] .service-icon,.faq-section .service-row:hover .service-icon{background:#314c40;color:#f5f6f0;border-color:#314c40}.faq-section .service-detail p{color:#48564e}.faq-section .faq-source{color:#52645c}
.contact-submit{text-transform:none}
@media(max-width:780px){.manifesto-group{gap:24px;padding:18px 24px 18px 0}.brand-manifesto .manifesto-group span{font-size:30px}.brand-manifesto .manifesto-group b{font-size:28px}}
@media(prefers-reduced-motion:reduce){.manifesto-marquee{animation:none;transform:none}.manifesto-group{min-width:100%;flex-wrap:wrap;justify-content:center;padding:20px;width:100vw}.manifesto-group:nth-child(2){display:none}.brand-manifesto .manifesto-group span{font-size:clamp(20px,4vw,50px)}}
.sample-label-mobile{display:none}.site-header .nav-contact .sample-label-desktop,.site-header .nav-contact .sample-label-mobile{font-size:inherit;transform:none}
@media(max-width:780px){
.site-header{height:108px;align-items:flex-start;padding-top:18px}.site-header .brand{margin-top:4px}.site-header .nav-actions{margin-left:auto}.site-header .menu-toggle{display:none!important}.site-header .nav-contact{margin-left:auto;background:#08090b;color:#fff;border:1px solid #ffffff38;height:34px;padding:9px 15px;gap:10px;font-size:11px}.site-header .nav-contact:hover,.site-header .nav-contact:focus-visible{background:#181a20;color:#fff;border-color:#ffffff80}.site-header .nav-contact .sample-label-desktop{display:none}.site-header .nav-contact .sample-label-mobile{display:inline}.site-header .nav-contact .sample-arrow{font-size:14px}
.mobile-nav{position:absolute;top:66px;left:var(--page-pad);right:var(--page-pad);display:flex;flex-direction:row;justify-content:space-between;gap:12px;padding:0;background:transparent;transform:none!important;opacity:1!important;visibility:visible!important;z-index:1}.mobile-nav a{border:0;font:600 13px/1.4 'DM Sans',Arial,sans-serif;padding:6px 0}.hero-index{top:132px}.hero-usa-promo{top:166px}.hero-cinema{margin-top:36px}.hero{padding-top:195px}.story-slide{scroll-margin-top:120px}.faq-section{scroll-margin-top:108px}
}

/* Packaging ribbon: identical groups, consistent rhythm and baseline. */
.brand-manifesto .manifesto-marquee{gap:0;animation-duration:36s}
.brand-manifesto .manifesto-group{min-width:0;justify-content:flex-start;gap:0;padding:25px 0}
.brand-manifesto .manifesto-group>span{display:flex;align-items:center;flex:0 0 auto;line-height:1.15;font-size:clamp(28px,3.2vw,52px);letter-spacing:.01em}
.packaging-divider{display:block;flex:0 0 12px;width:12px;height:12px;margin-inline:clamp(26px,3.5vw,58px);border:2px solid currentColor;transform:rotate(30deg);opacity:.55}
.site-header{background:rgb(9,10,30);transition:background-color .35s ease,box-shadow .35s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-header.scrolled{background:rgba(9,10,30,.78);box-shadow:0 4px 24px #0000000d}
@media(max-width:780px){.brand-manifesto .manifesto-group{padding:20px 0}.brand-manifesto .manifesto-group>span{font-size:28px;flex-basis:auto}.packaging-divider{flex-basis:9px;width:9px;height:9px;margin-inline:25px}}
@media(prefers-reduced-motion:reduce){.brand-manifesto .manifesto-marquee{animation:none;width:100%}.brand-manifesto .manifesto-group{width:100%;justify-content:center;gap:18px;padding:24px;flex-wrap:wrap}.packaging-divider{display:none}}

/* Compact mobile header: logo and sample CTA only. */
@media(max-width:780px){.site-header .mobile-nav,.site-header .desktop-nav,.site-header .nav-contact .sample-arrow{display:none!important}.site-header{height:72px;padding-top:18px}.hero-index{top:96px}.hero-usa-promo{top:130px}.hero{padding-top:159px}.story-slide{scroll-margin-top:84px}.faq-section{scroll-margin-top:72px}}
#contact,#films,#details{scroll-margin-top:100px}
@media(max-width:780px){#contact,#films,#details{scroll-margin-top:82px}}

/* Warm neutral ribbon with the original slash rhythm. */
.brand-manifesto.ticker-lime{background:#f1ede4;color:#141426;border-top:1px solid #14142612;border-bottom:1px solid #14142612}
.packaging-divider{flex:0 0 5px;width:5px;height:40px;border:0;background:#928062;transform:skewX(-17deg);opacity:.85}
@media(max-width:780px){.packaging-divider{flex-basis:4px;width:4px;height:27px}}
@media(min-width:781px){.site-header .nav-contact{background:rgba(0,0,0,.4);color:#f8f5ed;border:1px solid #ffffff30}.site-header .nav-contact:hover,.site-header .nav-contact:focus-visible{background:rgba(0,0,0,.6);color:#fff;border-color:#ffffff60}}

/* Clean FAQ headings with white expanding answer panels. */
.faq-section .service-row>summary{grid-template-columns:14% 1fr;list-style:none}
.faq-section .service-row>summary::-webkit-details-marker{display:none}
.faq-section .service-row>summary::after{content:none}
.faq-section .service-row:hover .service-title{transform:none}
.faq-section .service-detail{display:block;padding:24px 28px;margin:0 0 24px 16%;background:#fff;border-radius:12px;box-shadow:0 5px 20px #24352c05}
.faq-section .service-detail p{margin:0;max-width:850px}
.faq-section .service-row[open] .service-detail{animation:faq-answer-in .32s ease both}
@keyframes faq-answer-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:780px){.faq-section .service-row>summary{grid-template-columns:26px 1fr}.faq-section .service-detail{margin:0 0 18px 0;padding:20px}}
@media(prefers-reduced-motion:reduce){.faq-section .service-row[open] .service-detail{animation:none}}

/* Presentation-only video frames: no playback or expand controls. */
video.autoplay-video{pointer-events:none}
video.autoplay-video::-webkit-media-controls,video.autoplay-video::-webkit-media-controls-enclosure{display:none!important}
.video-expand{display:none!important}