.cinema{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#19271c}.cinema-frame{position:absolute;inset:0;opacity:0;background-size:cover;background-position:center;transition:opacity 1.8s ease;transform:scale(1.04)}.cinema-frame.active{opacity:1;animation:cinema-drift 14s ease-out both}.cinema-frame[data-shot="0"]{background-image:url('assets/birch-natural.png')}.cinema-frame[data-shot="1"]{background-image:url('assets/tar-hero-v3.png');background-position:70% 50%}.cinema-frame[data-shot="2"]{background-image:url('assets/contract-v3.png');background-position:65% 50%}.cinema-dust{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,#dcc49818,transparent 50%);pointer-events:none}.cinema-controls{position:absolute;bottom:70px;right:max(32px,calc((100vw - 1200px)/2));display:flex;flex-direction:column;align-items:flex-end;gap:15px;color:#f1e6d0}.cinema-controls>span{font-size:10px;letter-spacing:2px}.cinema-controls>div{display:flex;align-items:center;gap:10px}.cinema-controls button{border:0;background:#ffffff40;width:32px;height:3px;cursor:pointer;padding:0;transition:background .4s}.cinema-controls button.active{background:#ead6ae}.cinema-controls .cinema-pause{height:32px;width:32px;border:1px solid #ffffff40;background:#1c2e1c50;border-radius:50%;color:#fff;font-size:12px;margin-left:6px}@keyframes cinema-drift{from{transform:scale(1.03) translateX(0)}to{transform:scale(1.12) translateX(-1%)}}
.tar-journey{height:300vh;background:#19281e;color:#efeadd;position:relative}.journey-sticky{position:sticky;top:0;height:100vh;min-height:680px;overflow:hidden;display:flex;align-items:center;padding-top:85px;background:radial-gradient(ellipse at 75% 50%,#4c5c3825,transparent 60%)}.journey-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.journey-copy .eyebrow{color:#b9be99}.journey-copy h2{font:400 clamp(42px,4.7vw,65px)/1.05 Georgia,serif;color:#f3f0e6;letter-spacing:-2px}.journey-copy h2 em{color:#d9c194;font-weight:400}.journey-lead{color:#b1bdac;font-size:16px;line-height:1.8;max-width:420px;margin:25px 0}.journey-chapter{min-height:135px;margin-top:27px}.journey-chapter>span{font-size:10px;letter-spacing:2px;color:#ceb886}.journey-chapter h3{font:400 27px Georgia,serif;margin:12px 0;color:#f0ecdf}.journey-chapter p{font-size:14px;line-height:1.8;color:#b1bdac;max-width:410px}.journey-track{height:2px;background:#ffffff20;margin-top:22px}.journey-track i{display:block;height:100%;background:#d8bd88;width:100%;transform:scaleX(var(--journey-progress,0));transform-origin:left}.journey-chapters{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.journey-chapters button{font:12px inherit;background:none;border:0;padding:8px 0;color:#9ca995;cursor:pointer}.journey-chapters button[aria-pressed="true"]{color:#e6d2a4}.journey-visual{position:relative;height:520px;display:flex;align-items:center;justify-content:center}.journey-halo{position:absolute;width:390px;height:390px;border:1px solid #b2b99025;border-radius:50%;box-shadow:0 0 100px #8c9d4f0f}.bark-stack{position:absolute;inset:115px 20px auto;height:190px;opacity:var(--bark-opacity,1);transform:translateY(calc(var(--journey-progress,0)*-50px)) rotate(-9deg);transition:opacity .15s}.bark-stack div{position:absolute;width:80%;height:100px;border-radius:12px 30px 15px 20px;background:repeating-linear-gradient(175deg,#f2ecdc 0 12px,#c9c4b4 13px,#f4efdf 15px 28px,#6c6b5e 29px,#eeeadc 31px 48px);box-shadow:0 12px 35px #0005;border:1px solid #acb1a0;transform:rotate(3deg)}.bark-stack div:nth-child(2){top:45px;left:20px;transform:rotate(-8deg)}.bark-stack div:nth-child(3){top:90px;left:40px;transform:rotate(5deg)}.heat-lines{position:absolute;top:110px;display:flex;gap:32px;opacity:var(--heat-opacity,0);transition:opacity .3s}.heat-lines i{width:30px;height:210px;background:linear-gradient(0deg,#c4ba9955,transparent);filter:blur(14px);border-radius:50%;animation:heat-rise 3s infinite ease-in-out}.heat-lines i:nth-child(2){animation-delay:-1s}.heat-lines i:nth-child(3){animation-delay:-2s}@keyframes heat-rise{50%{transform:translateY(-60px) scaleX(1.8);opacity:.3}}.tar-drop{position:absolute;top:140px;width:125px;height:155px;border-radius:10% 75% 60% 75%;transform:rotate(45deg) translateY(calc(var(--drop-fall,0)*70px)) scale(var(--drop-scale,0));background:radial-gradient(ellipse at 30% 30%,#a3a98b88,#25291f 24%,#080f0b 65%);box-shadow:10px 14px 30px #0005;opacity:var(--drop-opacity,0);transition:opacity .2s}.tar-stream{position:absolute;width:8px;top:200px;bottom:135px;background:linear-gradient(90deg,#11190c,#7d8560,#11190c);opacity:var(--stream-opacity,0);transform:scaleY(var(--stream-scale,0));transform-origin:top}.journey-barrel{position:absolute;bottom:40px;width:190px;opacity:var(--barrel-opacity,0);transform:translateY(calc((1 - var(--barrel-opacity,0))*60px));transition:opacity .2s}.journey-barrel img{width:100%;display:block}.journey-barrel span{display:block;text-align:center;color:#d5c59e;font-size:10px;letter-spacing:3px;margin-top:15px}.journey-visual-note{position:absolute;bottom:0;font-size:8px;letter-spacing:2px;color:#7d8d76;text-align:center}
.brand-lab{background:#efeede;border-block:1px solid #d9ddcb}.brand-lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.brand-preview{--label-bg:#2e4736;--label-ink:#f6efda;height:570px;border:1px solid #d4dac5;border-radius:24px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#fffdf1,#e1e6d5 80%);overflow:hidden}.brand-preview-glow{position:absolute;inset:20%;border-radius:50%;background:#ffffff60;filter:blur(30px)}.lab-jar{position:relative;width:190px;height:330px;border-radius:25px 25px 26px 26px;background:linear-gradient(90deg,#131b13,#37392c 15%,#171f15 35%,#10160d 70%,#3c4030 90%,#192216);box-shadow:16px 26px 40px #29332235,inset 3px 0 4px #ffffff20;transition:height .45s,width .45s;z-index:2;margin-top:30px}.lab-cap{position:absolute;top:-30px;left:2px;right:2px;height:42px;border-radius:8px 8px 4px 4px;background:repeating-linear-gradient(90deg,#171c14 0 3px,#3a3e2d 3px 4px);box-shadow:0 3px 5px #0008}.lab-label{position:absolute;top:28%;left:0;right:0;bottom:15%;background:var(--label-bg);color:var(--label-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 12px;transition:background .45s,color .45s;box-shadow:inset 10px 0 20px #0001}.lab-label>span{font:600 15px/1.25 Georgia,serif;overflow-wrap:anywhere;max-width:100%}.lab-label i{width:28px;height:1px;background:currentColor;opacity:.5;margin:12px 0}.lab-label b{font:600 28px Georgia,serif;letter-spacing:1px}.lab-label small{font-size:8px;letter-spacing:2px;margin-top:10px}.lab-label strong{font-size:11px;font-weight:400;margin-top:23px}.lab-floor{position:absolute;bottom:65px;width:70%;height:40px;background:#68725320;border-radius:50%;filter:blur(10px)}.lab-preview-caption{position:absolute;bottom:25px;left:0;right:0;text-align:center;color:#89937a;font-size:9px;letter-spacing:2px}.brand-settings>label,.brand-settings legend{font-weight:600;font-size:14px;color:#354632;display:block;margin-bottom:13px}.brand-settings input{width:100%;border:1px solid #bbc7ad;background:#faf8f0;padding:17px 18px;border-radius:10px;color:#263027;font:16px inherit;outline-offset:4px}.brand-settings fieldset{padding:0;border:0;margin:28px 0}.label-palettes,.lab-formats{display:flex;gap:8px;flex-wrap:wrap}.label-palettes button,.lab-formats button{display:flex;align-items:center;gap:8px;background:#ffffff50;color:#4c5b43;border:1px solid #ccd3c0;border-radius:8px;padding:12px;font-size:12px;cursor:pointer;transition:background .2s,transform .2s}.label-palettes button:hover,.lab-formats button:hover{transform:translateY(-2px)}.label-palettes button.active,.lab-formats button.active{background:#dce5cc;border-color:#6b8056;color:#243c24}.label-palettes i{width:18px;height:18px;border-radius:50%;border:1px solid #0002}.lab-summary{font-size:13px;color:#536748;padding:18px 0;border-block:1px solid #c9d2bd;overflow-wrap:anywhere}.lab-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.lab-actions .btn{font-size:12px;padding:16px 18px}.lab-note{font-size:12px;line-height:1.8;color:#87917d;margin-top:20px}#lab-status{font-size:12px;color:#516e3c;min-height:20px;margin-top:12px}.lab-drum{height:360px;position:relative;z-index:2}.lab-drum-label{position:absolute;z-index:3;top:47%;left:calc(50% - 53px);width:106px;height:69px;background:var(--label-bg);color:var(--label-ink);text-align:center;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:6px}.lab-drum-label span{font-size:9px;overflow-wrap:anywhere}.lab-drum-label b{font:600 16px Georgia,serif}.lab-drum-label small{font-size:6px;letter-spacing:1px}[hidden]{display:none!important}
@media(max-width:1000px){.journey-layout{gap:25px}.journey-copy h2{font-size:46px}.brand-lab-grid{gap:30px}.brand-preview{height:510px}.cinema-controls{bottom:82px}}@media(max-width:700px){.cinema-controls{bottom:85px;left:18px;right:18px;flex-direction:row;align-items:center;justify-content:space-between}.cinema-controls>span{font-size:8px;letter-spacing:1px}.nature-history{margin-bottom:60px}.tar-journey{height:260vh}.journey-sticky{min-height:0;padding-top:85px}.journey-layout{grid-template-columns:1fr;gap:0;height:100%;padding-bottom:18px}.journey-copy h2{font-size:37px;line-height:1.06;letter-spacing:-1px}.journey-copy h2 br:last-of-type{display:none}.journey-copy .eyebrow{margin-bottom:14px}.journey-lead{display:none}.journey-chapter{min-height:110px;margin-top:18px}.journey-chapter h3{font-size:23px}.journey-chapter p{font-size:12px;line-height:1.6}.journey-track{margin-top:8px}.journey-chapters{margin-top:8px}.journey-chapters button{font-size:10px}.journey-visual{height:260px}.journey-halo{width:230px;height:230px}.bark-stack{top:25px;left:45px;right:45px;height:140px}.bark-stack div{height:60px}.bark-stack div:nth-child(2){top:30px}.bark-stack div:nth-child(3){top:60px}.heat-lines{top:20px}.heat-lines i{height:120px}.tar-drop{top:25px;width:85px;height:100px}.tar-stream{top:80px;bottom:65px}.journey-barrel{width:130px;bottom:25px}.journey-barrel span{display:none}.journey-visual-note{font-size:6px}.brand-lab-grid{grid-template-columns:1fr;gap:30px}.brand-preview{height:440px}.lab-jar{transform:scale(.85)}.lab-drum{height:300px}.lab-drum-label{top:46%;width:88px;left:calc(50% - 44px);height:60px}.lab-actions .btn{flex:1;justify-content:center}.brand-settings fieldset{margin:23px 0}}
@media(prefers-reduced-motion:reduce){.cinema-frame.active,.heat-lines i{animation:none}.cinema-frame,.lab-jar,.lab-label{transition:none}}

.lab-drum{width:277px;object-fit:contain;flex-shrink:0}.lab-drum-label{width:134px;height:78px;left:calc(50% - 67px);top:45%;border-radius:0 0 8% 8%}.journey-barrel img{height:auto;object-fit:contain}@media(max-width:700px){.lab-drum{width:231px}.lab-drum-label{width:111px;height:65px;left:calc(50% - 55.5px);top:44.5%}}

.lab-entry{display:block;max-width:max-content;margin-top:20px;color:#344f32;border-bottom:1px solid #a7b398;padding-bottom:5px;font-size:14px}@media(max-width:700px){.journey-copy h2 br:last-of-type{display:initial}.journey-copy h2{font-size:34px}.journey-layout{align-content:space-between}.journey-visual{height:245px}}