@font-face{font-family:Arcade;src:url('assets/fonts/Arcade-Interlaced.ttf') format('truetype');font-display:swap}@font-face{font-family:Barlow;src:url('assets/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Caveat;src:url('assets/fonts/Caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--hand:Caveat,cursive;--heading:Barlow,'Arial Narrow',sans-serif;--paper:#f4efdf;--ink:#282920}body{font-size:16px}h2,h3{font-family:var(--heading);font-weight:600;letter-spacing:-.02em}h2{font-size:clamp(44px,4.7vw,66px);line-height:1.02}h2 em{font-style:normal}.header{height:112px}.header nav{gap:25px}.hero{grid-template-columns:1fr 1fr;gap:28px;min-height:730px;padding-top:45px;padding-bottom:65px}.hero h1{font:400 clamp(41px,4.25vw,65px)/1.26 Arcade,monospace;letter-spacing:-.045em;margin:25px 0 23px;text-transform:uppercase}.hero h1 em{font:inherit;color:var(--pink);text-shadow:2px 2px 0 #009ad325}.hero h1 em:after{display:none}.hero-description{font-size:17px;max-width:405px;line-height:1.75;margin-bottom:14px}.hero-memory{font:600 31px/1.1 var(--hand);margin:0 0 27px;transform:rotate(-2deg);color:#2b4a78}.hero-memory br{display:none}.hero-footnote{max-width:390px;font-size:10px}.hero-footnote .hand-arrow{display:none}.photo-scene{height:580px;margin-top:0}.scene-note{font:500 27px var(--hand);right:10%;top:0;color:#334d6e}.photo-main{top:63px;width:96%;left:0;transform:rotate(-5deg);padding:12px 12px 0}.photo figcaption{font:500 26px/1.1 var(--hand);letter-spacing:0;padding:14px 5px 19px}.photo-small{top:310px;right:0;width:40%;transform:rotate(8deg)}.photo-small img{height:210px}.photo-small figcaption{font:500 17px/1.05 var(--hand);white-space:normal;padding:10px 1px 14px}.price-sticker{width:111px;height:111px;top:250px;left:auto;right:-12px;z-index:5;transform:rotate(12deg)}.price-sticker strong{font:600 48px/1 var(--heading);letter-spacing:-2px}.price-sticker>span{font-size:8px}.price-sticker>span:last-child{font-size:7px;margin-top:5px}.price-sticker small{font-family:var(--heading)}.camera-cutout{position:absolute;width:285px;bottom:0;left:-15px;z-index:4;filter:drop-shadow(3px 12px 8px #342c2630);transform:rotate(-12deg);pointer-events:none}.camera-note{position:absolute;left:8px;bottom:190px;font:500 24px/1.05 var(--hand);transform:rotate(-7deg);color:#344a74}.film-number{bottom:-22px;left:22%;font-size:8px}.memory-line{gap:30px;font-size:10px;letter-spacing:1.5px}.memory-line i{height:4px;width:4px;background:#7f7868;border-radius:50%;flex-shrink:0}.album-section{padding-block:90px 75px}.section-intro>p{line-height:1.85}.album-grid{gap:30px}.album-photo{background:#fffdf5;padding:10px 10px 0;box-shadow:2px 5px 9px #352e1918;transition:transform .45s}.album-photo:nth-child(1){transform:rotate(-2deg)}.album-photo:nth-child(2){transform:rotate(2deg)}.album-photo:nth-child(3){transform:rotate(-1deg)}.album-photo:hover{transform:rotate(0) translateY(-5px)}.album-photo figcaption{font:500 23px/1.1 var(--hand);letter-spacing:0;min-height:68px;padding:15px 6px}.album-photo figcaption>span:last-child{display:none}.album-photo figcaption>span:first-child{display:block}.album-caption{font:500 27px/1.2 var(--hand);color:#4c5675;margin-top:38px}.album-caption span{display:none}
.school-section{background:#d7ddd0;border-block:1px solid #a9b5a0;position:relative;overflow:hidden;padding:86px 0 45px}.school-section:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,#9bac973b 62%,#9bac973b 63%,transparent 63%);pointer-events:none}.school-spread{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:50px 80px;align-items:center}.school-heading{max-width:410px}.school-heading .eyebrow{font-size:10px;margin-bottom:20px}.school-heading h2{font-size:clamp(50px,5.1vw,74px);margin-bottom:24px}.school-heading>p:not(.eyebrow){font-size:15px;color:#465044;max-width:340px;line-height:1.9}.school-photo,.tracksuit-photo{position:relative;background:#fffdf5;padding:12px 12px 0;box-shadow:3px 7px 15px #2a35282a}.school-photo{transform:rotate(3deg);grid-column:2;grid-row:1 / span 2;align-self:start;margin-top:15px}.school-photo img,.tracksuit-photo img{width:100%;aspect-ratio:1.5;object-fit:cover}.school-photo figcaption,.tracksuit-photo figcaption{font:500 25px/1.15 var(--hand);padding:15px 8px 20px;color:#2f4766}.school-photo .tape{position:absolute;width:125px;height:34px;top:-16px;left:37%;transform:rotate(-8deg);background:#b2a77e85;z-index:1;clip-path:polygon(0 3%,97% 0,100% 92%,2% 100%)}.class-notes{grid-column:2;grid-row:2;z-index:1;margin-top:155px;padding-left:18px;position:relative;transform:rotate(-3deg)}.class-notes>p{font:500 31px/1.18 var(--hand);color:#334a76}.class-notes>span{display:block;font-size:12px;color:#596452;margin-top:20px;line-height:1.8}.notebook-arrow{position:absolute;right:0;top:0;width:110px;height:80px;fill:none;stroke:#3c5879;stroke-width:2;transform:rotate(-60deg)}.tracksuit-photo{grid-column:1;grid-row:2 / span 2;transform:rotate(-4deg);margin-top:-25px;margin-left:10px}.graffiti-tag{grid-column:2;grid-row:3;width:410px;justify-self:center;transform:rotate(-7deg);margin-top:-12px}.scene-disclosure{grid-column:1/-1;font:9px/1.8 var(--mono);text-align:center;color:#5c6757;letter-spacing:.2px;margin-top:5px}.restoration{padding-block:90px}.restoration-inner{gap:90px}.restoration-copy h2{font-family:var(--heading);font-size:clamp(53px,5.5vw,78px);line-height:1}.restoration-copy>p:not(.eyebrow):not(.comparison-origin){font-size:15px;line-height:1.85}.comparison-scribble{font:500 27px var(--hand)}.comparison-frame>p span{display:none}.comparison-frame{transform:rotate(2deg)}.comparison-origin{font-size:10px}.offer-section{padding-block:95px 75px}.offer-note{max-width:300px}.scan-settings{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:24px 35px;padding:28px 30px 15px;border:1px solid #aaa696;background:#e9e3d1;position:relative;margin:40px 0 65px}.settings-heading>span{font:600 25px/1.1 var(--heading)}.settings-heading>p{font-size:12px;line-height:1.8;margin-top:9px;max-width:220px;color:#626353}.dpi-picker{margin:0;padding:0;border:0;min-width:0}.dpi-picker legend,.format-picker>label{font-size:12px;font-weight:700;padding:0;margin-bottom:11px;display:block}.dpi-picker>div{display:flex;gap:8px}.dpi-picker label{position:relative;cursor:pointer;flex:1}.dpi-picker input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.dpi-picker span{display:block;text-align:center;border:1px solid #8d8d79;padding:9px 8px;background:#f7f3e7;font:600 26px/1 var(--heading)}.dpi-picker small{font:11px Arial,sans-serif}.dpi-picker input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.dpi-picker input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}.format-picker select{font:600 18px var(--heading);padding:10px 12px;background:#fffdf6;border:1px solid #8d8d79;border-radius:0;color:var(--ink);width:100%;min-height:46px}.format-picker select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.format-picker p{font-size:10px;line-height:1.7;margin-top:8px;color:#626353}.settings-selection{grid-column:1/-1;font:10px var(--mono);border-top:1px dashed #aaa696;padding-top:14px;color:#626353}.settings-selection strong{color:var(--ink)}.pricing-grid{margin-top:0}.package-top svg{display:none}.price-card h3{font:600 42px/1 var(--heading);letter-spacing:-.5px}.price{font:600 75px/1 var(--heading);letter-spacing:-3px}.price>span{font-size:33px;letter-spacing:0}.price-unit{margin-top:9px}.price-card li{padding-left:14px}.price-card li:before{content:'-';font-size:10px;color:#747462}.card-note{font:500 21px/1.1 var(--hand)}.price-card .button>span{font:18px Arial}.recommended{font-size:9px;letter-spacing:1px}.custom-offer h3{font:600 24px/1.2 var(--heading);margin-bottom:5px}.step-number{font:500 37px var(--hand)}.steps h3{font-size:32px;letter-spacing:0}.steps p{font-size:14px}.process-bottom>span:first-child{font-size:9px}.about-section{padding:105px 0 95px;background:#b8afa0;position:relative;overflow:hidden;background-image:repeating-linear-gradient(95deg,#9e938509 0,#9e938509 2px,transparent 2px,transparent 26px)}.about-desk{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:center}.desk-margin{position:relative;padding-bottom:40px}.desk-margin h2{font:600 60px/1 var(--heading);margin:19px 0 35px}.desk-margin>.eyebrow{color:#47473c}.desk-photo{background:#fffdf3;padding:11px 11px 0;width:235px;transform:rotate(-8deg);box-shadow:5px 8px 12px #35281c2c;margin-left:25px}.desk-photo img{width:100%;height:255px;object-fit:cover;object-position:center 35%}.desk-photo figcaption{font:500 23px/1 var(--hand);padding:15px 3px 18px;color:#3f5276}.desk-stamp{position:absolute;right:0;bottom:30px;border:3px double #8e3a45;color:#8e3a45;font:600 19px/1.1 var(--heading);padding:10px 14px;letter-spacing:1px;text-align:center;transform:rotate(8deg)}.notebook-page{position:relative;transform:rotate(2deg);background-color:#faf7e9;background-image:linear-gradient(90deg,transparent 48px,#ce7b8080 48px,#ce7b8080 49px,transparent 49px),repeating-linear-gradient(0deg,transparent,transparent 23px,#95b4ce4f 23px,#95b4ce4f 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#95b4ce38 23px,#95b4ce38 24px);box-shadow:5px 7px 0 #f0ebdb,6px 8px 0 #b4ad9c,9px 14px 24px #29201536;padding:45px 38px 42px 70px}.notebook-page:before{content:'';position:absolute;left:15px;top:10%;width:10px;height:10px;background:#b8afa0;border-radius:50%;box-shadow:0 180px #b8afa0,0 360px #b8afa0,0 540px #b8afa0}.notebook-tape{position:absolute;left:33%;top:-16px;height:36px;width:160px;background:#c9bd9890;transform:rotate(-5deg);clip-path:polygon(1% 4%,99% 0,96% 95%,3% 100%)}.notebook-content{color:#304974;font:500 26px/1.39 var(--hand)}.notebook-content h2{font:600 42px/1.1 var(--hand);letter-spacing:-.5px;margin:12px 0 21px}.notebook-content p{margin-bottom:21px}.notebook-content .notebook-date{font-size:21px;margin-bottom:10px;text-decoration:underline;text-underline-offset:5px}.pen-underline{background:linear-gradient(transparent 80%,#e9948b65 80%,#e9948b65 94%,transparent 94%)}.notebook-content .notebook-signature{font-size:30px;line-height:1.05;margin-bottom:0;padding-right:100px}.paper-doodle{position:absolute;bottom:30px;right:34px;width:120px;height:90px;fill:none;stroke:#304974;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(8deg)}.faq-section h2{font-size:55px}.contact-inner h2{font-size:75px}.contact-note{font:500 36px/1.05 var(--hand);right:10%;bottom:90px}.footer .brand{width:220px}.cart-item h3{font:600 25px/1.1 var(--heading);letter-spacing:0}.cart-item .item-options{color:#3d4f72;font-weight:700;font-size:12px;margin-top:7px}.cart-total>strong{font:600 40px var(--heading)}.drawer-head h2{font-size:45px}.checkout-heading{font-size:33px}.custom-offer .text-link{margin-left:auto}.hero-copy{animation:arrive .9s ease both}.camera-cutout{animation:camera-settle 1.4s ease-out both}.reveal{transition:opacity .75s ease,translate .75s ease}.motion-ready .reveal:not(.is-visible){opacity:0;translate:0 24px}@keyframes arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes camera-settle{from{opacity:0;translate:0 25px;rotate:6deg}to{opacity:1;translate:0 0;rotate:0deg}}
@media(max-width:1100px){.header nav{gap:18px}.hero{gap:20px;min-height:630px}.hero h1{font-size:clamp(34px,4.3vw,49px)}.hero-description{font-size:16px}.hero-memory{font-size:27px}.photo-scene{height:510px}.photo-small{top:280px}.photo-small img{height:170px}.camera-cutout{width:235px;bottom:10px}.camera-note{bottom:174px;font-size:22px}.price-sticker{top:225px;right:-5px;width:95px;height:95px}.price-sticker strong{font-size:40px}.school-spread{gap:35px 50px}.class-notes{margin-top:100px}.class-notes>p{font-size:28px}.school-photo figcaption,.tracksuit-photo figcaption{font-size:22px}.about-desk{gap:50px}.notebook-page{padding:35px 26px 36px 62px}.notebook-content{font-size:25px}.desk-margin h2{font-size:52px}.desk-stamp{right:-10px;font-size:15px}.scan-settings{gap:22px;grid-template-columns:1fr 1.3fr .8fr}.price-card h3{font-size:36px}.album-photo figcaption{font-size:20px}.school-heading h2{font-size:58px}.contact-note{right:5%}}
@media(max-width:800px){.header{height:100px}.header nav{top:100px}.hero{grid-template-columns:1fr 1fr;gap:18px;min-height:605px;padding-bottom:45px}.hero h1{font-size:clamp(29px,4.4vw,39px)}.hero-copy .eyebrow{font-size:8px;letter-spacing:.8px}.hero-description{font-size:14px}.hero-memory{font-size:25px;line-height:1.2}.hero-memory br{display:block}.hero .button{font-size:12px;padding:13px;gap:15px}.hero-footnote{font-size:9px}.photo-scene{height:480px}.photo-main{top:80px}.photo figcaption{font-size:22px}.photo-small{top:255px;width:43%}.photo-small img{height:150px}.photo-small figcaption{font-size:15px}.scene-note{font-size:24px;right:0;top:18px}.price-sticker{top:220px;width:80px;height:80px;right:0;outline-offset:-6px}.price-sticker strong{font-size:32px}.price-sticker small{font-size:14px}.price-sticker>span{font-size:6px}.price-sticker>span:last-child{font-size:6px}.camera-cutout{width:205px;bottom:5px;left:-15px}.camera-note{font-size:22px;bottom:150px;left:-5px}.film-number{font-size:7px;left:0;bottom:-10px}.school-spread{gap:32px}.school-heading h2{font-size:49px}.school-heading>p:not(.eyebrow){font-size:13px}.school-photo{margin-top:50px}.school-photo figcaption,.tracksuit-photo figcaption{font-size:20px}.class-notes{margin-top:40px;padding-left:5px}.class-notes>p{font-size:25px}.class-notes>span{font-size:11px}.notebook-arrow{display:none}.scan-settings{grid-template-columns:1fr 1fr}.settings-heading{grid-column:1/-1}.settings-heading>p{max-width:none}.scan-settings{padding:25px}.about-desk{gap:35px;grid-template-columns:.7fr 1.3fr}.desk-photo{width:180px;margin-left:0}.desk-photo img{height:225px}.desk-margin h2{font-size:43px}.notebook-page{padding:30px 24px 35px 55px}.notebook-content{font-size:24px}.notebook-content h2{font-size:35px}.notebook-content .notebook-signature{font-size:27px;padding-right:75px}.paper-doodle{width:85px;right:20px}.desk-stamp{right:0;bottom:15px}.restoration-copy h2{font-size:54px}.restoration-inner{gap:40px}.contact-note{font-size:30px;right:2%;bottom:100px}.contact-inner h2{font-size:62px}}
@media(max-width:600px){.header{height:86px}.header nav{top:86px}.header .brand{width:178px}.topbar>span{font-size:6px;letter-spacing:.1px}.topbar a{font-size:7px}.hero{display:flex;padding-top:35px;padding-bottom:40px;gap:0}.hero h1{font-size:clamp(32px,8.5vw,50px);line-height:1.25;margin:22px 0 18px;letter-spacing:-.05em}.hero-copy .eyebrow{font-size:8px;letter-spacing:.9px}.hero-description{font-size:15px;max-width:380px;margin-bottom:15px}.hero-memory{font-size:29px;line-height:1.05;margin-bottom:24px}.hero-memory br{display:none}.hero-footnote{font-size:9px}.photo-scene{height:430px;margin-top:26px;max-width:390px}.photo-main{top:46px;width:94%;left:0}.scene-note{top:0;right:8%;font-size:25px}.photo-main figcaption{font-size:25px;padding:11px 5px 17px}.photo-small{top:228px;width:38%;right:2%}.photo-small img{height:140px}.photo-small figcaption{font-size:15px;line-height:1.05;padding:8px 0 12px}.price-sticker{top:188px;right:-3px;width:85px;height:85px}.price-sticker strong{font-size:36px}.price-sticker>span{font-size:7px}.price-sticker>span:last-child{font-size:6px}.camera-cutout{width:230px;bottom:0;left:-16px}.camera-note{left:6px;bottom:151px;font-size:22px}.film-number{bottom:-18px;left:25%;font-size:6px}.album-section{padding-block:57px 47px}.section-intro h2{font-size:43px}.section-intro>p{font-size:14px}.album-grid{gap:23px 13px}.album-photo{padding:7px 7px 0}.album-photo figcaption{font-size:20px;padding:12px 3px;min-height:64px}.album-photo figcaption>span:first-child{display:block}.album-photo:first-child figcaption{font-size:25px;min-height:52px}.album-caption{font-size:24px;max-width:310px;line-height:1.15;margin-top:30px}.school-section{padding:55px 0 30px}.school-spread{display:flex;flex-direction:column;gap:35px;align-items:stretch}.school-heading h2{font-size:55px;margin-bottom:20px}.school-heading>p:not(.eyebrow){font-size:14px;max-width:340px}.school-heading .eyebrow{font-size:9px;letter-spacing:1px}.school-photo{margin:7px 5px 0;padding:8px 8px 0}.school-photo figcaption,.tracksuit-photo figcaption{font-size:23px;padding:12px 4px 17px}.class-notes{margin:0 0 0 25px;padding:0;transform:rotate(-3deg)}.class-notes>p{font-size:29px}.class-notes>span{font-size:12px;margin-top:15px}.tracksuit-photo{margin:0 5px;padding:8px 8px 0}.graffiti-tag{width:85%;align-self:center;margin:0}.scene-disclosure{font-size:8px;margin-top:-10px}.restoration{padding-block:55px}.restoration-inner{gap:30px}.restoration-copy h2{font-size:55px}.restoration-copy>p:not(.eyebrow):not(.comparison-origin){font-size:14px}.comparison-scribble{font-size:25px}.offer-section{padding-block:55px 40px}.offer-section .section-intro h2{font-size:41px}.scan-settings{margin:30px 0 35px;padding:21px 17px 17px;gap:22px 15px;grid-template-columns:1fr}.settings-heading,.settings-selection{grid-column:1}.settings-heading>span{font-size:27px}.dpi-picker span{font-size:28px;padding:11px 8px}.format-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;align-items:center}.format-picker>label{margin:0}.format-picker p{grid-column:1/-1;margin:0}.format-picker p br{display:none}.settings-selection{font-size:10px}.pricing-grid{gap:46px;margin-top:0}.price-card h3{font-size:44px}.price{font-size:75px}.card-note{font-size:22px}.custom-offer .text-link{margin-left:0}.custom-offer h3{font-size:24px}.steps h3{font-size:31px}.steps p{font-size:14px}.step-number{font-size:34px}.about-section{padding:55px 0 65px}.about-desk{display:block}.desk-margin{display:grid;grid-template-columns:1fr 120px;gap:16px 10px;padding-bottom:47px}.desk-margin>.eyebrow{grid-column:1/-1;font-size:9px}.desk-margin h2{font-size:44px;margin:0}.desk-photo{width:115px;align-self:center;transform:rotate(7deg);padding:6px 6px 0;grid-column:2;grid-row:2}.desk-photo img{height:139px}.desk-photo figcaption{font-size:16px;padding:8px 2px 12px}.desk-stamp{display:none}.notebook-page{margin:5px 3px 0;transform:rotate(1.5deg);padding:33px 19px 32px 39px;background-image:linear-gradient(90deg,transparent 27px,#ce7b8080 27px,#ce7b8080 28px,transparent 28px),repeating-linear-gradient(0deg,transparent,transparent 23px,#95b4ce4f 23px,#95b4ce4f 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#95b4ce38 23px,#95b4ce38 24px)}.notebook-page:before{left:8px;width:7px;height:7px}.notebook-content{font-size:25px;line-height:1.35}.notebook-content h2{font-size:35px;line-height:1;margin:15px 0 22px}.notebook-content .notebook-date{font-size:21px}.notebook-content p{margin-bottom:22px}.notebook-content .notebook-signature{font-size:28px;padding-right:75px}.paper-doodle{width:85px;right:13px;bottom:25px}.notebook-tape{width:120px;left:31%}.faq-section h2{font-size:47px}.contact-inner h2{font-size:60px}.contact-note{display:block;position:static;font-size:28px;transform:rotate(-4deg);margin:35px 0 0 15px}.footer .brand{width:166px}.cart-item h3{font-size:24px}.drawer-head h2{font-size:41px}.cart-item .item-options{font-size:11px}.quantity-control button{width:37px;height:37px}.cart-item>strong{font-size:13px}}
@media(max-width:360px){.hero h1{font-size:29px}.hero-memory{font-size:25px}.photo-scene{height:385px}.photo-small{top:205px}.photo-small img{height:120px}.camera-cutout{width:195px}.camera-note{font-size:19px;bottom:135px}.price-sticker{top:165px}.photo-small figcaption{font-size:13px}.hero-copy .eyebrow{font-size:7px}.desk-margin{grid-template-columns:1fr 100px}.desk-margin h2{font-size:37px}.desk-photo{width:100px}.notebook-content{font-size:23px}.notebook-content h2{font-size:31px}.cart-dialog{padding:20px 14px}.cart-item{gap:9px}.cart-item h3{font-size:22px}.remove-item{margin-left:5px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.is-visible){opacity:1;translate:0 0}.hero-copy,.camera-cutout{animation:none}}

.hero h1{font-size:clamp(32px,3.1vw,46px)}.hero h1>span,.hero h1>em{white-space:nowrap}
@media(max-width:1100px){.hero h1{font-size:3.05vw}}
@media(max-width:600px){.hero h1{font-size:5.45vw}}
@media(max-width:600px){.hero h1{font-size:7.4vw}.photo-scene{height:450px}.camera-cutout{width:200px;bottom:0;left:-10px}.camera-note{display:none}}
@media(max-width:360px){.photo-scene{height:405px}.camera-cutout{width:175px}}
