:root{--paper:#e9e7de;--paper-soft:#d9d9d0;--cream:#f5f4ee;--ink:#171917;--ink-soft:#292d29;--forest:#214c3b;--forest-deep:#122c23;--clay:#bc755e;--muted:#73766f;--line:rgba(23,25,23,.17);--line-light:rgba(233,231,222,.22);--serif:Georgia,Cambria,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--pad:clamp(20px,5vw,82px);--nav:84px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);overflow-x:hidden}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,video{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:var(--clay);color:#fff}:focus-visible{outline:2px solid var(--clay);outline-offset:4px}.wrap{width:min(1320px,calc(100% - var(--pad)*2));margin-inline:auto}.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.skip{position:fixed;left:10px;top:10px;z-index:120;transform:translateY(-180%);padding:10px 14px;background:var(--ink);color:#fff}.skip:focus{transform:none}.nav{position:fixed;inset:0 0 auto;z-index:70;padding:18px var(--pad);border-bottom:1px solid transparent;transition:background .35s,padding .35s,border-color .35s}.nav.scrolled{padding-block:11px;background:#e9e7def0;border-bottom-color:var(--line);backdrop-filter:blur(14px)}.nav-inner{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#f8f1df;padding:5px;mix-blend-mode:normal}.brand strong{display:block;font:700 14px/1 var(--sans);letter-spacing:.15em}.brand small{display:block;margin-top:5px;color:var(--muted);font-size:10px;letter-spacing:.04em}.navlinks{display:flex;align-items:center;gap:24px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.navlinks>a{color:var(--muted);transition:color .2s}.navlinks>a:hover,.navlinks>a:focus{color:var(--ink)}.nav:not(.scrolled) .brand strong,.nav:not(.scrolled) .navlinks>a,.nav:not(.scrolled) .lang button,.nav:not(.scrolled) .burger{color:rgba(255,255,255,.82)}.nav:not(.scrolled) .brand small{color:rgba(255,255,255,.62)}.nav:not(.scrolled) .lang{border-color:rgba(255,255,255,.32)}.nav:not(.scrolled) .lang button.active{color:#fff}.lang{display:flex;gap:4px;padding-left:10px;border-left:1px solid var(--line)}.lang button{border:0;background:none;padding:2px 4px;color:var(--muted);font-size:10px;cursor:pointer}.lang button.active{color:var(--ink);font-weight:700}.order-link,.quiet-order,.final-order{border:0;background:var(--forest);color:#fff;padding:10px 16px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.order-link b,.quiet-order b,.final-order b{margin-left:12px;font-size:14px}.burger{display:none;border:0;background:none;font-size:28px;line-height:1;cursor:pointer}.mobile{display:none}.story-rail{position:fixed;z-index:60;right:25px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:13px;align-items:flex-end}.story-rail .rail-line{position:absolute;right:4px;top:0;bottom:0;width:1px;background:var(--line)}.story-rail .rail-line i{display:block;width:1px;height:0;background:var(--clay);transition:height .2s}.story-rail a{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding-left:12px;background:var(--paper);color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;transition:color .2s}.story-rail a b{font-size:9px;font-weight:500}.story-rail a.active{color:var(--ink)}.hero{position:relative;min-height:100svh;display:grid;align-items:center;background:var(--forest-deep);color:var(--cream);overflow:hidden}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.05);animation:slowDrift 18s ease-in-out infinite alternate}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,25,18,.91) 0%,rgba(11,25,18,.55) 50%,rgba(11,25,18,.1) 100%),linear-gradient(0deg,rgba(11,25,18,.55),transparent 45%)}.hero-coordinates{position:absolute;right:var(--pad);top:calc(var(--nav) + 18px);font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.65)}.hero-content{position:relative;z-index:1;padding-top:8vh}.chapter-mark,.eyebrow,.chapter-number,.note,.image-label,.parallel-label,.hero-bottom,.product-label,.margin-note{font-size:10px;letter-spacing:.14em;text-transform:uppercase}.chapter-mark{color:#cfac93;margin:0 0 22px}.hero h1{max-width:700px;margin:0;font:400 clamp(60px,10vw,148px)/.86 var(--serif);letter-spacing:-.07em}.hero h1 em,h2 em{font-style:italic;color:var(--clay)}.hero-deck{max-width:490px;margin:36px 0 30px;color:rgba(255,255,255,.78);font-size:clamp(16px,1.5vw,20px);line-height:1.5}.hero-link{display:inline-flex;align-items:center;gap:26px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.hero-link b{font-size:18px;font-weight:400}.hero-bottom{position:absolute;z-index:1;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;color:rgba(255,255,255,.58)}.chapter{position:relative;padding:clamp(100px,14vw,210px) 0}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.intro h2{max-width:680px;margin:20px 0 0;font:400 clamp(38px,5.5vw,82px)/.96 var(--serif);letter-spacing:-.055em}.intro-copy{max-width:500px;padding-top:44px}.lead{max-width:590px;margin:0;color:var(--muted);font-size:clamp(16px,1.3vw,19px);line-height:1.6}.note{margin-top:48px;color:var(--clay)}.chapter-origin{background:var(--paper)}.origin-layout{display:grid;grid-template-columns:.8fr 1.35fr .55fr;align-items:center;gap:clamp(28px,5vw,82px)}.chapter-intro h2,.people-copy h2,.process-heading h2,.roast-content h2,.bridge-heading h2,.menu-heading h2,.hilir-copy h2{margin:24px 0 28px;font:400 clamp(42px,5vw,76px)/.95 var(--serif);letter-spacing:-.055em}.chapter-number{color:var(--clay);margin:0}.chapter-number span{color:var(--muted);margin-left:8px}.editorial-image{position:relative;margin:0;overflow:hidden;background:var(--paper-soft)}.editorial-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}.editorial-image:hover img{transform:scale(1.045)}.editorial-image figcaption{position:absolute;left:16px;right:16px;bottom:14px;display:flex;justify-content:space-between;gap:16px;color:#fff;font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 8px #000}.origin-image{aspect-ratio:4/5}.origin-data{align-self:end;margin:0;border-top:1px solid var(--line)}.origin-data div{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.origin-data dt,.origin-data dd{margin:0;font-size:11px}.origin-data dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.origin-data dd{text-align:right}.chapter-people{background:var(--forest);color:var(--cream)}.people-layout{display:grid;grid-template-columns:1.2fr .75fr;gap:clamp(38px,9vw,150px);align-items:center}.people-gallery{position:relative;min-height:630px}.people-main{position:absolute;left:0;top:0;width:77%;height:540px}.people-detail{position:absolute;right:0;bottom:0;width:42%;height:270px;border:8px solid var(--forest)}.people-copy{padding-top:30px}.people-copy .chapter-number{color:#cfac93}.people-copy .chapter-number span{color:rgba(255,255,255,.5)}.people-copy h2{max-width:520px}.people-copy blockquote{margin:34px 0;padding-left:20px;border-left:1px solid var(--clay);font:italic 21px/1.45 var(--serif);color:#f1dfd2}.people-copy .lead{color:rgba(255,255,255,.68)}.margin-note{margin-top:52px;color:#cfac93}.image-label{position:absolute;top:15px;left:16px;color:#fff;text-shadow:0 1px 8px #000}.film-section{padding:clamp(72px,10vw,150px) var(--pad);background:var(--ink)}.film-frame{position:relative;width:min(1280px,100%);height:min(70vw,680px);min-height:480px;margin:auto;overflow:hidden;background:#111}.film-frame video{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.08)}.film-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),transparent 70%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 55%);pointer-events:none}.film-overlay{position:absolute;z-index:1;inset:0;padding:clamp(24px,4vw,58px);display:flex;flex-direction:column;justify-content:space-between;color:#fff}.film-overlay span,.film-overlay i{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-style:normal;color:rgba(255,255,255,.65)}.film-overlay strong{max-width:620px;font:400 clamp(34px,5vw,76px)/.96 var(--serif);letter-spacing:-.05em}.film-toggle{position:absolute;z-index:2;right:clamp(24px,4vw,58px);bottom:clamp(24px,4vw,58px);width:50px;height:50px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:transparent;color:#fff;cursor:pointer}.chapter-process{background:var(--cream)}.process-heading{max-width:790px}.process-heading .lead{margin-left:25%;max-width:450px}.process-layout{display:grid;grid-template-columns:1fr .8fr;gap:10vw;margin-top:80px;align-items:start}.process-list article{display:grid;grid-template-columns:66px 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--line)}.process-list article:last-child{border-bottom:1px solid var(--line)}.process-list b{color:var(--clay);font:italic 22px var(--serif)}.process-list h3{margin:0 0 5px;font:400 27px var(--serif)}.process-list p{max-width:410px;margin:0;color:var(--muted);font-size:14px}.process-image{aspect-ratio:4/5}.chapter-roast{min-height:880px;padding-block:0;background:var(--forest-deep);color:var(--cream);display:flex;align-items:center;overflow:hidden}.roast-image{position:absolute;inset:0 48% 0 0}.roast-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,44,35,.05),var(--forest-deep) 95%)}.roast-content{position:relative;z-index:1;margin-left:48%;padding-left:8vw}.roast-content .chapter-number{color:#cfac93}.roast-content h2{max-width:700px}.roast-content .lead{color:rgba(255,255,255,.68);max-width:520px}.roast-line{display:flex;align-items:center;gap:20px;margin-top:58px;color:#cfac93;font-size:10px;letter-spacing:.12em}.roast-line i{width:100px;height:1px;background:var(--clay)}.bridge{background:var(--clay);color:var(--ink)}.bridge-heading{max-width:850px}.bridge-heading h2{max-width:780px}.parallel{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:80px;background:rgba(23,25,23,.2)}.parallel>div{padding:26px 30px;background:var(--clay)}.parallel-label{margin:0 0 22px;font-weight:700}.parallel ol{margin:0;padding:0;list-style:none}.parallel li{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(23,25,23,.25);font-family:var(--serif);font-size:21px}.parallel li:after{content:"→";font-family:var(--sans);font-size:14px}.bridge-note{max-width:420px;margin:65px 0 0 50%;font:italic 20px var(--serif)}.menu-chapter{background:var(--paper)}.menu-heading{display:grid;grid-template-columns:1fr .7fr;gap:10vw;align-items:end}.menu-heading .lead{padding-bottom:7px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:72px}.product{border-top:1px solid var(--line);display:flex;flex-direction:column}.product-media{position:relative;aspect-ratio:4/5;margin-top:15px;overflow:hidden;background:var(--paper-soft)}.product-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:transform .8s}.product:hover .product-media img{transform:scale(1.06)}.product-number{position:absolute;left:14px;top:12px;color:#fff;font-size:12px;text-shadow:0 1px 8px #000}.product-body{display:flex;flex-direction:column;flex:1;padding:20px 0 0}.product-label{color:var(--clay);font-size:9px}.product h3{margin:8px 0 6px;font:400 25px var(--serif)}.product p{min-height:52px;margin:0;color:var(--muted);font-size:13px;line-height:1.5}.product-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px}.price{font:400 20px var(--serif)}.price s{margin-right:8px;color:var(--muted);font-size:14px}.add{width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;background:none;font-size:22px;cursor:pointer;transition:background .2s,color .2s}.add:hover{background:var(--ink);color:var(--paper)}.hilir{background:var(--cream)}.hilir-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}.hilir-copy h2{max-width:520px}.hilir-copy .lead{max-width:440px}.quiet-order{margin-top:38px}.hilir-visual{position:relative}.hilir-image{aspect-ratio:4/3}.hilir-polaroid{position:absolute;right:-5%;bottom:-12%;width:32%;padding:10px 10px 34px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.15);transform:rotate(4deg)}.hilir-polaroid img{width:100%;aspect-ratio:1;object-fit:cover}.hilir-polaroid span{display:block;margin-top:8px;font:11px var(--serif)}.manifesto{padding:clamp(100px,14vw,190px) 0;background:var(--forest);color:var(--cream)}.manifesto h2{max-width:760px;margin:24px 0;font:400 clamp(64px,11vw,160px)/.82 var(--serif);letter-spacing:-.08em}.manifesto-copy{max-width:390px;margin-left:50%;color:rgba(255,255,255,.65)}.final-cta{padding:clamp(90px,12vw,160px) 0;background:var(--ink);color:var(--cream)}.final-cta h2{max-width:690px;margin:25px 0;font:400 clamp(38px,5vw,72px)/.95 var(--serif);letter-spacing:-.055em}.final-cta p:not(.chapter-number){color:rgba(255,255,255,.6)}.final-order{margin-top:20px;background:var(--clay)}footer{padding:70px var(--pad) 25px;background:var(--ink);color:var(--cream);border-top:1px solid rgba(255,255,255,.12)}.foot{max-width:1320px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.foot-logo{display:flex;align-items:center;gap:12px}.foot-logo img{width:42px;filter:brightness(0) invert(1);opacity:.9}.foot-logo strong{letter-spacing:.15em}.foot p{max-width:300px;color:rgba(255,255,255,.55);font-size:13px}.ppp-foot{display:flex;align-items:center;gap:10px;color:#cfac93;font-size:11px}.sprite-ppp{display:block;width:28px;height:28px;background:url('./assets/logo-ppp.webp') center/contain no-repeat;filter:grayscale(1) brightness(3)}footer h3{margin:0 0 18px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#cfac93}.footlinks{display:flex;flex-direction:column;gap:8px;color:rgba(255,255,255,.6);font-size:13px}.footlinks a:hover{color:#fff}.copyright{max-width:1320px;margin:70px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;color:rgba(255,255,255,.4);font-size:11px}.fab{position:fixed;z-index:65;right:24px;bottom:24px;width:54px;height:54px;border:0;border-radius:50%;background:var(--clay);color:#fff;display:grid;place-items:center;box-shadow:0 8px 30px rgba(0,0,0,.18);cursor:pointer}.fab svg{width:24px}.count{position:absolute;right:-2px;top:-2px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--forest);font-size:10px}.drawer{position:fixed;z-index:100;inset:0 0 0 auto;width:min(440px,100%);padding:30px;background:var(--cream);transform:translateX(102%);transition:transform .35s ease;display:flex;flex-direction:column}.drawer.open{transform:none}.backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.4)}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:20px}.drawer h2{margin:7px 0 0;font:400 35px var(--serif)}.eyebrow{color:var(--clay)}.close{border:0;background:none;font-size:32px;cursor:pointer}.cart-items{flex:1;overflow:auto}.empty{display:grid;place-items:center;height:100%;text-align:center;color:var(--muted)}.empty>div>div{font:60px var(--serif);color:var(--clay)}.empty strong{display:block;color:var(--ink);font:24px var(--serif)}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.cart-item h3{margin:0;font:22px var(--serif)}.cart-item p{margin:4px 0 0;color:var(--muted);font-size:13px}.qty{display:flex;align-items:center;gap:10px}.qty button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer}.drawer-foot{border-top:1px solid var(--line);padding-top:20px}.total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:17px}.total strong{font:25px var(--serif)}.checkout{width:100%;border:0;background:var(--forest);color:#fff;padding:15px;cursor:pointer}.drawer-foot small{display:block;margin-top:12px;color:var(--muted);font-size:11px}.toast{position:fixed;z-index:130;left:50%;bottom:28px;transform:translateX(-50%);padding:12px 18px;background:var(--ink);color:#fff;font-size:12px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes slowDrift{from{transform:scale(1.01)}to{transform:scale(1.08)}}@media(max-width:1050px){.story-rail{display:none}.navlinks>a{display:none}.navlinks{gap:12px}.burger{display:block}.navlinks{margin-left:auto}.mobile{position:absolute;left:var(--pad);right:var(--pad);top:74px;padding:18px;background:var(--cream);border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.1);display:none;flex-direction:column;gap:15px;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.mobile.open{display:flex}.mobile .lang{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.origin-layout,.people-layout,.hilir-layout{grid-template-columns:1fr 1fr}.origin-data{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:0}.origin-data div{display:block;border-top:1px solid var(--line)}.origin-data dd{text-align:left;margin-top:5px}.people-gallery{min-height:520px}.people-main{height:440px}.people-detail{height:230px}.products{grid-template-columns:repeat(2,1fr);row-gap:55px}.hilir-polaroid{right:-3%}}@media(max-width:700px){:root{--pad:20px}.nav{padding-block:14px}.brand img{width:42px;height:42px}.brand small{display:none}.navlinks .lang,.navlinks .order-link{display:none}.hero{min-height:760px}.hero-content{padding-top:65px}.hero h1{font-size:67px}.hero-deck{max-width:330px;margin-top:28px}.hero-bottom{bottom:20px}.chapter{padding-block:90px}.intro-grid,.origin-layout,.people-layout,.process-layout,.menu-heading,.hilir-layout{display:block}.intro-copy{padding-top:35px}.origin-image{margin-top:45px;aspect-ratio:1/1.1}.origin-data{display:block;margin-top:42px}.origin-data div{display:grid}.origin-data dd{text-align:right;margin-top:0}.people-gallery{min-height:420px;margin-bottom:60px}.people-main{width:86%;height:355px}.people-detail{width:47%;height:190px}.people-copy h2,.chapter-intro h2,.process-heading h2,.roast-content h2,.bridge-heading h2,.menu-heading h2,.hilir-copy h2{font-size:50px}.people-copy blockquote{font-size:19px}.film-section{padding:70px 20px}.film-frame{height:560px;min-height:0}.film-frame video{object-position:center}.film-overlay strong{font-size:43px}.process-heading .lead{margin:35px 0 0}.process-layout{margin-top:58px}.process-image{margin-top:54px}.chapter-roast{min-height:800px;display:block;padding-top:0}.roast-image{position:relative;inset:auto;width:100%;height:380px}.roast-content{margin:0;padding:85px 20px 100px}.roast-line{gap:10px}.roast-line i{width:45px}.parallel{display:block;margin-top:50px}.parallel>div+div{border-top:1px solid rgba(23,25,23,.2)}.bridge-note{margin:45px 0 0}.menu-heading .lead{margin-top:35px}.products{grid-template-columns:1fr;gap:50px;margin-top:55px}.product{display:grid;grid-template-columns:42% 1fr;gap:20px}.product-media{margin-top:0}.product-body{padding-top:0}.product h3{font-size:26px}.product p{min-height:0}.hilir-visual{margin-top:55px}.hilir-polaroid{width:38%;right:2%;bottom:-10%}.manifesto-copy{margin:40px 0 0}.foot{grid-template-columns:1fr 1fr;gap:40px 25px}.foot>div:first-child{grid-column:1/-1}.copyright{margin-top:50px;display:block}.copyright span{display:block;margin-top:5px}.drawer{padding:22px}.fab{right:17px;bottom:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo,.reveal{animation:none;transition:none}.reveal{opacity:1;transform:none}.editorial-image img,.product-media img{transition:none}}
/* Option B: full cinematic scroll direction */
.hero-video{width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.08);animation:heroFilmDrift 18s ease-in-out infinite alternate}.cinema-lead{background:var(--ink);color:var(--cream)}.cinema-lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end}.cinema-lead h2{margin:20px 0 0;font:400 clamp(46px,6vw,92px)/.9 var(--serif);letter-spacing:-.065em}.cinema-lead .lead{color:rgba(255,255,255,.68)}.cinema-lead .note{color:#cfac93}.cinema-journey{position:relative;height:520vh;background:#0b120f}.cinema-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:#111}.cinema-stage video{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.08);transform:scale(1.03)}.cinema-grade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,12,.86),rgba(7,18,12,.22) 64%,rgba(7,18,12,.48)),linear-gradient(0deg,rgba(7,18,12,.7),transparent 55%);pointer-events:none}.cinema-progress{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:58px;height:1px;background:rgba(255,255,255,.32)}.cinema-progress span{display:block;width:0;height:2px;margin-top:-1px;background:var(--clay);transition:width .05s linear}.cinema-time{position:absolute;z-index:3;right:var(--pad);bottom:72px;color:rgba(255,255,255,.72);font-size:10px;letter-spacing:.15em}.cinema-time i{display:inline-block;width:70px;height:1px;margin:0 12px 3px;background:rgba(255,255,255,.5)}.cinema-sound{position:absolute;z-index:4;right:var(--pad);top:calc(var(--nav) + 24px);width:48px;height:48px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(0,0,0,.12);color:#fff;font-size:12px;cursor:pointer}.cinema-frame-mark{position:absolute;z-index:3;left:var(--pad);top:calc(var(--nav) + 28px);color:rgba(255,255,255,.62);font-size:10px;letter-spacing:.15em}.cinema-scene{position:absolute;z-index:2;left:var(--pad);top:50%;width:min(650px,calc(100% - var(--pad)*2));transform:translateY(-44%);opacity:0;pointer-events:none;transition:opacity .65s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.cinema-scene.active{opacity:1;transform:translateY(-50%)}.cinema-scene .scene-index{margin-bottom:24px;color:#cfac93;font-size:10px;letter-spacing:.15em}.cinema-scene p{margin:0 0 20px;color:#cfac93;font-size:10px;letter-spacing:.16em}.cinema-scene h2{margin:0;font:400 clamp(47px,6.4vw,96px)/.87 var(--serif);letter-spacing:-.07em;color:var(--cream)}.cinema-scene h2 em{color:var(--clay)}.cinema-scene span{display:block;max-width:370px;margin-top:30px;color:rgba(255,255,255,.7);font-size:15px;line-height:1.5}.cinema-evidence{padding:clamp(100px,14vw,200px) 0;background:var(--paper)}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.evidence-grid figure{aspect-ratio:4/5}.evidence-copy h2{margin:22px 0 30px;font:400 clamp(43px,5.2vw,78px)/.92 var(--serif);letter-spacing:-.06em}.evidence-copy .chapter-number{color:var(--clay)}@keyframes heroFilmDrift{from{transform:scale(1.02)}to{transform:scale(1.08)}}
@media(max-width:700px){.hero-video{animation:none}.cinema-lead-grid,.evidence-grid{display:block}.cinema-lead-grid>div+div{margin-top:38px}.cinema-journey{height:430vh}.cinema-stage{min-height:620px}.cinema-scene{top:48%;width:calc(100% - 40px)}.cinema-scene h2{font-size:55px}.cinema-scene span{font-size:14px}.cinema-progress{bottom:45px}.cinema-time{right:20px;bottom:59px}.cinema-time i{width:32px;margin-inline:7px}.cinema-sound{right:20px}.cinema-frame-mark{left:20px}.evidence-grid figure{margin-bottom:55px}.evidence-copy h2{font-size:50px}}
@media(prefers-reduced-motion:reduce){.hero-video{animation:none}.cinema-journey{height:auto;padding:0 20px 80px;background:var(--ink)}.cinema-stage{position:relative;height:auto;min-height:0;display:grid;gap:28px;padding-top:90px;background:var(--ink);overflow:visible}.cinema-stage video{position:absolute;inset:0;height:100%;opacity:.16}.cinema-scene,.cinema-scene.active{position:relative;inset:auto;display:block;transform:none;opacity:1;width:auto;padding:30px 0;border-top:1px solid rgba(255,255,255,.18)}.cinema-scene h2{font-size:48px}.cinema-progress,.cinema-time{display:none}}
.cinema-videos{position:absolute;inset:0;overflow:hidden;background:#101612}.cinema-videos video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .7s ease,transform 1.1s ease;filter:saturate(.72) contrast(1.06)}.cinema-videos video.active{opacity:1;transform:scale(1)}.contact-links{gap:12px}.contact-line{display:flex;align-items:center;gap:10px}.contact-line svg{width:20px;height:20px;flex:0 0 20px;color:#cfac93}.contact-links address{max-width:280px;margin:4px 0;color:rgba(255,255,255,.6);font-size:12px;font-style:normal;line-height:1.55}.sprite-ppp{background-image:url('./assets/logo-ppp-new.png')}
@media(prefers-reduced-motion:reduce){.cinema-videos video{transition:none}.cinema-videos video.active{opacity:.16}}
.evidence-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(70px,10vw,140px)}.evidence-strip figure{aspect-ratio:1/1.1}.evidence-strip figure:nth-child(2),.evidence-strip figure:nth-child(5),.evidence-strip figure:nth-child(8){margin-top:60px}.evidence-strip figure:nth-child(3),.evidence-strip figure:nth-child(6),.evidence-strip figure:nth-child(9){margin-top:120px}.evidence-strip figcaption{left:12px;bottom:10px;font-size:9px}.contact-links a{font-size:13px}@media(max-width:700px){.evidence-strip{grid-template-columns:1fr 1fr;gap:12px;margin-top:70px}.evidence-strip figure:nth-child(n){margin-top:0}.evidence-strip figure:nth-child(3n+1){margin-top:28px}}
.foot-logo img{width:72px;height:36px;object-fit:cover;object-position:center;border-radius:2px}
.cinema-photos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .7s ease,transform 1.1s ease;filter:saturate(.68) contrast(1.04)}.cinema-photos img.active{opacity:1;transform:scale(1)}.cinema-still-note{position:absolute;z-index:3;right:var(--pad);top:calc(var(--nav) + 28px);color:rgba(255,255,255,.62);font-size:10px;letter-spacing:.15em}.process-film-lead{background:var(--forest-deep);color:var(--cream)}.process-film-lead .lead{color:rgba(255,255,255,.68)}.process-film-lead .note{color:#cfac93}.process-film-journey{position:relative;height:520vh;background:#0b120f}.process-film-stage{position:sticky}.process-scene{z-index:2}.process-videos video{object-position:center}.process-film-journey .cinema-frame-mark{color:rgba(255,255,255,.62)}
@media(max-width:700px){.cinema-still-note{right:20px}.process-film-journey{height:430vh}}
@media(prefers-reduced-motion:reduce){.cinema-photos img{transition:none}.cinema-photos img.active{opacity:.9}.process-film-journey{height:auto;padding-bottom:0}}

/* Part I photo-story corrections */
.cinema-photos img.brew-photo{object-position:left 60%}
@media(max-width:700px){.cinema-photos img.brew-photo{object-position:left 60%}}

/* Process film quality and scrub behavior */
.process-videos{background:radial-gradient(circle at 58% 48%,#263b32 0,#101b16 48%,#0b120f 78%)}
.process-videos video{object-fit:contain;transform:none;filter:saturate(.82) contrast(1.04);transition:opacity .35s ease}
.process-videos video.active{transform:none}
@media(max-width:700px){.process-videos video{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.process-videos video{transition:none}}

/* Brand marks from the supplied source artwork */
.foot-logo{width:158px;height:158px;display:grid;place-items:center;flex:0 0 158px;border-radius:14px;overflow:hidden;background:#f8f1df}
.foot-logo img{width:128px;height:auto;filter:none;opacity:1}
.ppp-foot .ppp-mark{display:block;width:31px;height:35px;object-fit:contain}

/* Story rail: quiet strips, labels on pointer or keyboard focus */
.story-rail a{min-width:36px;padding:0;background:transparent;gap:0;justify-content:flex-end}
.story-rail a b{display:block;width:24px;height:2px;background:var(--muted);font-size:0;transition:width .2s,background .2s}
.story-rail a span{position:absolute;right:34px;white-space:nowrap;padding:3px 7px;background:var(--paper);color:var(--muted);opacity:0;transform:translateX(5px);pointer-events:none;transition:opacity .2s,transform .2s}
.story-rail a:hover span,.story-rail a:focus-visible span,.story-rail a.active span{opacity:1;transform:none}
.story-rail a:hover b,.story-rail a:focus-visible b,.story-rail a.active b{width:36px;background:var(--clay)}
.cinema-time{display:none!important}

/* Process film as a full-bleed 4:3 photo story */
.process-film-journey{height:420vh;background:#0b120f}
.process-film-stage{background:#0b120f}
.process-film-stage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(6,17,12,.86) 0%,rgba(6,17,12,.58) 34%,rgba(6,17,12,.14) 72%,rgba(6,17,12,.34) 100%),linear-gradient(0deg,rgba(6,17,12,.72) 0%,transparent 42%,rgba(6,17,12,.22) 100%)}
.process-videos video{inset:0;right:auto;left:auto;top:auto;width:100%;height:100%;object-fit:cover;object-position:center;border:0;background:transparent;box-shadow:none;filter:saturate(.82) contrast(1.04);transform:scale(1.001);transition:opacity .7s ease}
.process-videos video.active{transform:scale(1.001)}
.process-film-stage .process-scene{left:var(--pad);top:50%;width:min(650px,calc(100% - var(--pad)*2));z-index:3}
.process-film-stage .cinema-frame-mark{z-index:4}
@media(max-width:700px){.process-film-journey{height:420vh}.process-videos video{inset:0;right:auto;left:auto;top:auto;width:100%;height:100%;object-fit:cover;transform:scale(1.001)}.process-film-stage:before{background:linear-gradient(90deg,rgba(6,17,12,.78),rgba(6,17,12,.18)),linear-gradient(0deg,rgba(6,17,12,.82) 0%,rgba(6,17,12,.12) 62%,rgba(6,17,12,.28) 100%)}.process-videos video{object-fit:cover}.process-film-stage .process-scene{left:20px;top:auto;bottom:13%;width:calc(100% - 40px);transform:translateY(20px)}.process-film-stage .process-scene.active{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.process-videos video{transition:none}.process-film-journey{height:auto}.process-film-stage{position:relative}.process-film-stage .process-scene{position:relative;left:auto;top:auto;bottom:auto;transform:none;opacity:1;margin:0 0 28px}.process-film-stage .process-scene:not(.active){display:none}}

/* Scroll-controlled frame sequence for The Making */
.process-frames{z-index:0;background:#101612}
.process-frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.001);transition:opacity .18s ease;filter:saturate(.82) contrast(1.04)}
.process-frames img.active{opacity:1}
@media(prefers-reduced-motion:reduce){.process-frames img{transition:none}}