/* ========================================================================
   Notebook v2 · an entirely local, self-contained set of playful extras
   ======================================================================== */
.replay-writing{margin-top:29px;display:inline-flex;align-items:center;gap:4px;color:var(--terra);border:0;background:transparent;font-size:18px;padding:2px 4px;transform:rotate(-3deg);transition:transform .2s}
.replay-writing:hover{transform:rotate(2deg) translateX(4px)}.replay-writing svg{width:39px;height:28px;stroke:currentColor;stroke-width:2.1}
.hero-scribble-pen{position:absolute;z-index:8;top:-10px;left:0;width:48px;height:48px;pointer-events:none;opacity:0;filter:drop-shadow(3px 3px 1px var(--shadow))}
.hero-scribble-pen svg{width:100%;height:100%;stroke:var(--ink);stroke-width:2.2;fill:var(--lemon)}
.hero-title.is-replaying .hero-scribble-pen{animation:pen-follow 1.85s ease-in-out .75s both}
@keyframes pen-follow{0%{opacity:0;transform:translate(-30px,25px) rotate(-35deg)}15%{opacity:1}32%{transform:translate(43px,3px) rotate(-10deg)}65%{transform:translate(170px,13px) rotate(15deg)}90%{opacity:1;transform:translate(325px,4px) rotate(4deg)}100%{opacity:0;transform:translate(360px,9px) rotate(-28deg)}}
.section-mini-doodle{width:65px;height:45px;stroke:var(--terra);stroke-width:2.2;transform:rotate(10deg)}

/* The phone feels like a smudged piece of physical paper, not a slick mockup. */
.mobile-lab{position:relative;background:var(--paper-deep);border-top:1.5px solid var(--line);border-bottom:1.5px solid var(--line);overflow:hidden}
.mobile-lab:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background:repeating-linear-gradient(0deg,transparent 0 39px,var(--line) 40px,transparent 41px)}
.lab-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:75px;align-items:center;position:relative;padding-top:24px}
.lab-copy{position:relative;z-index:3}.lab-copy .section-title{font-size:clamp(55px,5.9vw,86px)}.lab-copy .ink-para{max-width:590px;font-size:28px}
.platform-pills{display:flex;flex-wrap:wrap;gap:13px;margin:32px 0 26px}.platform-pill{padding:8px 13px;display:inline-flex;align-items:center;gap:6px;background:var(--paper-white);border:2px solid var(--ink);font-size:24px;transform:rotate(-3deg);border-radius:6% 8% 11% 4%/16% 9% 21% 12%;box-shadow:2px 3px 0 var(--line);transition:background .2s,transform .2s}.platform-pill:nth-child(2){transform:rotate(2deg)}.platform-pill:nth-child(3){transform:rotate(-1deg)}.platform-pill.selected{background:var(--mint);transform:rotate(2deg) translateY(-5px);box-shadow:4px 5px 0 var(--terra)}.platform-pill svg{height:25px;width:29px;stroke:currentColor;stroke-width:1.8}.lab-side-note{display:flex;align-items:center;gap:0;font-size:22px;color:var(--terra);transform:rotate(-4deg);margin:35px 0}.lab-side-note svg{width:60px;height:52px;stroke:var(--terra);stroke-width:2.4;flex:none}.doodle-code{font-size:18px;color:var(--ink-soft);display:inline-grid;gap:3px;transform:rotate(1deg)}.doodle-code svg{stroke:var(--terra);stroke-width:1.5;width:140px;height:26px;margin-top:-4px}
.playphone-stage{min-height:670px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.playphone{position:relative;width:294px;height:582px;border:4px solid var(--ink);border-radius:42px 38px 45px 40px / 39px 44px 43px 47px;transform:rotate(5deg);padding:13px 10px 16px;background:var(--ink);box-shadow:13px 17px 0 var(--shadow),5px 5px 0 var(--terra);transition:transform .35s ease,box-shadow .35s}.playphone[data-current-platform="ios"]{transform:rotate(-3deg);box-shadow:13px 17px 0 var(--shadow),5px 5px 0 var(--purple)}.playphone[data-current-platform="flutter"]{transform:rotate(2deg);box-shadow:13px 17px 0 var(--shadow),5px 5px 0 #5b99ad}.playphone:after{content:"";position:absolute;inset:-7px -5px -4px -7px;border:2px dashed var(--line);border-radius:41px 40px 38px 44px;pointer-events:none}.phone-speaker{height:5px;width:67px;background:var(--paper-white);border-radius:8px;position:absolute;z-index:5;top:10px;left:calc(50% - 34px)}
.phone-screen{height:100%;border-radius:32px 29px 33px 30px;overflow:hidden;background:#f1e8d5;color:#303b33;padding:17px 12px 8px;display:flex;flex-direction:column;gap:11px;position:relative}.phone-screen:after{content:"";pointer-events:none;position:absolute;inset:0;border:2px solid rgba(48,59,51,.08);border-radius:32px}.playphone[data-current-platform="ios"] .phone-screen{background:#f1e7ef}.playphone[data-current-platform="flutter"] .phone-screen{background:#e0ebec}.phone-status{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:2px}.phone-status svg{width:50px;height:18px;stroke:#4c544c;stroke-width:2.2}.app-top{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 0}.app-eyebrow{font-size:14px;color:#6a726c}.app-top h3{font-size:27px;font-weight:400;margin:0}.avatar-sketch{width:44px;height:44px;border:1.5px solid #455347;border-radius:45% 56% 48% 51%;transform:rotate(-9deg);display:grid;place-items:center;background:#d2ddd0}.avatar-sketch svg{width:35px;height:35px;stroke:#455347;stroke-width:1.6}
.app-panel{background:#f9f2e5;border:1.8px solid #55665b;box-shadow:3px 4px 0 rgba(64,60,48,.15);border-radius:13% 9% 9% 8% / 8% 9% 11% 10%;overflow:hidden;transform:rotate(-1deg)}.playphone[data-current-platform="ios"] .app-panel{border-radius:16px;transform:rotate(.5deg)}.playphone[data-current-platform="flutter"] .app-panel{border-radius:12px;transform:rotate(-.5deg)}.app-art{height:140px;display:flex;background:#d5e2c2}.playphone[data-current-platform="ios"] .app-art{background:#efd3c9}.playphone[data-current-platform="flutter"] .app-art{background:#c7e4e3}.app-art svg{width:100%;height:100%}.app-hill{fill:#b1cbad}.app-building{stroke:#566958;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app-cloud{stroke:#8aa28e;stroke-width:2.2}.playphone[data-current-platform="ios"] .app-hill{fill:#d8b9b6}.playphone[data-current-platform="flutter"] .app-hill{fill:#a5cfbf}.app-panel-body{padding:12px 11px 16px}.app-card-tag{font-size:14px;color:#7e795f}.app-card-action{display:flex;justify-content:space-between;align-items:center;gap:6px}.app-card-action h4{font-size:23px;line-height:1.3;font-weight:normal;margin:2px 0}.app-favorite{flex:none;width:39px;height:36px;display:grid;place-items:center;background:transparent;border:1.5px solid #536d60;border-radius:46% 41% 47% 45%;transition:transform .2s}.app-favorite:hover,.app-favorite.is-saved{transform:rotate(-12deg) scale(1.12)}.app-favorite svg{width:28px;height:28px;stroke:#b66a62;stroke-width:2.5}.app-favorite.is-saved svg{fill:#dd8b83}.app-card-footer{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;color:#697363}.app-card-footer svg{width:39px;height:18px;stroke:#b7834f;stroke-width:1.4}
.app-subnote{min-height:66px;display:flex;align-items:center;justify-content:center;text-align:center;color:#697369;font-size:17px;padding:5px 13px;flex:1}.app-navigation{display:flex;justify-content:space-around;border-top:1.2px dashed #9b9f91;padding-top:8px;gap:3px}.app-nav-item{background:transparent;color:#737a6d;border:0;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:61px;padding:4px;transition:transform .2s}.app-nav-item svg{width:25px;height:24px;stroke:currentColor;stroke-width:2}.app-nav-item .ink{font-size:13px}.app-nav-item.current{color:#47765c;transform:translateY(-2px)}.stage-star{position:absolute;width:40px;stroke:var(--terra);stroke-width:2.8;top:42px;right:25px;transform:rotate(9deg)}.stage-arrow{position:absolute;width:91px;height:82px;stroke:var(--terra);stroke-width:2.3;top:185px;right:-8px;transform:rotate(-8deg)}.playphone-caption{font-size:21px;color:var(--terra);transform:rotate(-5deg);margin:28px 0 0;text-align:center}

/* API workshop is a big hand-torn index card. The only machine type here is
   intentionally the JSON/code response: important for accurate copy/paste. */
.api-intro{display:grid;grid-template-columns:1fr 210px;align-items:center;gap:35px;margin-bottom:44px}.api-intro .ink-para{font-size:26px;max-width:800px}.api-doodle{width:210px;height:155px;stroke:var(--terra);stroke-width:3;transform:rotate(-8deg)}.api-paper{background:var(--paper-white);border:2.5px solid var(--ink);border-radius:2% 1.5% 2.5% 1.7% / 1.5% 2.5% 2% 3%;box-shadow:10px 13px 0 var(--shadow);padding:30px 35px 34px;position:relative;transform:rotate(-.5deg)}.api-paper:before{content:"";width:80px;height:24px;position:absolute;background:#dfb58196;top:-10px;left:39%;transform:rotate(2deg);clip-path:polygon(0 8%,100% 0,96% 100%,5% 89%)}.api-paper-header,.response-top,.api-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.api-paper-header{font-size:23px;color:var(--terra);padding-bottom:20px;border-bottom:1px dashed var(--line)}.api-on{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:17px}.api-on i{display:block;width:11px;height:11px;background:#5e9b70;border-radius:50%;box-shadow:0 0 0 4px #5e9b7032}.api-pick{display:flex;gap:13px;flex-wrap:wrap;padding:26px 0}.endpoint{display:inline-flex;align-items:center;gap:10px;font-size:21px;padding:9px 13px;border:1.5px solid var(--line);background:var(--paper);transform:rotate(-1deg);border-radius:5% 7% 6% 4%;box-shadow:2px 3px 0 var(--shadow)}.endpoint:nth-child(2){transform:rotate(2deg)}.endpoint:nth-child(3){transform:rotate(-2deg)}.endpoint.selected{border:2px solid var(--ink);background:var(--lemon);box-shadow:4px 5px 0 var(--terra);transform:rotate(1deg) translateY(-4px)}.verb{font:700 13px/1.3 ui-monospace,SFMono-Regular,monospace;letter-spacing:.02em;padding:3px 5px;border-radius:2px;background:#d9edcd;color:#2b5d3b}.verb-post{background:#eedbb1;color:#705122}.request-line{display:grid;grid-template-columns:1fr minmax(170px,2fr) auto;align-items:center;gap:12px;font-size:19px;border-top:1px dashed var(--line);padding:20px 0}.request-line label{color:var(--ink-soft)}.request-line input{min-width:0;width:100%;border:1.5px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);font-family:ui-monospace,monospace;font-size:15px;padding:13px}.request-line input:disabled{opacity:.58;cursor:not-allowed}.send-api{font-size:20px;box-shadow:3px 4px 0 var(--terra);white-space:nowrap}.send-api>svg{width:24px}.response-top{border-top:1px dashed var(--line);padding-top:18px;font-size:20px}.response-stats{display:flex;gap:10px;font-size:19px;color:#48895a}.response-stats #api-status.is-error{color:var(--terra)}.api-response{margin:20px 0 17px;overflow:auto;white-space:pre;min-height:200px;background:var(--paper-deep);border:2px solid var(--line);border-radius:1% 2% 1.5% 1%;font:16px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink);padding:25px 27px;position:relative;tab-size:2}.api-response:before{content:"";position:absolute;top:9px;right:11px;width:17px;height:17px;border:2px dashed var(--terra);border-radius:50%}.api-footer{font-size:19px;color:var(--ink-soft)}.api-reset{border:0;background:transparent;color:var(--terra);font-size:19px;display:inline-flex;align-items:center;gap:7px}.api-reset svg{width:28px;stroke:currentColor;stroke-width:2}

/* An undated journey, to avoid implying invented jobs or experience. */
.journey-section{background:var(--paper-deep);border-top:1.5px solid var(--line);border-bottom:1.5px solid var(--line);overflow:hidden}.journey-section .section-title{margin-bottom:13px}.journey-section .ink-para{max-width:880px}.journey-trail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;position:relative;margin:67px 0 25px}.journey-line{position:absolute;z-index:0;top:28px;left:0;right:0;width:100%;height:130px;stroke:var(--terra);stroke-width:2.2;stroke-dasharray:11 9;opacity:.8;pointer-events:none}.journey-stop{position:relative;z-index:1;display:flex;flex-direction:column;min-height:300px;align-items:flex-start;padding:35px 18px 22px 21px;background:var(--paper-white);border:1.7px solid var(--ink);border-radius:3% 4% 2% 5% / 5% 3% 4% 3%;box-shadow:4px 7px 0 var(--shadow);transform:rotate(-3deg);transition:transform .3s,box-shadow .3s}.journey-stop:nth-of-type(2){transform:rotate(3deg) translateY(27px);background:var(--paper)}.journey-stop:nth-of-type(3){transform:rotate(-2deg) translateY(-12px)}.journey-stop:nth-of-type(4){transform:rotate(4deg) translateY(22px);background:var(--paper)}.journey-stop:hover{transform:rotate(0) translateY(-10px);box-shadow:8px 13px 0 var(--shadow)}.journey-stop>svg{width:73px;height:73px;stroke:var(--terra);stroke-width:2.2;transform:rotate(-12deg);margin:17px 0 6px}.journey-stop:nth-of-type(2)>svg{stroke:#6b8c77}.journey-stop:nth-of-type(4)>svg{stroke:#9181ad}.journey-pin{position:absolute;top:-11px;left:49%;height:20px;width:20px;background:var(--terra);border:2px solid var(--ink);border-radius:50%;box-shadow:2px 2px 0 var(--line)}.journey-no{font-size:17px;color:var(--ink-soft)}.journey-stop h3{font-size:27px;font-weight:normal;margin:14px 0 3px}.journey-stop p{font-size:18px;line-height:1.6;margin:0;color:var(--ink-soft)}.journey-footnote{display:block;text-align:right;font-size:17px;color:var(--ink-soft);margin-top:54px;transform:rotate(-2deg)}

/* Project notebook now holds three usable case-study pages. */
.project-dialog{width:min(795px,calc(100vw - 30px));max-height:88vh;overflow:auto;padding-top:32px;transform:none;border-radius:2.2% 2.7% 2.5% 2.1%}.project-dialog .section-title{font-size:clamp(37px,4vw,52px)}.dialog-badge{display:inline-block;color:var(--terra);font-size:19px;margin:20px 0 8px;transform:rotate(-2deg)}.case-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px dashed var(--line);margin:14px 0 19px}.case-tab{background:transparent;border:0;font-size:22px;position:relative;padding:7px 10px 11px;transform:rotate(-2deg)}.case-tab:nth-child(2){transform:rotate(1deg)}.case-tab.selected:after{content:"";position:absolute;left:4px;right:2px;bottom:4px;height:7px;z-index:-1;background:var(--apricot);clip-path:polygon(0 20%,99% 0,94% 100%,2% 78%)}.case-content{background:var(--paper-deep);border:1.5px solid var(--line);border-radius:4px;padding:20px 24px;min-height:245px}.case-content>.ink-para{font-size:23px;line-height:1.7}.case-content .case-label{font-size:20px;color:var(--terra);margin:0 0 9px}.case-arch{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.case-arch-card{font-size:18px;text-align:center;min-width:105px;padding:15px 10px;border:1.6px solid var(--ink);border-radius:6% 9% 4% 8%;background:var(--paper-white);transform:rotate(-2deg)}.case-arch-card:nth-of-type(2){transform:rotate(2deg)}.case-arch-arrow{color:var(--terra);font-size:27px;transform:rotate(5deg)}.notebook-paperclip{position:absolute;right:55px;top:-21px;width:39px;transform:rotate(28deg)}.notebook-paperclip svg{width:100%;stroke:var(--line);stroke-width:2.7}

/* Floating secret sketch mode. Canvas covers the viewport, toolbar is above it. */
.sketch-float{position:fixed;bottom:24px;right:25px;z-index:96;display:inline-flex;align-items:center;gap:7px;background:var(--lemon);border:2px solid var(--ink);border-radius:42% 35% 44% 29%/32% 44% 38% 32%;padding:7px 12px 8px;box-shadow:4px 5px 0 var(--terra);font-size:20px;transform:rotate(3deg);transition:transform .2s}.sketch-float svg{width:35px;height:35px;stroke:var(--ink);stroke-width:2}.sketch-float:hover{transform:rotate(-3deg) translateY(-3px)}.sketch-float.is-active{background:var(--mint);bottom:105px}.page-drawing{display:none;position:fixed;inset:0;width:100vw;height:100vh;z-index:85;cursor:crosshair;touch-action:none}.page-drawing.is-active{display:block}.sketch-toolbar{position:fixed;z-index:95;right:19px;bottom:17px;left:19px;max-width:1040px;margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;background:var(--paper-white);border:2px solid var(--ink);border-radius:14px 17px 10px 13px;box-shadow:7px 7px 0 var(--shadow);padding:12px}.sketch-toolbar[hidden]{display:none!important}.sketch-toolbar>.ink{font-size:17px;color:var(--terra);padding-right:12px}.sketch-tool{font-size:17px;padding:7px 10px;background:var(--paper);border:1.6px dashed var(--line);border-radius:7px;white-space:nowrap}.sketch-tool.selected{border-style:solid;border-color:var(--ink);background:var(--lemon);transform:rotate(-4deg)}.sketch-done{background:var(--ink);color:var(--paper-white);border:0}.sticky-note-layer{position:fixed;inset:0;z-index:90;pointer-events:none}.sticky-note{position:absolute;width:min(240px,75vw);min-height:160px;padding:33px 18px 17px;background:#ffedab;color:#4b4233;border:1.7px solid #bca067;box-shadow:6px 8px 1px #332a241c;transform:rotate(-3deg);pointer-events:auto;touch-action:none;display:flex;flex-direction:column;gap:7px}.sticky-note:before{content:"";position:absolute;top:-9px;left:40%;width:57px;height:22px;background:#b7cab380;transform:rotate(6deg)}.sticky-note-head{display:flex;align-items:center;justify-content:space-between;gap:9px;cursor:grab;border-bottom:1px dashed #ae9569;padding-bottom:8px}.sticky-note-head .ink{font-size:18px}.sticky-note-close{border:0;background:transparent;color:#885344;font-size:19px;padding:1px 6px;cursor:pointer}.sticky-note-body{min-height:79px;font:18px/1.5 "Comic Sans MS",cursive;color:#4b4233;outline:0;touch-action:auto;overflow-wrap:anywhere}.sticky-note-body:focus{outline:1px dashed #9c8c5f}.sticky-note-body:empty:before{content:"write a little note...";opacity:.5}.sticky-note:not(.is-active-note){filter:saturate(.8)}

@media(max-width:1060px){.lab-grid{gap:34px;grid-template-columns:minmax(0,1fr) minmax(310px,.85fr)}.playphone-stage{min-height:610px}.playphone{width:275px;height:553px}.platform-pills{gap:9px}.platform-pill{font-size:21px}.api-paper{padding:26px}.journey-stop{padding-inline:13px}.journey-stop h3{font-size:23px}}
@media(max-width:850px){.lab-grid{grid-template-columns:1fr;gap:20px}.lab-copy .ink-para{max-width:600px}.playphone-stage{min-height:650px}.stage-arrow{right:calc(50% - 220px)}.stage-star{right:calc(50% - 205px)}.api-intro{grid-template-columns:1fr 130px}.api-doodle{width:132px;height:110px}.journey-trail{grid-template-columns:repeat(2,minmax(0,1fr));gap:33px}.journey-line{display:none}.journey-stop:nth-of-type(n){transform:rotate(-2deg) translateY(0);min-height:285px}.journey-stop:nth-of-type(2n){transform:rotate(2deg) translateY(20px)}.request-line{grid-template-columns:minmax(0,1fr) auto}.request-line label{grid-column:1 / -1}.case-content{min-height:220px}}
@media(max-width:570px){.replay-writing{font-size:15px;margin-top:20px}.mobile-lab .section-space{padding-block:65px}.lab-copy .section-title{font-size:clamp(46px,10.4vw,66px)}.lab-copy .ink-para{font-size:22px}.platform-pills{margin-top:25px}.platform-pill{font-size:19px}.lab-side-note{font-size:18px;margin:22px 0}.playphone-stage{min-height:590px}.playphone{width:257px;height:525px;transform:rotate(3deg)}.playphone-caption{font-size:17px}.app-art{height:110px}.app-top h3{font-size:24px}.app-card-action h4{font-size:21px}.stage-arrow{width:55px;right:0}.stage-star{width:29px;right:1px}.api-intro{display:block}.api-intro .ink-para{font-size:23px}.api-doodle{display:none}.api-paper{padding:23px 14px 21px;border-radius:5px}.api-paper-header{font-size:19px}.api-on{font-size:14px}.api-pick{gap:10px}.endpoint{font-size:17px;padding:8px 9px}.verb{font-size:11px}.request-line{grid-template-columns:1fr}.request-line input{font-size:14px}.request-line .send-api{justify-self:start;font-size:19px}.response-top{font-size:18px}.api-response{font-size:13px;padding:22px 13px;min-height:180px}.api-footer{font-size:17px}.journey-section .ink-para{font-size:23px}.journey-trail{gap:25px 13px;margin-top:45px}.journey-stop:nth-of-type(n){padding:24px 12px 19px;min-height:251px}.journey-stop:nth-of-type(n)>svg{width:52px;height:55px;margin:12px 0 0}.journey-stop h3{font-size:19px;margin:10px 0 0}.journey-stop p{font-size:14px}.journey-no{font-size:14px}.journey-footnote{font-size:14px;margin-top:40px}.project-dialog{max-height:90vh;padding:35px 19px 25px}.case-tab{font-size:17px}.case-content{padding:15px}.case-content>.ink-para{font-size:20px}.case-arch{gap:4px}.case-arch-card{min-width:0;flex:1;font-size:13px;padding:12px 4px}.case-arch-arrow{font-size:19px}.sketch-float{right:12px;bottom:12px;font-size:15px;padding:5px 8px}.sketch-float svg{width:29px;height:29px}.sketch-float.is-active{bottom:169px}.sketch-toolbar{right:8px;left:8px;bottom:9px;padding:8px;gap:5px;justify-content:space-around}.sketch-toolbar>.ink{width:100%;text-align:center;font-size:15px}.sketch-tool{padding:7px 6px;font-size:14px}.sticky-note{width:196px;min-height:133px}}
@media(prefers-reduced-motion:reduce){.hero-title.is-replaying .hero-scribble-pen{animation:none;opacity:0}}
.app-panel.empty-saved .app-art{opacity:.35}.app-favorite.heart-beat{animation:favorite-pop .35s ease}@keyframes favorite-pop{45%{transform:scale(1.3) rotate(-17deg)}}
.sticky-note-layer[hidden]{display:none!important}.sketch-tool:disabled{opacity:.45}.sketch-float:focus-visible,.sketch-tool:focus-visible,.endpoint:focus-visible,.platform-pill:focus-visible{outline:3px dashed var(--terra);outline-offset:3px}
.work-next-link{display:inline-flex;align-items:center;gap:8px;font-size:23px;margin:30px 0 0 8px;color:var(--terra);transform:rotate(-2deg);border-bottom:2px dashed var(--terra);padding-bottom:3px}.work-next-link svg{width:38px;height:30px;stroke:currentColor;stroke-width:2.1}.work-next-link:hover{transform:rotate(1deg) translateX(5px)}.endpoint:disabled{cursor:progress;opacity:.68}
@media(max-width:570px){.work-next-link{font-size:19px}}
/* Six real stops: two rows of three on wide screens. */
.journey-trail{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:851px){.journey-trail{row-gap:48px}.journey-stop:nth-of-type(5){transform:rotate(-3deg) translateY(14px)}.journey-stop:nth-of-type(6){transform:rotate(2deg) translateY(-6px);background:var(--paper)}.journey-stop:nth-of-type(n):hover{transform:rotate(0) translateY(-10px)}}
@media(max-width:850px){.journey-trail{grid-template-columns:repeat(2,minmax(0,1fr))}}