/* Local material study: supple leather, creased pale-yellow paper, real cutouts. */
.vintage-edition{--paper:#f2e4ba;--ink:#34291f;--muted:#796b51;--pink:#dca5a8;--blue:#9eaeb2;--yellow:#d8ba64;--red:#963a30}
.header-actions{display:flex;align-items:center;gap:8px}
.vintage-edition .folio{filter:drop-shadow(4px 23px 18px #24130970)}
.leather-board{position:absolute;inset:-18px -19px -34px;z-index:-3;border-radius:15px 18px 20px 15px;background:#75452d url('assets/leather-cognac.png') center/cover;box-shadow:inset 2px 3px 4px #d7a77770,inset -3px -5px 7px #2c160c99,0 4px 1px #3c2218,0 12px 14px #25150e66;pointer-events:none}
.leather-board:before{content:"";position:absolute;inset:7px;border:1px dashed #d2a16d9c;border-radius:10px 13px 15px 10px;box-shadow:0 0 0 1px #35190c30,inset 0 1px 2px #26150c2e}
.leather-board:after{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 22px);width:44px;background:linear-gradient(90deg,transparent,#25150e45 28%,#291a115c 49%,#bd885c30 64%,transparent);border-left:1px solid #cda67522;border-right:1px solid #2b180e22}
.vintage-edition .paper-underlay{inset:-3px -6px -20px;border-radius:3px 6px 9px 3px;transform:rotate(.2deg);background:repeating-linear-gradient(0deg,#9a7c4d 0 1px,#e2d1a3 1px 3px,#f4e5ba 3px 5px,#c2a779 5px 6px);box-shadow:0 3px 2px #39210f70,inset -5px 0 5px #6b4f2a25}
.vintage-edition .paper-underlay:after{inset:-1px 1px 9px;background:#dfcea2;transform:rotate(-.35deg);border-radius:4px 6px 5px 3px;box-shadow:0 2px 1px #745a3240}
.vintage-edition .spreads{border-radius:4px 6px 5px 4px;background:#eddfb8;box-shadow:0 1px 2px #8d733b42,inset 0 0 9px #6851271c}
.vintage-edition .paper-page{background:#f3e6bd url('assets/paper-creased.png') center/100% 100%;box-shadow:inset 0 0 29px #8e672b15}
.vintage-edition .page-left{background-position:40% 50%;border-radius:4px 0 0 4px}
.vintage-edition .page-right{background-size:117% 113%;background-position:100% 100%;border-radius:0 6px 5px 0}
.vintage-edition .book-binding{width:42px;background:linear-gradient(90deg,transparent,#8e6c351a 17%,#8a662e3b 38%,#49351d70 49%,#f9eac48c 54%,#a67a362e 65%,transparent);mix-blend-mode:multiply}
.vintage-edition .binder-clip{display:none}
.vintage-edition .book-cover{inset:-18px -19px -34px;background:#794a30 url('assets/leather-cognac.png') center/cover;border-radius:15px 18px 20px 15px;box-shadow:inset 3px 3px 5px #dba8796b,inset -4px -6px 8px #2c170ba3,0 5px 0 #392317,0 13px 15px #27170d80;overflow:hidden}
.vintage-edition .book-cover:before{content:"";position:absolute;inset:11px;border:2px dashed #c594607e;border-radius:8px 11px 12px 8px;box-shadow:0 0 0 1px #2e190c40,inset 0 1px 2px #4123113d;pointer-events:none}
.vintage-edition .book-cover:after{content:"";position:absolute;left:30px;top:2px;bottom:2px;width:14px;border-radius:40%;background:linear-gradient(90deg,#25150d3b,#d9aa7340,#22120c46,transparent);pointer-events:none}
.vintage-edition .cover-label{background:transparent;box-shadow:none;transform:rotate(0);left:10%;top:12%;width:65%;padding:45px 30px;color:#ead5a6;text-shadow:0 1px 1px #efc99650,0 -1px 2px #29150dbb}
.vintage-edition .cover-label>span{font-size:19px;letter-spacing:7px;color:#d6b783}
.vintage-edition .cover-label h2{font-size:116px;line-height:.93;margin-top:38px;letter-spacing:-4px}
.vintage-edition .cover-label p{font-size:19px;margin-top:33px;color:#dac29a}
.vintage-edition .cover-date{color:#d2b589;bottom:31px;left:68px;font-size:13px}
.vintage-edition .cover-star{color:transparent;right:7%;top:10%;width:150px;height:150px;background:url('assets/vintage-cutouts.png') 0 100%/300% 200% no-repeat;transform:rotate(10deg);filter:drop-shadow(3px 5px 3px #25130880);font-size:0;text-shadow:none}
.vintage-edition .cover-pocket{right:4%;bottom:9%;width:26%;height:31%;background:#6a3c25 url('assets/leather-cognac.png') 80% 80%/180% 180%;border:1px solid #ae784f63;border-bottom:1px solid #351b12;clip-path:none;border-radius:5px 5px 13px 8px;box-shadow:inset 0 2px 4px #341c11a6,3px 4px 6px #24130c69;transform:rotate(4deg)}
.vintage-edition .cover-pocket:after{content:"";position:absolute;inset:7px;border:1px dashed #c2946273;border-top:0;border-radius:0 0 7px 5px;pointer-events:none}
.vintage-edition .cover-pocket i{height:124px;width:85px;bottom:60%;left:24px;background:#ddd0ab;transform:rotate(-9deg)}
.vintage-edition .cover-pocket i:nth-child(2){left:89px;bottom:54%;background:#b7c3be;transform:rotate(6deg)}
.vintage-edition .cover-pocket i:nth-child(3){left:151px;bottom:65%;background:#c58b82;transform:rotate(13deg)}
.vintage-edition .cover-pocket i>span{display:block;padding:13px 8px;font:italic 17px/1.25 var(--serif);color:#4e3a2d;text-shadow:none}
.vintage-edition .photo-paper{background:#fff9e9;box-shadow:2px 4px 6px #4935163d,0 0 0 1px #ac956e20}
.vintage-edition .detail-paper{background:#fff8e7;box-shadow:2px 3px 6px #4935163d}
.vintage-edition .photo-paper img,.vintage-edition .detail-paper img{filter:none}
.vintage-edition .tape{background-color:#c7af788c;mix-blend-mode:multiply;box-shadow:inset 0 1px 2px #fff4}
.vintage-edition .tape-blue{background-color:#88a5a66e}
.vintage-edition .lined-note{box-shadow:2px 4px 6px #674a2b26;background-image:repeating-linear-gradient(0deg,transparent 0 27px,#7e596426 28px 29px),url('assets/paper-creased.png');background-size:auto,100% 100%;background-blend-mode:multiply,multiply}
.vintage-edition .pink-note{background-color:#dfa9aa}
.vintage-edition .blue-note{background-color:#b9c8bf}
.vintage-edition .about-letter{background-image:repeating-linear-gradient(0deg,transparent 0 28px,#64796c25 29px 30px),url('assets/paper-creased.png');background-size:auto,100% 100%;background-blend-mode:multiply,multiply;box-shadow:2px 5px 7px #49351d30}
.vintage-edition .resume-slip{background:#ddc98d;box-shadow:2px 3px 4px #55402030}
.vintage-edition .envelope-front{background:linear-gradient(145deg,#dbc597e8 48%,#e6d1a4e8 49%,#dac295f2 51%),url('assets/paper-creased.png') center/cover}
.vintage-edition .page-heading h1,.vintage-edition .page-heading h2{color:#3e3023}
.vintage-edition .page-heading p,.vintage-edition .page-topnote{color:#746241}
.vintage-edition .book-footer{color:#5d482b}
.vintage-edition .folio-tabs button{box-shadow:2px 2px 3px #34200d47,inset -2px 0 4px #6f4d2a16;border:1px solid #9e7e4033;font-size:12px;letter-spacing:1px;padding-top:14px;padding-bottom:14px}
.vintage-edition .desk-note{background-color:#d8a1a3;background-image:repeating-linear-gradient(3deg,transparent 0 31px,#74525c25 32px 33px),url('assets/paper-creased.png');background-size:auto,100% 100%;background-blend-mode:multiply,multiply}
.vintage-edition .desk.open .desk-note{opacity:.8}
.vintage-edition .desk.expanded .character{clip-path:none}
.vintage-edition .character-sprite{background-image:url('assets/character-profile.png')}
.vintage-cutout{display:block;background-image:url('assets/vintage-cutouts.png');background-size:300% 200%;background-repeat:no-repeat;width:110px;height:110px;filter:drop-shadow(2px 3px 2px #41271130);pointer-events:none}
.cutout-milkshake{background-position:0 0}.cutout-phone{background-position:50% 0}.cutout-radio{background-position:100% 0}.cutout-star{background-position:0 100%}.cutout-glasses{background-position:50% 100%}.cutout-jukebox{background-position:100% 100%}
.vintage-decoration{position:absolute;z-index:5;pointer-events:none}
.page-star{left:4%;bottom:60px;width:85px;height:85px;transform:rotate(-15deg)}
.page-milkshake{right:10%;top:120px;width:102px;height:110px;transform:rotate(10deg)}
.page-glasses{right:8%;top:126px;width:125px;height:100px;transform:rotate(-13deg)}
.page-phone{left:3%;top:95px;width:78px;height:78px;transform:rotate(-15deg);opacity:.95}
.word-cutout{position:absolute;z-index:8;display:inline-flex;gap:2px;align-items:center;pointer-events:none;white-space:nowrap}
.word-cutout>span{display:inline-block;min-width:13px;padding:2px 3px 3px;background:#f7edd2;color:#4f3223;font:700 22px/.95 var(--serif);box-shadow:1px 2px 2px #3926112e;transform:rotate(var(--letter-angle,0deg));text-align:center}
.word-cutout>span:nth-child(3n){background:#a04434;color:#f6e9ca;font-family:var(--sans);font-size:18px}
.word-cutout>span:nth-child(4n){background:#d4b253;color:#3e3023}
.word-cutout>span:nth-child(5n){background:#2e2b24;color:#e7d9b7;transform:translateY(-2px) rotate(-4deg)}
.word-cutout .letter-space{width:6px;min-width:6px;background:none;box-shadow:none;padding:0}
.label-curious{left:23%;bottom:50px;transform:rotate(-6deg)}
.label-good{right:8%;top:68px;transform:rotate(5deg)}
.label-look{left:8%;bottom:70px;transform:rotate(-5deg)}
.label-moments{right:11%;top:48px;transform:rotate(3deg)}
.word-cutout.small>span{font-size:16px;min-width:10px;padding:2px 3px}.word-cutout.small>span:nth-child(3n){font-size:14px}
.desk-radio{position:absolute;z-index:1;right:3.5%;top:27px;width:155px;height:140px;transform:rotate(9deg);padding:0;transition:transform .2s}
.desk-radio>.vintage-cutout{width:155px;height:117px}
.desk-radio>.handwritten{display:block;font-size:12px;color:#e8d5b0;transform:rotate(-6deg);margin-top:-13px}
.desk-radio:hover{transform:rotate(4deg) translateY(-3px)}
.preview-label{font-size:10px;letter-spacing:.02em;color:#d2ba97;margin-left:13px;white-space:nowrap;border:1px solid #d7b88a3b;border-radius:2px;padding:5px 8px}
.vintage-edition .sticker-tray{background:#e4d1a3 url('assets/paper-creased.png') center/cover;padding:12px 16px;right:10%;bottom:72px;border:1px solid #ab8d59}
.vintage-edition .sticker-tray button{width:62px;height:66px;padding:0;font-size:0}
.vintage-edition .sticker-tray .vintage-cutout{width:62px;height:62px}
.vintage-edition .placed-sticker{font-size:0;padding:0;width:96px;height:96px;filter:drop-shadow(2px 4px 3px #39271340)}
.vintage-edition .placed-sticker>.vintage-cutout{width:96px;height:96px;pointer-events:none}
.vintage-edition .desk.cover-preview .book-cover{transform:rotateY(0);opacity:1;transition:transform .8s var(--ease),opacity .3s;pointer-events:auto}
.vintage-edition .desk.cover-preview .folio-tabs{opacity:0;pointer-events:none}
.vintage-edition .desk.cover-preview .book-footer{visibility:hidden}
.vintage-edition #toggle-cover[aria-pressed="true"]{background:#c8a875;color:#372516;border-color:#c8a875}
@media(max-width:1150px) and (min-width:761px){.vintage-edition .folio{width:80vw}.vintage-edition .desk.expanded .character{width:180px;height:270px}.leather-board{inset:-15px -16px -30px}.vintage-edition .book-cover{inset:-15px -16px -30px}.vintage-edition .cover-label h2{font-size:99px}.vintage-edition .cover-label{padding:30px 20px}.vintage-edition .cover-label p{font-size:16px}.vintage-edition .cover-star{width:128px;height:128px}.page-milkshake{top:119px;width:88px;height:94px;right:8%}.word-cutout>span{font-size:18px;min-width:11px;padding:2px}.word-cutout>span:nth-child(3n){font-size:15px}.label-curious{left:24%;bottom:41px}.page-star{width:73px;height:73px;bottom:56px}.page-glasses{top:115px;width:102px;height:95px}.word-cutout.small>span{font-size:13px;min-width:9px;padding:2px}.word-cutout.small>span:nth-child(3n){font-size:11px}.desk-radio{right:2%;width:130px}.desk-radio>.vintage-cutout{width:130px;height:110px}}
@media(min-width:1151px) and (max-width:1450px){.vintage-edition .desk.expanded .character{width:200px;height:300px}}
@media(max-height:850px) and (min-width:1151px){.vintage-edition .folio{width:min(1000px,80vw)}.page-milkshake{top:108px;width:90px;height:100px}.page-star{bottom:52px;width:76px;height:76px}.label-curious{bottom:43px}.label-look{bottom:55px}.page-glasses{top:112px;width:110px;height:95px}}
@media(max-width:760px){.vintage-edition .folio{width:calc(100vw - 72px);top:37px}.leather-board{inset:-12px -12px -24px;border-radius:11px 13px 15px 11px}.leather-board:before{inset:5px}.vintage-edition .book-cover{inset:-12px -12px -24px;border-radius:11px 13px 15px 11px}.vintage-edition .paper-underlay{inset:-2px -4px -15px}.vintage-edition .book-binding{left:0;right:0;top:561px;width:auto;height:20px;background:linear-gradient(transparent,#6f4b2a35,#f8ebc56b,transparent)}.vintage-edition .cover-label{left:9%;width:80%;top:13%;padding:29px 13px}.vintage-edition .cover-label h2{font-size:77px;letter-spacing:-3px;margin-top:38px}.vintage-edition .cover-label p{font-size:13px;margin-top:26px}.vintage-edition .cover-label>span{font-size:16px}.vintage-edition .cover-date{left:30px;bottom:21px;font-size:9px}.vintage-edition .cover-star{right:1%;top:4%;width:85px;height:85px}.vintage-edition .cover-pocket{right:6%;width:31%;height:24%;bottom:8%}.vintage-edition .cover-pocket i{width:44px;height:69px;left:10px}.vintage-edition .cover-pocket i:nth-child(2){left:38px}.vintage-edition .cover-pocket i:nth-child(3){left:64px}.vintage-edition .folio-tabs{right:-21px}.vintage-edition .folio-tabs button{font-size:10px;padding:12px 4px;min-height:74px;letter-spacing:0}.page-star{left:3%;bottom:59px;width:68px;height:68px}.label-curious{left:25%;bottom:40px}.word-cutout>span{font-size:15px;min-width:9px;padding:2px}.word-cutout>span:nth-child(3n){font-size:12px}.page-milkshake{right:2%;top:119px;width:82px;height:90px}.label-good{right:5%;top:69px}.page-glasses{right:1%;top:121px;width:86px;height:86px}.label-look{left:10%;bottom:55px}.word-cutout.small>span{font-size:12px;min-width:8px;padding:2px}.word-cutout.small>span:nth-child(3n){font-size:10px}.label-moments{top:45px;right:7%}.page-phone{left:4%;bottom:37px;width:74px;height:74px}.vintage-edition .desk-radio{right:3%;top:76px;width:120px}.vintage-edition .desk-radio>.vintage-cutout{width:120px;height:100px}.desk-radio>.handwritten{font-size:9px}.vintage-edition .desk.open .desk-radio{opacity:0;pointer-events:none}.preview-label{font-size:8px;margin-left:0;padding:4px 6px}.site-header nav{gap:24px}.vintage-edition .desk-tools{top:1275px}.vintage-edition .desk-tools>div{flex-wrap:wrap;gap:6px}.vintage-edition .desk-tools button{font-size:10px;padding:8px 9px}.vintage-edition .sticker-tray{top:1160px;bottom:auto;right:29px}.vintage-edition .page-heading h1,.vintage-edition .page-heading h2{font-size:34px}.vintage-edition .page-heading{left:23px}.vintage-edition .photo-paper .scrap-label{font-size:8px}.vintage-edition .lined-note p{font-size:12px}.vintage-edition .lined-note .handwritten{font-size:9px}.vintage-edition .cover-preview .spreads{visibility:hidden}}

@media(max-width:760px){.vintage-edition .desk.cover-preview{min-height:800px}.vintage-edition .desk.cover-preview .folio{top:70px;height:480px}.vintage-edition .desk.cover-preview .desk-tools{top:625px}.vintage-edition .desk.cover-preview .character{top:517px}.vintage-edition .desk.cover-preview .book-binding{display:none}.vintage-edition .cover-pocket i>span{padding:9px 5px;font-size:10px}.vintage-edition .desk.expanded:not(.open) .folio{height:480px;top:90px}.vintage-edition .desk.expanded .folio{transition:transform .85s var(--ease),height .85s var(--ease),top .85s var(--ease)}}
@media(max-width:760px){.vintage-edition .desk.open .character{visibility:hidden}}
