@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--bg:#10110f;--paper:#e9e6dc;--muted:#a9aaa0;--accent:#dc7148}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',Arial,sans-serif}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{position:absolute;top:0;left:0;z-index:5;width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px 5vw}.brand{font-size:25px;font-weight:700;letter-spacing:-1.4px;line-height:1}.brand span{display:block;font-size:8px;font-weight:500;letter-spacing:3.2px;margin-top:10px}nav{display:flex;align-items:center;gap:35px;font-size:12px}.small{background:none;border:1px solid #73756c;padding:12px 19px;border-radius:30px}.journey{height:400vh}.sticky{height:100svh;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 74% 47%,#353831 0, #1b1e19 37%,#10110f 72%)}.grain{position:absolute;inset:0;z-index:2;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.big-word{position:absolute;font-size:45vw;line-height:1;font-weight:700;letter-spacing:-3vw;left:23%;top:15%;color:#ffffff04}#stage{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#stage canvas{display:block;width:100%;height:100%}#fallback{height:88%;width:41%;object-fit:cover;position:absolute;right:8%;top:7%;border-radius:48%;filter:brightness(.75);opacity:.85}.scene-copy{position:absolute;z-index:3;top:30%;left:7%;width:43%;opacity:0;transform:translateY(20px);pointer-events:none}.scene-copy[data-phase="0"]{opacity:1;transform:none}.scene-copy.active{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:600;display:flex;align-items:center;gap:9px;margin:0 0 28px}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%}h1,h2{font-weight:500;font-size:clamp(52px,6.8vw,108px);letter-spacing:-.065em;line-height:1.02;margin:0}em{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.065em;color:#dcd9c9}.description{font-size:14px;line-height:1.8;color:#b5b7ac;margin:28px 0}.pill{border:1px solid #d3d2c550;background:transparent;border-radius:30px;padding:15px 24px;font-size:12px;display:inline-flex;gap:50px;align-items:center}.pill:hover,.small:hover{background:var(--paper);color:var(--bg)}.scene-footer{position:absolute;z-index:3;bottom:35px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#b3b5a9}.scroll-cue{display:flex;align-items:center;gap:18px;font-size:25px;color:var(--accent)}.scroll-cue span{font-size:9px;color:var(--paper)}#motion{background:none;border:0;font-size:10px;color:var(--muted);letter-spacing:.5px}.progress{position:absolute;bottom:0;height:2px;left:0;right:0;background:#ffffff14;z-index:4}.progress span{display:block;height:100%;width:0;background:var(--accent)}.side-note{position:absolute;right:25px;top:42%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2.6px;color:#888d7d}.study{padding:100px 7% 90px;background:var(--paper);color:#22241e}.section-top{display:flex;justify-content:space-between;border-top:1px solid #22241e35;padding-top:23px}.section-top span{font-size:9px;letter-spacing:1.7px}.study-title{display:flex;justify-content:space-between;align-items:end;margin:35px 0 65px}.study h2{font-size:clamp(48px,6vw,88px)}.study em{color:#4d5144}.study-title p{font-size:13px;line-height:1.9;color:#64665d;margin-bottom:5px}.details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.details figure{margin:0}.details img{display:block;width:100%;height:370px;object-fit:cover;filter:saturate(.45)}.details figure:nth-child(2){padding-top:70px}.details figure:nth-child(3){padding-top:35px}.details figcaption{display:flex;justify-content:space-between;font-size:9px;padding:17px 0;border-bottom:1px solid #22241e40;letter-spacing:.8px}.sample-note{font-size:10px;color:#6a6d62;margin-top:40px}.contact{padding:100px 12% 80px}.contact h2{font-size:clamp(60px,9vw,140px)}.contact em{color:var(--accent)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.contact-bottom p{color:var(--muted);font-size:14px;line-height:1.9}.circle{border:1px solid #8b8f7c;border-radius:50%;width:94px;height:94px;background:none;font-size:43px;transition:.25s}.circle:hover{background:var(--accent);border-color:var(--accent);transform:rotate(45deg)}footer{margin:0 5%;padding:30px 0;border-top:1px solid #ffffff24;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px}dialog{background:#e9e6dc;color:#25271e;border:0;max-width:580px;width:calc(100% - 30px);padding:40px;border-radius:5px}dialog::backdrop{background:#080b08bd;backdrop-filter:blur(8px)}dialog h2{font-size:48px}dialog em{color:#626850}dialog p{font-size:12px;line-height:1.7}dialog .eyebrow{font-size:9px}dialog .pill{border-color:#505345;margin-top:20px}dialog .pill:hover{background:#25271e;color:#fff}.close{position:absolute;right:16px;top:10px;background:none;border:0;font-size:28px}label{display:block;font-size:11px;margin-top:20px}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid #8b8f7c;background:#ffffff35;padding:12px;color:#25271e;font:inherit;border-radius:0;margin-top:8px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}#copy{border:1px solid #8b8f7c;background:none;padding:10px 18px;margin-top:10px}#draft{margin-top:20px}[hidden]{display:none!important}@media(max-width:700px){header{padding:23px 6%}.brand{font-size:21px}nav{gap:0}nav a{display:none}.small{font-size:10px;padding:10px 15px}.scene-copy{left:7%;top:21%;width:86%}h1,h2{font-size:57px}.scene-copy[data-phase="1"] h2{font-size:47px}.description{font-size:12px;margin:18px 0;max-width:240px}.eyebrow{font-size:8px;margin-bottom:20px;letter-spacing:2px}.pill{padding:12px 20px}.side-note{display:none}.scene-footer{bottom:22px}#chapter{display:none}.scroll-cue{gap:10px}.scroll-cue span{font-size:8px}.study{padding:65px 7%}.section-top span{display:none}.study-title{display:block;margin:25px 0 35px}.study-title p{margin-top:25px}.details{gap:12px;grid-template-columns:1fr 1fr}.details img{height:260px}.details figure:nth-child(2){padding-top:40px}.details figure:nth-child(3){display:none}.details figcaption{font-size:8px;display:block;line-height:1.8}.details figcaption span{display:block}.contact{padding:70px 7%}.contact h2{font-size:64px}.circle{width:75px;height:75px;font-size:35px}footer{font-size:7px;letter-spacing:.7px}footer span:nth-child(2){display:none}dialog{padding:30px 24px}#fallback{right:0;width:65%;height:65%;top:36%}.big-word{top:50%;left:0;font-size:65vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Scroll-directed tattoo session */
#stage{overflow:hidden;perspective:1800px}#tattoo-scene{position:absolute;will-change:transform;isolation:isolate}.backplate{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10110ff0 0%,#10110fc2 20%,#10110f35 43%,transparent 66%);pointer-events:none}.big-word{display:none}#artist-hand{position:absolute;height:auto;filter:drop-shadow(-9px 12px 8px #0006);will-change:transform;z-index:4}#tattoo-art{position:absolute;left:51%;top:30%;width:14.5%;height:26.5%;overflow:visible;mix-blend-mode:multiply;z-index:2;transform:none}#tattoo-art use{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.stencil{stroke:#514477;opacity:.31}.fresh-ink{stroke:#171711;opacity:.92}.work-light{position:absolute;width:28%;height:40%;border-radius:50%;background:radial-gradient(ellipse,#fff1c18c,transparent 66%);mix-blend-mode:soft-light;z-index:3;pointer-events:none}.rim-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 91% 28%,#f5a3436b,transparent 42%);mix-blend-mode:screen;pointer-events:none;z-index:5}.side-note{z-index:6}.scene-copy{width:43%}.scene-footer{z-index:6}.sticky{background:#10110f}.scene-copy .description{color:#c4c4b8}.scene-copy[data-phase="1"] h2{font-size:clamp(52px,6.8vw,108px)}@media(max-width:700px){.scene-shade{background:linear-gradient(180deg,#10110fba 0%,#10110f92 25%,#10110f16 52%,#10110f0a 80%,#10110f9c 100%)}.scene-copy{top:18%;width:85%}.scene-copy h1{font-size:52px}.scene-copy[data-phase="1"] h2{font-size:52px}.scene-copy .description{max-width:225px;text-shadow:0 1px 8px #000}.scene-copy[data-phase="2"]{top:17%}#artist-hand{filter:drop-shadow(-5px 8px 5px #0006)}}

/* Realism study: translucent ink settles into the skin as the magnum passes. */
#tattoo-art{left:50.5%;top:28.5%;width:17%;height:36%;transform:rotate(-2deg) skewY(3deg);mix-blend-mode:multiply;overflow:hidden;filter:contrast(1.1);border-radius:30% 23% 24% 25% / 8% 10% 9% 10%}
#tattoo-art img{width:100%;height:100%;object-fit:fill;display:block}
.tattoo-stencil{opacity:.19;filter:sepia(.5) hue-rotate(180deg)}
#ink-reveal{position:absolute;inset:0;clip-path:inset(0 0 98% 0);opacity:.92;will-change:clip-path}
#needle-contact{position:absolute;z-index:3;width:17px;height:9px;margin:-4px 0 0 -8px;border-radius:50%;background:radial-gradient(ellipse,#111c 0%,#24221b75 30%,#3a302426 55%,transparent 74%);filter:blur(.5px);transform:rotate(-25deg);pointer-events:none}
#needle-contact span{position:absolute;left:4px;top:1px;width:5px;height:1px;background:#e5d6bd80;border-radius:50%}

/* Full-strength artwork, wet surface ink, and paper contact pass. */
#tattoo-art{mix-blend-mode:multiply;filter:none;transform:none;border-radius:0;overflow:visible}
.tattoo-stencil{visibility:hidden}
#ink-reveal{opacity:1;clip-path:none!important}
#surface-ink{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
#wipe-hand{position:absolute;height:auto;z-index:5;opacity:0;filter:drop-shadow(-3px 6px 3px #0005);will-change:transform;pointer-events:none}
#needle-contact{z-index:4;width:11px;height:6px;margin:-3px 0 0 -5px;background:radial-gradient(ellipse,#111 25%,#242622d9 50%,#15171255 70%,transparent 75%);filter:none}
#needle-contact span{left:2px;top:1px;width:4px;background:#f5eedbbd}
.scene-shade{background:linear-gradient(90deg,#10110ff0 0%,#10110fc2 20%,#10110f35 40%,transparent 49%)}
@media(max-width:700px){.scene-shade{background:linear-gradient(180deg,#10110fbd 0%,#10110f75 23%,transparent 39%,transparent 83%,#10110f85 100%)}.scene-copy{top:16%}.scene-copy .description{max-width:210px}#wipe-hand{filter:drop-shadow(-2px 4px 2px #0005)}}

/* Bottle → cap → cartridge → lettering; all positions driven by scroll. */
.journey{height:580vh}
#tattoo-art{left:49%;top:22%;width:20%;height:45%;mix-blend-mode:multiply}
.finished-art{clip-path:inset(0 0 24% 0)}
#lettering-canvas{position:absolute;inset:0;width:100%;height:100%}
#ink-prep{position:absolute;inset:0;z-index:3;pointer-events:none}
#ink-bottle{position:absolute;left:72%;top:15%;width:12%;height:33%;object-fit:contain;transform-origin:50% 90%;filter:drop-shadow(5px 12px 7px #0007)}
#pour-drops{position:absolute;left:75.8%;top:47%;width:4.4%;height:9%;overflow:visible;fill:#0b100d;filter:drop-shadow(1px 1px 1px #ffffff25)}
#pour-thread{stroke:#111611;stroke-width:2;fill:none}
#ink-cup{position:absolute;left:73%;top:53%;width:10%;height:13%;overflow:visible;filter:drop-shadow(2px 8px 5px #0005)}
.prep-caption{position:absolute;left:72%;top:68%;width:14%;text-align:center;font-size:7px;letter-spacing:2px;color:#b3baaa}
@media(max-width:700px){.journey{height:620vh}.prep-caption{font-size:5px;letter-spacing:1px}.scene-copy[data-phase="0"]{top:15%}.scene-copy[data-phase="1"],.scene-copy[data-phase="2"]{top:15%}}
#ink-bottle{top:20%;height:auto;object-fit:initial}#pour-drops{top:46.4%;height:9.6%}

/* Separate preparation room, then a larger full-back composition. */
#stage{background:#08070b}
#prep-room{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 17% 36%,#92711f3d,transparent 45%),radial-gradient(ellipse at 85% 42%,#7e22c94d,transparent 48%),#07070a;overflow:hidden}
.purple-beam,.yellow-beam{position:absolute;width:55%;height:140%;top:-30%;filter:blur(28px);opacity:.65;pointer-events:none}
.purple-beam{right:-8%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#a146db24,transparent)}
.yellow-beam{left:5%;transform:rotate(-30deg);background:linear-gradient(90deg,transparent,#e5b73124,transparent)}
#prep-table{position:absolute;left:12%;top:60%;width:80%;height:28%;z-index:1;background:linear-gradient(110deg,#5b481b 0%,#24231d 24%,#17171a 60%,#4a285b 100%);transform:perspective(900px) rotateX(37deg);transform-origin:50% 0;border-top:1px solid #e2c76b66;box-shadow:0 35px 40px #000b;overflow:hidden}
#prep-table:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff04 4px 5px),linear-gradient(100deg,#f5c43425,transparent 40%,#b35ae828);opacity:.65}
.table-edge{position:absolute;bottom:0;left:0;right:0;height:9px;background:linear-gradient(#67606c,#111016);border-top:1px solid #b69ab352}
#tattoo-scene{z-index:1}
#tattoo-art{left:47%;top:14%;width:36%;height:78%}
#ink-prep{transform:translateX(-20%)}
#artist-hand{transform-origin:15% 85%;filter:drop-shadow(-4px 7px 4px #0006)}
.scene-shade{background:linear-gradient(90deg,#10110fd9 0%,#10110f85 22%,transparent 44%)}
@media(max-width:700px){.scene-shade{background:linear-gradient(180deg,#08070b80,transparent 33%,transparent 90%,#08070b77)}.scene-copy{top:15%}.scene-copy[data-phase="1"] h2,.scene-copy[data-phase="2"] h2{font-size:44px}.scene-copy .description{max-width:240px}#prep-table{left:15%;width:80%;height:32%}.scene-footer{bottom:19px}.side-note{display:none}}

#cup-front{position:absolute;left:53%;top:53%;width:10%;height:13%;z-index:6;pointer-events:none;opacity:0}

#artist-hand{transform-origin:13% 90.5%}

/* Quiet studio framing, right-hand station, left shoulder-blade placement. */
#stage,.sticky{background:#030305}
#prep-room{background:radial-gradient(ellipse at 78% 35%,#6c25981f,transparent 45%),radial-gradient(ellipse at 48% 38%,#9b78201a,transparent 45%),#030305}
.purple-beam,.yellow-beam{opacity:.3}
#prep-table{left:59%;top:62%;width:37%;height:23%;background:linear-gradient(110deg,#302811,#151517 40%,#24132e);border-top-color:#88764555}
#ink-prep{transform:none}
#ink-bottle{left:71%;top:10%;width:18%;height:auto}
#pour-drops{left:77.8%;top:49.3%;width:4.4%;height:10%}
#ink-cup,#cup-front{left:76.25%;top:57%;width:7.5%;height:9.75%}
#tattoo-art{left:45%;top:23%;width:23%;height:52%;mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 3%,#000 97%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 3%,#000 97%,transparent 100%);-webkit-mask-composite:source-in}
.backplate{filter:brightness(.82)}
.scene-copy,.prep-caption,.side-note,#chapter,.big-word{display:none!important}
.scene-shade{background:linear-gradient(90deg,#03030566,transparent 34%)}
#artist-hand{transform-origin:86% 24%}
@media(max-width:700px){#prep-table{left:59%;width:37%;height:23%}.scene-shade{background:linear-gradient(180deg,#03030555,transparent 25%,transparent 90%,#03030555)}}

#artist-hand{transform-origin:97.4% 5.2%}

/* Close right-shoulder camera. Forearms continue naturally toward the artist. */
#tattoo-art{left:31%;top:23%;width:24%;height:54%}
.backplate{filter:brightness(.87)}
#artist-hand{transform-origin:32% 84%;mask-image:linear-gradient(90deg,#000 0%,#000 87%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 87%,transparent 100%);filter:drop-shadow(-3px 4px 2px #0004)}
#ink-bottle{height:auto;transform-origin:38% 84%;mask-image:linear-gradient(90deg,#000 0%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 90%,transparent 100%);filter:drop-shadow(-2px 4px 3px #0004)}
#ink-cup,#cup-front{left:71.75%;top:57.3%;width:8.5%;height:13.9%}
#pour-drops{left:73.8%;top:47%;width:4.4%;height:13.4%}
#prep-table{left:55%;top:64%;width:43%;height:24%;background:linear-gradient(115deg,#282216,#111115 50%,#23172b)}
#wipe-hand{mask-image:linear-gradient(90deg,#000 0%,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 86%,transparent 100%)}
@media(max-width:700px){#prep-table{left:55%;width:43%;height:24%}}

#artist-hand{transform-origin:27.4% 92.2%}#ink-bottle{transform-origin:31.8% 93.8%}#ink-cup,#cup-front{height:10.36%}#pour-drops{top:54%;height:5.6%}

#tattoo-art{left:14%;top:21%;width:24%;height:54%}

/* Reference placement and corrected working scale. */
#tattoo-art{left:9%;top:13%;width:28.5%;height:64%}
#ink-cup,#cup-front{left:72.65%;top:59.23%;width:6.7%;height:8.166%}
#pour-drops{top:54%;height:7.05%}

/* Continuous illustration; only the Vibes ink is revealed over the intact base. */
#base-art{position:absolute;inset:0;width:100%;height:100%;display:block}
#ink-cup,#cup-front{left:73.4%;top:60.9174%;width:5.2%;height:6.3375%}
#pour-drops{top:54%;height:8.33%}

/* Close framing during the working strokes. */
#artist-hand{will-change:transform,left,top}#tattoo-scene{will-change:transform,left}

/* Alpha ink supplies the multiply appearance without opaque white paper. */
#tattoo-art{mix-blend-mode:normal;background:transparent;opacity:1}
#base-art,#lettering-canvas{background:transparent;mix-blend-mode:normal}

/* A slower scroll timeline and a slightly larger preparation surface. */
.journey{height:760vh}
#prep-table{left:49%;width:51%;height:29%}
@media(max-width:700px){.journey{height:800vh}#prep-table{left:49%;width:51%;height:29%}}

/* Station supplies and four spare greywash caps beside the working cap. */
.station-prop{position:absolute;object-fit:contain;object-position:50% 100%;pointer-events:none;filter:brightness(.82) drop-shadow(3px 5px 3px #0008)}
#paper-roll{left:84%;top:43%;width:12%;height:23.5%}

.spare-ink-cup{position:absolute;top:60.9174%;width:5.2%;height:6.3375%;filter:drop-shadow(2px 4px 3px #0005)}

/* Five caps on the lower-right portion of the tray. */
#ink-cup,#cup-front{left:80.5%;top:74.9174%}
.spare-ink-cup{top:74.9174%}
#pour-drops{left:80.9%;top:68%;height:8.33%}

/* One invitation, after the tattoo is finished. */
#finish-cta{position:absolute;inset:0;z-index:12;display:grid;place-items:center;opacity:0;pointer-events:none;background:radial-gradient(ellipse at center,#02030840,transparent 65%)}
#book-now{width:min(430px,82vw);min-height:86px;padding:24px 25px;border:1px solid #ffffffe0;border-radius:0;background:#04090b35;color:#fff;font-size:clamp(13px,1.3vw,18px);font-weight:700;letter-spacing:.3em;text-align:center;backdrop-filter:blur(3px);box-shadow:0 8px 38px #0002;transition:background .2s,color .2s}
#book-now:hover{background:#ffffffe8;color:#0a1013}#book-now:disabled{cursor:default}#book-now:focus-visible{outline:2px solid white;outline-offset:7px}
#booking{padding:0;width:min(560px,calc(100vw - 24px));max-width:560px;height:min(92svh,940px);max-height:92svh;border-radius:20px;background:#f6f7fb;border:0;overflow:hidden;box-shadow:0 25px 90px #0008}
#booking::backdrop{background:#030407c9;backdrop-filter:blur(10px)}
#booking-frame{display:block;width:100%;height:100%;border:0;background:#f6f7fb}
.booking-close{position:absolute;right:10px;top:10px;z-index:5;width:34px;height:34px;display:grid;place-items:center;border:1px solid #d3d7df;border-radius:50%;background:#fff;color:#111827;font-size:25px;line-height:1;box-shadow:0 3px 12px #0001}
@media(max-width:700px){#book-now{min-height:74px;padding:22px 15px;font-size:14px;letter-spacing:.24em}#booking{height:94svh;max-height:94svh;width:calc(100vw - 16px);border-radius:16px}}

/* Soft ink wisps blend into the outer edge of the angel's left wing. */
#smoke-ink{position:absolute!important;left:3.5%;top:17%;width:15%!important;height:49%!important;z-index:1;opacity:0;pointer-events:none;mix-blend-mode:normal;mask-image:radial-gradient(ellipse,#000 35%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,#000 35%,transparent 73%)}

/* The prepared station: a stationary upright bottle, no pouring sequence. */
#ink-bottle{left:66%;top:44%;width:10%;height:22.5%;object-fit:contain;transform:none;transform-origin:50% 100%;opacity:1;mask-image:none;-webkit-mask-image:none;filter:brightness(.86) drop-shadow(0 2px 1px #0009)}
.journey{height:570vh}
@media(max-width:700px){.journey{height:600vh}}

/* Upright, level jar; its photographed label turns right around the cylinder. */
#ointment-jar{left:76.75%;top:61.25%;width:6%;height:9%;transform:none;transform-origin:50% 100%;filter:brightness(.78) drop-shadow(0 2px 1px #000b)}

/* Three spare cartridges lie flat at the near-left edge of the station. */
#spare-cartridges{left:56.2%;top:72.9%;width:5.6%;height:5.2%;transform:none;filter:brightness(.72);object-position:50% 50%}

/* Slightly smaller caps, retaining the ink-surface center for the needle dip. */
#ink-cup,#cup-front,.spare-ink-cup{transform:scale(.81);transform-origin:50% 41.53846%}

/* A crisp OLED reading stays fixed to the machine as the hand moves. */
#artist-hand{aspect-ratio:1/1}
#artist-hand>img{display:block;width:100%;height:auto}
.machine-display{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}