/* Small scrapbook details, kept clear of live copy and controls. */
.work-heading,.personal-heading{position:relative}
.process-snapshot{position:absolute;right:5%;top:-14px;width:158px;transform:rotate(13deg);pointer-events:none}
.process-snapshot>.photo-slot{background-color:#b7c2b5}
.process-snapshot .placeholder-label{font-size:10px;padding:7px}
.process-snapshot figcaption{font-size:17px}
.personal-heading{padding-right:120px}
.pressed-flower{position:absolute;right:1%;top:-15px;width:125px;height:125px;object-fit:contain;transform:rotate(-16deg);filter:drop-shadow(2px 5px 3px #0005);pointer-events:none}
.video-margin-note{height:65px;position:relative;width:230px;margin:-18px 0 18px auto;transform:rotate(-6deg);color:#e6dfcf;pointer-events:none}
.video-margin-note span,.contact-doodle span{font:italic 26px/1.1 var(--display)}
.video-margin-note svg{position:absolute;width:135px;height:60px;left:90px;top:16px}
.video-margin-note path,.contact-doodle path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-doodle{position:relative;width:340px;max-width:100%;height:175px;margin-top:25px;color:#e6dfcf;pointer-events:none}
.contact-doodle span{position:absolute;left:40px;top:47px;max-width:160px;transform:rotate(-8deg)}
.contact-doodle svg{position:absolute;width:100%;height:auto;inset:0}
.contact-doodle .dashed{stroke-dasharray:6 10}
@media(max-width:1000px){.process-snapshot{width:120px;right:1%;top:10px}.work-heading{padding-bottom:95px}.work-heading h2{max-width:62%;margin:auto}.pressed-flower{width:95px;height:95px;top:0}.personal-heading{padding-right:85px}.personal-heading h2{font-size:60px}.video-margin-note{margin-top:-10px}}
@media(max-width:700px){.work-heading{padding-bottom:50px;padding-top:55px}.work-heading h2{max-width:none;margin:0;text-align:left;padding-right:80px;font-size:42px}.work-heading h2 em{font-size:44px}.process-snapshot{width:85px;right:0;top:61px;transform:rotate(12deg)}.process-snapshot figcaption{font-size:12px}.process-snapshot .placeholder-label{font-size:7px;padding:3px}.personal-heading{padding-right:48px}.personal-heading h2{font-size:41px}.pressed-flower{width:75px;height:75px;right:-4px;top:92px;transform:rotate(18deg);z-index:4}.video-margin-note{height:62px;width:200px;margin-top:0;margin-bottom:15px}.video-margin-note span,.contact-doodle span{font-size:24px}.video-margin-note svg{left:70px;width:120px}.contact-doodle{height:145px;width:300px;margin-top:24px}.contact-doodle span{left:37px;top:41px;max-width:150px}.contact-content{gap:15px}}
@media(max-width:370px){.work-heading h2,.work-heading h2 em{font-size:36px}.process-snapshot{width:75px}.personal-heading h2{font-size:36px}}

/* Keep handwritten captions above the decorative stroke, with a quiet paper-free ground. */
.video-margin-note span{position:relative;z-index:1;background:var(--black);padding:2px 4px}
.contact-doodle span{z-index:1;background:var(--black);padding:2px 3px}
.video-margin-note svg,.contact-doodle svg{z-index:0}

.contact-doodle span{width:170px;max-width:170px;font-size:24px;white-space:nowrap}

/* A separate handwriting face for small personal annotations only. */
@font-face{font-family:Caveat;src:url('assets/caveat-variable.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
:root{--handwriting:Caveat,'Segoe Print',cursive}
.video-margin-note span,.contact-doodle span{font-family:var(--handwriting);font-style:normal;font-weight:400;font-size:29px;line-height:1.1}
.video-margin-note{width:250px;height:78px;margin-top:-10px}
.video-margin-note span{white-space:nowrap}
.video-margin-note svg{left:110px;top:30px}
.contact-doodle span{width:180px;max-width:180px;top:46px}
.id-signature{font-family:var(--handwriting);font-style:normal;font-size:26px}
.personal-photo figcaption{font-family:var(--handwriting);font-size:28px}
.process-snapshot figcaption{font-family:var(--handwriting);font-size:21px}
.contact-collage .polaroid figcaption{font-family:var(--handwriting);font-size:26px}
.handwritten-about{position:absolute;top:227px;left:45%;z-index:7;transform:rotate(-7deg);font:30px/1 var(--handwriting);color:#49483d;pointer-events:none}
.paper-bridge{overflow:hidden;padding:22px 0 24px;margin:0 0 25px;isolation:isolate}
.paper-bridge-sheet{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(25px,5vw,80px);padding:36px var(--margin);min-height:145px;color:#34372f;transform:rotate(-1deg);font:42px/1.1 var(--handwriting)}
.paper-bridge-sheet::before{content:'';position:absolute;inset:0 -15px;z-index:-1;border:0 solid transparent;border-image-source:var(--material-paper);border-image-slice:120 fill;border-image-width:22px;border-image-repeat:stretch;filter:sepia(.15)}
.paper-bridge-sheet svg{flex:0 1 160px;width:160px;height:50px}
.paper-bridge-sheet path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.paper-bridge+.services{border-top:0;padding-top:40px}
@media(max-width:1000px){.handwritten-about{top:235px;left:45%;font-size:27px}.paper-bridge-sheet{font-size:33px;gap:20px}.paper-bridge-sheet svg{width:100px;flex-basis:100px}.id-signature{font-size:24px}.personal-photo figcaption{font-size:24px}.contact-collage .polaroid figcaption{font-size:23px}}
@media(max-width:700px){.handwritten-about{top:209px;left:42%;color:#49483d;font-size:27px}.paper-bridge{padding-block:16px;margin-bottom:5px}.paper-bridge-sheet{flex-direction:column;gap:1px;min-height:170px;padding:22px 20px;font-size:34px}.paper-bridge-sheet svg{flex:0 0 30px;width:115px;height:30px;transform:rotate(8deg)}.paper-bridge-sheet>span:first-child{align-self:flex-start;margin-left:5%}.paper-bridge-sheet>span:last-child{align-self:flex-end;margin-right:3%}.paper-bridge-sheet::before{border-image-width:17px}.paper-bridge+.services{padding-top:30px}.video-margin-note{width:220px;height:80px}.video-margin-note span,.contact-doodle span{font-size:27px}.video-margin-note svg{top:29px;left:90px}.contact-doodle span{width:175px;max-width:175px;top:40px}.id-signature{font-size:23px}.process-snapshot figcaption{font-size:15px}.personal-photo figcaption{font-size:24px}.contact-collage .polaroid figcaption{font-size:23px}}

/* A real-material brush cutout rests along the outside of the personal photograph. */
.artist-brush{position:absolute;right:-42px;bottom:110px;width:88px;height:270px;object-fit:contain;transform:rotate(19deg);z-index:4;pointer-events:none;filter:drop-shadow(2px 5px 3px #0005)}
@media(max-width:1000px){.artist-brush{right:-25px;bottom:85px;width:70px;height:220px}}
@media(max-width:700px){.artist-brush{right:-7px;bottom:100px;width:65px;height:210px;transform:rotate(16deg)}}

/* Baku landmark tucked behind the travel note; paper and copy stay in front. */
.travel-memory{z-index:2}
.flame-towers{position:absolute;width:150px;height:185px;right:-50px;top:-120px;object-fit:contain;object-position:center bottom;z-index:-2;pointer-events:none;transform:rotate(7deg);filter:drop-shadow(2px 4px 3px #0004) saturate(.75)}
@media(max-width:1000px){.flame-towers{width:125px;height:160px;right:-40px;top:-105px}}
@media(max-width:700px){.flame-towers{width:115px;height:145px;right:-30px;top:-95px}.travel-memory{z-index:4}}

@media(max-width:700px){.scrapbook-left{height:680px;min-height:680px}.travel-memory{bottom:0}}