/* A journey through development: postcards, field notes and workshop pages. */
.journal-page{background:linear-gradient(#092b20eb,#092b20ed),url('assets/tropical-backdrop.png') center top/cover fixed}
.journal-page:before{content:'';position:fixed;inset:0;background:#06251deb;z-index:-1}
.journal-hero{padding:170px max(6vw,24px) 85px;display:grid;grid-template-columns:1fr 260px;gap:60px;align-items:center;position:relative;background:linear-gradient(90deg,#06291aef,#06291abd),url('assets/tropical-backdrop.png') center 35%/cover;border-bottom:4px solid var(--orange)}
.journal-hero h1,.entry-heading h1{font-family:var(--display);font-size:clamp(44px,5.4vw,76px);line-height:1.02;text-transform:uppercase;font-weight:400;letter-spacing:.2px;margin:18px 0 26px}
.journal-hero .eyebrow{color:#d0d776;font-size:14px;line-height:1.6}
.journal-intro{max-width:720px;font-size:21px;line-height:1.6;margin:0;color:#edecca}
.luggage-tag{background:#ff8424;color:var(--night);padding:40px 25px 25px;transform:rotate(6deg);clip-path:polygon(12% 0,88% 0,100% 10%,100% 100%,0 100%,0 10%);text-align:center;box-shadow:8px 10px #0006;position:relative}
.luggage-tag:before{content:'';position:absolute;top:13px;left:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:#173e21}
.luggage-tag span{display:block;font-size:13px;letter-spacing:1px;font-weight:700;line-height:1.5}
.luggage-tag strong{display:block;font-family:var(--display);font-size:43px;line-height:1.02;text-transform:uppercase;font-weight:400;margin:22px 0}
.blue-tag{background:#8ecfd2}
.journey{max-width:1300px;margin:auto;padding:65px 6vw 90px}
.journey-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;color:#d4ddad;margin-bottom:42px;border-bottom:1px solid #bed49144;padding-bottom:15px;font-size:15px}
.journey-heading .eyebrow{margin:0;color:var(--orange)}
.trip-stop{display:grid;grid-template-columns:130px 1fr;gap:26px;position:relative;padding:0 0 65px}
.trip-stop:before{content:'';position:absolute;left:38px;top:70px;bottom:0;border-left:3px dashed #b5c87966;z-index:-1}
.route-marker span{display:grid;place-items:center;width:76px;height:76px;border:3px solid #ccdb8b;border-radius:50%;font-family:var(--display);font-size:33px;color:var(--orange);transform:rotate(-8deg);background:#0b2b1e}
.route-marker p{text-transform:uppercase;font-size:13px;color:#c6d991;letter-spacing:1px;line-height:1.4;max-width:90px}
.postcard{background:#efead2;color:#123c2e;padding:14px;box-shadow:11px 14px #02191077;transform:rotate(-1deg);position:relative}
.trip-stop:nth-of-type(even) .postcard{transform:rotate(1deg)}
.postcard:before{content:'';position:absolute;width:115px;height:32px;background:#d4d09ca8;top:-12px;left:40%;transform:rotate(-7deg);z-index:2;clip-path:polygon(3% 0,96% 5%,100% 90%,0 100%)}
.postcard-image{display:block;position:relative;overflow:hidden;background:#082b22;aspect-ratio:2.2}
.postcard-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.postcard-image:hover img{transform:scale(1.025)}
.logo-postcard{background:linear-gradient(120deg,#16422d,#071b16)}
.logo-postcard img{object-fit:contain}
.image-note{position:absolute;bottom:15px;left:18px;color:#fff7dc;font-size:14px;background:#072c21e8;padding:7px 11px;transform:rotate(-2deg)}
.postcard-message{padding:28px 30px 24px;position:relative;background:repeating-linear-gradient(transparent 0 32px,#456c4820 33px,transparent 34px);background-position:0 108px}
.postcard-meta{display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;font-size:12px;letter-spacing:1px;font-weight:700;color:#50654a;margin-bottom:21px;padding-bottom:15px;border-bottom:1px solid #405b4433}
.postcard h2{font-size:clamp(30px,3.2vw,45px);line-height:1.07;max-width:640px;margin-bottom:19px}
.postcard h2 a:hover{color:#a7441c}
.postcard-message>p{font-size:19px;max-width:670px;margin-bottom:23px;padding-right:30px}
.postcard-link{display:inline-block;font-weight:700;border-bottom:2px solid currentColor;padding:6px 0 4px;font-size:17px;line-height:1.5}
.postcard-link:hover{color:#b1431b}
.postal-mark{position:absolute;right:25px;bottom:19px;border:3px double #a7472777;border-radius:50%;width:87px;height:87px;display:grid;place-content:center;text-align:center;font-size:13px;line-height:1.2;transform:rotate(14deg);color:#a7472799;font-weight:700;pointer-events:none}
.next-stop{display:flex;gap:40px;margin:15px 0 0 20px;padding:35px 0 0;align-items:flex-start}
.next-stop>span{font-size:85px;line-height:1;color:var(--orange);transform:rotate(12deg)}
.next-stop h2{font-size:42px}.next-stop .eyebrow{color:#b7cd77}.next-stop p{font-size:19px;max-width:600px}.next-stop .button{margin-top:15px}
.entry-heading{max-width:1140px;margin:auto;padding:152px 35px 50px}
.breadcrumb{display:inline-block;font-weight:700;font-size:16px;border-bottom:1px solid #cccf8466;padding-bottom:6px;margin-bottom:36px}
.breadcrumb:hover{color:var(--orange)}
.entry-heading .eyebrow{font-size:13px;color:#c7d385;line-height:1.6}
.entry-heading h1{font-size:clamp(42px,5.7vw,78px);max-width:970px}
.entry-deck{font-size:22px;max-width:850px;line-height:1.55}
.entry-byline{font-size:15px;color:#bed096}
.entry-paper{max-width:1080px;margin:0 auto 55px;padding:20px;background:#efead2;color:#153a2e;box-shadow:12px 13px #03160e99}
.entry-media{margin:0;position:relative}
.entry-media video{aspect-ratio:8/5;border:0;box-shadow:none}
.entry-media>img{display:block;width:100%;max-height:610px;object-fit:cover}
.entry-media figcaption{font-size:14px;line-height:1.5;padding:16px 20px;background:#d8ddaf;color:#2a4834}
.identity-media{background:#123c2c}.identity-media>img{object-fit:contain;padding:25px}
.entry-copy{max-width:830px;margin:auto;padding:30px 25px}
.entry-copy p,.about-paper>p{font-size:20px;line-height:1.7}
.entry-copy h2,.about-paper h2{font-size:clamp(30px,3.7vw,48px);line-height:1.1;margin:40px 0 20px}
.dear-diary{font-size:25px!important;color:#9e431f;font-weight:700;transform:rotate(-1deg);line-height:1.5!important}
.field-list{padding-left:26px;font-size:19px;line-height:1.7}.field-list li{padding-left:8px;margin:13px 0}.field-list li::marker{color:#b54a20}
.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px -20px}.photo-pair figure{margin:0;background:#fff8e3;padding:9px;box-shadow:5px 7px #18352730;transform:rotate(-2deg)}.photo-pair figure:nth-child(2){transform:rotate(2deg)}.photo-pair img{width:100%;display:block}.photo-pair figcaption{font-size:14px;padding:11px 7px 7px}
.scribbled-note{position:relative;margin:35px 0;padding:26px 30px;background:#d5dc90;transform:rotate(-1.5deg);box-shadow:6px 7px #193e2330;font-size:21px;line-height:1.6}
.scribbled-note:before{content:'';position:absolute;width:85px;height:24px;background:#e2b96188;top:-9px;left:35%;transform:rotate(4deg)}
.entry-map{max-width:590px;margin:25px auto}.entry-map img{width:100%;height:auto;display:block;border:9px solid #fff8e3}.entry-map figcaption{font-size:14px;line-height:1.5;margin-top:12px}
.entry-signoff{border-top:2px dashed #58725266;padding-top:25px;margin-top:40px;font-size:20px;line-height:1.7}.entry-signoff strong{font-family:var(--display);font-weight:400;font-size:34px;color:#a54420}
.journal-return{padding:0 25px 75px;text-align:center}
.workshop-body{max-width:1300px;margin:65px auto;padding:0 6vw;display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:start}
.workbench-sign{padding:35px 0}.workbench-sign h2{font-size:clamp(38px,3.8vw,53px);line-height:1.08}.workbench-sign p{font-size:20px}.workbench-sign .eyebrow{color:#c2d486}
.workshop-status{display:flex;gap:18px;padding:23px 0;margin:22px 0;border-block:1px solid #b9cc7a44;align-items:baseline}.workshop-status strong{color:#dce5ae;font-size:19px}.workshop-status p{font-size:17px;margin:7px 0 0}.status-dot{flex-shrink:0;width:12px;height:12px;border-radius:50%;background:var(--orange)}
.packing-list{position:relative;background:#e9e4c7;color:#103b29;transform:rotate(2deg);padding:42px 30px 28px;box-shadow:9px 11px #021a1166}.packing-list:before{content:'';position:absolute;top:-12px;left:33%;width:110px;height:27px;background:#dfb77299}.packing-list h2{font-size:37px;line-height:1.06}.packing-list ul{list-style:none;padding:0;line-height:1.5;font-size:18px}.packing-list li{padding:12px 0 12px 29px;border-bottom:1px solid #52733c33;position:relative}.packing-list li:before{content:'□';position:absolute;left:0;color:#a04420;font-size:24px;line-height:1.2}.packing-list p{font-size:17px;color:#966027}
.community-camp{padding:60px 6vw 70px;text-align:center;background:#c7cf81;color:#153a26;border-top:5px solid #ff7b16}.community-camp h2{font-size:53px}.community-camp p:not(.eyebrow){font-size:20px;max-width:730px;margin:0 auto 30px;line-height:1.65}
.about-paper{max-width:920px;margin:65px auto 85px;padding:45px 65px;background:#efeacf;color:#123a2c;box-shadow:13px 14px #021b1366;transform:rotate(-.3deg)}.about-paper .dear-diary{font-size:34px!important}.about-actions{display:flex;flex-wrap:wrap;gap:23px;margin-top:35px;align-items:center}
@media(min-width:1700px){.journal-hero{padding-inline:calc((100% - 1500px)/2)}}
@media(max-width:1050px){.journal-hero{grid-template-columns:1fr 200px;gap:30px}.luggage-tag{padding:35px 20px 25px}.luggage-tag strong{font-size:34px}.trip-stop{grid-template-columns:90px 1fr;gap:15px}.journey{padding-inline:4vw}.postal-mark{display:none}.postcard-message>p{padding:0}.workshop-body{gap:28px}.packing-list{padding:36px 24px}.entry-paper{margin-inline:25px}.about-paper{margin-inline:30px;padding:38px 45px}}
@media(max-width:760px){
 .journal-hero{padding:165px 25px 50px;grid-template-columns:1fr;gap:33px}.journal-hero h1{font-size:clamp(36px,8.3vw,58px)}.journal-intro{font-size:19px}.luggage-tag{justify-self:end;width:205px;transform:rotate(4deg);padding:30px 18px 18px}.luggage-tag strong{font-size:32px;margin:16px 0}.luggage-tag span{font-size:11px}.journal-hero .eyebrow{font-size:12px}
 .journey{padding:42px 22px 55px}.journey-heading{display:block;font-size:14px;line-height:1.7}.journey-heading .eyebrow{display:block;margin-bottom:8px}.trip-stop{display:block;padding-bottom:47px}.trip-stop:before{display:none}.route-marker{display:flex;align-items:center;gap:16px;margin-bottom:22px}.route-marker span{width:48px;height:48px;font-size:23px}.route-marker p{max-width:none;font-size:12px}.postcard{padding:10px}.postcard-image{aspect-ratio:1.55}.image-note{bottom:8px;left:8px;right:8px;font-size:12px}.postcard-message{padding:24px 16px 20px}.postcard-meta{font-size:11px;letter-spacing:.5px;gap:12px;align-items:start}.postcard-meta time{min-width:70px;text-align:right}.postcard h2{font-size:clamp(29px,6.6vw,40px)}.postcard-message>p{font-size:18px;line-height:1.65}.postcard-link{font-size:16px}.next-stop{margin:0;gap:17px}.next-stop>span{font-size:45px}.next-stop h2{font-size:32px}.next-stop p{font-size:18px}.next-stop .button{font-size:18px;padding:16px}
 .entry-heading{padding:155px 25px 35px}.entry-heading h1{font-size:clamp(38px,9vw,56px)}.entry-heading .eyebrow{font-size:12px}.entry-deck{font-size:20px}.entry-byline{font-size:14px}.breadcrumb{font-size:15px;margin-bottom:25px}.entry-paper{margin:0 14px 35px;padding:10px;box-shadow:6px 7px #021b1366}.entry-copy{padding:12px 12px 24px}.entry-copy p,.about-paper>p{font-size:18px}.entry-copy h2,.about-paper h2{font-size:32px}.entry-media figcaption{padding:12px;font-size:13px}.dear-diary{font-size:22px!important}.field-list{font-size:18px;padding-left:20px}.field-list li{padding-left:3px}.photo-pair{margin:28px 0;gap:13px}.photo-pair figure{padding:5px}.photo-pair figcaption{font-size:12px;padding:7px 3px}.scribbled-note{padding:24px 20px;font-size:19px}.entry-signoff{font-size:18px}.journal-return .button{font-size:18px;padding:16px 19px}
 .workshop-body{margin:35px auto 50px;padding:0 25px;grid-template-columns:1fr;gap:30px}.workbench-sign{padding:15px 0}.workbench-sign h2{font-size:39px}.workbench-sign p{font-size:18px}.packing-list{margin:0 5px}.packing-list h2{font-size:34px}.community-camp{padding:45px 25px 55px}.community-camp h2{font-size:43px}.community-camp p:not(.eyebrow){font-size:18px}.community-camp .button{font-size:19px}.about-paper{margin:35px 20px 60px;padding:25px}.about-paper .dear-diary{font-size:29px!important}.about-actions .button{font-size:18px;padding:16px 20px}.about-actions{gap:17px}
}