@font-face{font-family:Canela;src:url('../fonts/f256140.otf') format('opentype');font-weight:300 500;font-display:swap}@font-face{font-family:Futura;src:url('../fonts/f98080.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--cream:#f3e8d2;--ink:#302b21;--red:#b9422c;--mustard:#d9a630;--teal:#438b88;--base:#eee2c8;--texture:.7;--depth:.65;--paper-texture:url('../70s/a30q.jpg');--tear:polygon(1% 2%,18% 0,28% 1%,46% 0,63% 2%,81% 0,99% 1%,100% 18%,99% 41%,100% 67%,98% 82%,100% 99%,78% 100%,61% 98%,42% 100%,23% 99%,2% 100%,0 76%,1% 59%,0 36%)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#f4eddf;color:var(--ink);font-family:Futura,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;height:auto}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,a,summary,select{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}svg{display:block;flex-shrink:0}h1,h2,h3,p{margin:0}em{font-weight:300}.skip{position:absolute;top:-60px;left:10px;background:var(--cream);padding:15px;z-index:100}.skip:focus{top:10px}.site-header{display:flex;align-items:center;gap:30px;padding:26px 4%;border-bottom:1px solid #6d604522}.wordmark{font:300 30px Canela,serif}.site-header nav{display:flex;gap:25px;margin:auto}.site-header nav a{font-size:10px;text-transform:uppercase;letter-spacing:.13em}.site-header nav a:hover{color:var(--red)}.compare{font-size:9px;display:flex;align-items:center;gap:10px}.mobile-menu{display:none}.studio-top{display:flex;justify-content:space-between;align-items:center;padding:24px 4% 20px;font-size:9px;letter-spacing:.12em}.studio-top>span{opacity:.55}.studio-top a{display:flex;align-items:center;gap:12px;letter-spacing:0}.look-picker{display:flex;margin:0 4% 26px;border-bottom:1px solid #7a644b33}.look-picker button{display:flex;align-items:center;gap:14px;background:none;border:0;padding:14px 22px 17px 0;margin-right:26px;position:relative;font-size:13px}.look-picker small{font-size:9px;opacity:.45}.look-picker i{width:4px;height:4px;border:1px solid var(--ink);border-radius:50%;margin-left:12px}.look-picker [aria-pressed=true]:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--red)}.look-picker [aria-pressed=true] i{background:var(--red);border-color:var(--red)}
.collage-board{position:relative;width:100%;height:clamp(650px,53vw,900px);background:var(--base);overflow:hidden;isolation:isolate;transition:background .5s}.board-material{position:absolute;inset:0;background-image:var(--paper-texture);background-size:cover;opacity:calc(var(--texture)*.65);pointer-events:none;z-index:-1;mix-blend-mode:multiply}.scrap{position:absolute;pointer-events:none;clip-path:var(--tear);z-index:0;box-shadow:0 5px 12px #44261422;transition:background .6s,rotate .8s,left .8s,top .8s}.scrap:after{content:'';position:absolute;inset:0;background-image:var(--paper-texture);background-size:450px;mix-blend-mode:multiply;opacity:var(--texture)}.scrap-one{width:44%;height:62%;right:-2%;top:-5%;background:var(--mustard);rotate:-7deg}.scrap-two{width:38%;height:56%;left:39%;top:31%;background:var(--teal);rotate:6deg}.scrap-three{width:27%;height:39%;right:-4%;bottom:-8%;background:var(--red);rotate:-6deg}.scrap-four{width:30%;height:18%;left:-3%;bottom:-3%;background:var(--mustard);rotate:4deg}.graph-paper{position:absolute;left:5%;bottom:3%;width:47%;height:27%;rotate:-8deg;background-color:#f2e4bf;background-image:linear-gradient(#52796f2b 1px,transparent 1px),linear-gradient(90deg,#52796f2b 1px,transparent 1px);background-size:18px 18px;clip-path:var(--tear);opacity:.9}.linen{position:absolute;right:0;top:23%;height:55%;width:23%;rotate:7deg;background-color:#d1bb8c;background-image:repeating-linear-gradient(90deg,#efe5bd55 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,#775d3133 0 1px,transparent 1px 4px);opacity:calc(var(--texture)*.6);clip-path:var(--tear)}.hero-note{position:absolute;left:5%;top:12%;width:35%;z-index:10;padding:20px 0 20px 15px}.eyebrow{font-size:9px;letter-spacing:.18em;line-height:1.7;text-transform:uppercase}.hero-note .eyebrow{color:#61543d;margin-bottom:30px}.hero-note h1{font:300 clamp(78px,7.6vw,135px)/.9 Canela,serif;letter-spacing:-.04em;margin-left:-5px;margin-bottom:28px}.hero-note h1 em{color:var(--red)}.hero-role{font:300 20px/1.45 Canela,serif;max-width:270px}.hero-links{display:flex;flex-direction:column;gap:12px;margin-top:27px}.hero-links a{display:flex;gap:18px;align-items:center;font-size:10px;max-width:max-content;padding-bottom:7px;border-bottom:1px solid #6a4e3c44}.hero-links a:hover{color:var(--red)}.paper-stamp{position:absolute;left:8%;bottom:9%;z-index:3;font-size:11px;letter-spacing:.17em;line-height:1.5;rotate:-7deg;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:10px 18px;opacity:.7}.board-note{position:absolute;left:4%;right:4%;bottom:13px;z-index:60;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.1em;pointer-events:none}.board-note>span:last-child{opacity:.6;text-transform:none;letter-spacing:0}
#photo-layers{position:absolute;inset:0;z-index:5;pointer-events:none}.photo-layer{position:absolute;pointer-events:auto;transform:rotate(var(--angle)) scale(var(--scale));transform-origin:50% 50%;will-change:translate;transition:box-shadow .2s;touch-action:auto}.photo-layer.selected{outline:1px dashed #873f2c88;outline-offset:7px}.photo-layer.dragging{transition:none;z-index:100!important}.photo-paper{position:absolute;inset:0;background:#f7eddb;clip-path:var(--tear);box-shadow:0 13px 25px #30201333}.photo-layer:before{content:'';position:absolute;inset:5px 0 -3px;box-shadow:calc(var(--depth)*8px) calc(var(--depth)*20px) calc(var(--depth)*23px) #3a241344;z-index:-1}.photo-media{position:absolute;inset:7px 7px 28px;overflow:hidden;background:#fff6e2}.photo-media img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 40%)}.photo-caption{position:absolute;bottom:8px;left:11px;right:10px;display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:9px;letter-spacing:.06em}.photo-caption a{display:flex;gap:8px;align-items:center}.photo-caption svg{width:16px;height:16px}.photo-handle{position:absolute;left:5px;top:-17px;background:#f7eddb;border:0;padding:5px 9px;font-size:9px;letter-spacing:.08em;z-index:4;cursor:grab;touch-action:none;box-shadow:0 1px 3px #3a241322}.photo-handle:active{cursor:grabbing}.photo-tape{position:absolute;top:-8px;left:39%;width:31%;height:24px;rotate:-4deg;background:repeating-linear-gradient(93deg,#d0b6766b 0 1px,#e8d09a8f 1px 4px);box-shadow:0 1px 2px #3a24131a;clip-path:polygon(2% 0,97% 3%,100% 90%,95% 100%,6% 96%,0 89%);z-index:3;pointer-events:none}.inspect-photo{position:absolute;right:9px;top:9px;width:24px;height:24px;background:#f7eddbed;border:1px solid #e1d7c1;color:#433928;display:grid;place-items:center;border-radius:50%;opacity:0;transition:opacity .2s;z-index:3}.photo-layer:hover .inspect-photo,.photo-layer:focus-within .inspect-photo{opacity:1}.inspect-photo svg{width:14px;height:14px}.board-instructions{display:flex;justify-content:space-between;gap:20px;margin:24px 4% 0;font-size:10px;line-height:1.7;opacity:.7}.board-instructions button{padding:0 0 3px;background:none;border:0;border-bottom:1px solid #7e6f4a55;font-size:10px;white-space:nowrap}
body[data-look=album] .scrap-one{background:var(--teal);width:45%;height:86%;right:-2%;top:12%;rotate:-3deg}body[data-look=album] .scrap-two{background:var(--red);width:31%;height:22%;left:37%;top:68%;rotate:-4deg}body[data-look=album] .scrap-three{background:var(--mustard);width:30%;height:28%;right:23%;bottom:74%;rotate:3deg}body[data-look=album] .scrap-four{width:20%;opacity:.6}body[data-look=album] .hero-note h1{font-size:clamp(78px,7.3vw,130px)}body[data-look=album] .graph-paper{left:43%;bottom:5%;width:45%;height:71%;rotate:3deg}body[data-look=album] .linen{left:0;right:auto;bottom:0;top:auto;width:34%;height:36%}body[data-look=stage] .scrap-one{width:35%;height:110%;right:3%;top:-4%;background:var(--teal);rotate:-9deg}body[data-look=stage] .scrap-two{width:52%;height:45%;left:31%;top:48%;background:var(--mustard);rotate:4deg}body[data-look=stage] .scrap-three{width:41%;height:28%;right:-5%;bottom:67%;background:var(--red);rotate:4deg}body[data-look=stage] .scrap-four{width:40%;height:10%;left:-4%;bottom:6%;background:var(--red)}body[data-look=stage] .hero-note h1{font-family:Futura,sans-serif;text-transform:uppercase;font-weight:500;font-size:clamp(74px,6.6vw,118px);line-height:.93;letter-spacing:-.065em}body[data-look=stage] .hero-note h1 em{font-style:normal}body[data-look=stage] .graph-paper{left:33%;bottom:3%;width:41%;height:85%;rotate:-5deg}body[data-look=stage] .paper-stamp{color:var(--cream);border-color:var(--cream);bottom:9%;left:6%;font-size:9px}
body[data-edges=clean] .photo-paper{clip-path:none}body[data-edges=bare] .photo-paper{clip-path:none;background:transparent}body[data-edges=bare] .photo-media{inset:0}body[data-edges=bare] .photo-caption{padding:4px 8px;background:#f7eddbe8;left:0;right:auto;bottom:0}body.no-tape .photo-tape{display:none}body.no-labels .photo-caption{display:none}.customize{margin:70px 4% 0;padding:50px 4%;background:#eae4d7;border:1px solid #84765d33}.custom-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.custom-heading h2{font:300 clamp(34px,3.5vw,55px)/1.1 Canela,serif;margin-top:15px}.custom-heading>p{font:300 18px/1.5 Canela,serif;max-width:290px;color:#756b58}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5%}.controls fieldset{border:0;border-top:1px solid #95846b44;margin:0;padding:24px 0 0;min-width:0}.controls legend{font-size:9px;letter-spacing:.1em;padding-right:15px}.controls label{display:block;font-size:11px;margin:0 0 22px}.controls label output{float:right;opacity:.55;font-size:10px}.controls select{display:block;width:100%;padding:10px 26px 10px 11px;margin-top:10px;border:1px solid #9a886d44;background:#f8f1e5;color:var(--ink);border-radius:0;font-size:11px}.controls input[type=range]{width:100%;margin:15px 0 0;accent-color:var(--red)}.controls .check{display:flex;align-items:center;gap:10px}.controls input[type=checkbox]{accent-color:var(--red);width:16px;height:16px}.small-actions{display:flex;gap:10px;flex-wrap:wrap}.small-actions button{font-size:10px;border:1px solid #95846b55;padding:8px 12px;background:transparent}.small-actions button:hover{background:#d6cbb8}.save-look{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #95846b33;padding-top:25px;margin-top:15px;gap:30px}.save-look p{font-size:10px;opacity:.6}.save-look button{display:flex;align-items:center;gap:15px;padding:13px 18px;background:#453c2d;color:#fff3d9;border:0;font-size:11px}.status{font-size:11px;margin-top:15px;line-height:1.5}#share-url{width:100%;padding:10px;margin-top:10px;font-size:10px}.decades-section{padding:110px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}.section-heading h2{font:300 clamp(30px,3.7vw,58px)/1.1 Canela,serif;max-width:620px;margin-top:15px}.section-heading>p{font-size:10px;opacity:.55}.decade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:45px 25px}.decade-photo{height:235px;overflow:hidden;box-shadow:0 5px 15px #392d1822}.decade-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.decade-grid a:hover img{transform:scale(1.04)}.decade-grid a>span{display:flex;align-items:center;justify-content:space-between;margin:15px 0 10px;font-size:11px}.decade-grid a>span svg{width:17px}.decade-grid h3{font:300 19px/1.3 Canela,serif;color:#796a53}.music-invite{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:5%;align-items:center;padding:65px 8%;background:#e1c186 url('../70s/a30q.jpg') center/cover;background-blend-mode:multiply}.music-invite h2{font:300 clamp(35px,4vw,65px)/1.1 Canela,serif;margin:25px 0 35px}.music-invite>div>a{display:flex;align-items:center;gap:18px;font-size:11px}.album-photo{rotate:4deg;box-shadow:10px 12px 20px #3c2d202e}.album-photo:last-child{rotate:-5deg}.album-photo img{width:100%;height:auto}.site-footer{padding:50px 8%;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer>span{font:300 26px Canela,serif}.site-footer a{display:flex;align-items:center;gap:15px;font-size:10px}.site-footer a svg{width:17px}
#photo-viewer{width:94vw;height:91dvh;max-width:1250px;max-height:91dvh;border:1px solid #b8a385;padding:0;background:#f5eddc;color:var(--ink)}#photo-viewer::backdrop{background:#2d281cdd;backdrop-filter:blur(10px)}#photo-viewer header,#photo-viewer footer{height:64px;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;font-size:11px;gap:20px}#photo-viewer header>span{letter-spacing:.15em}#photo-viewer button,#photo-viewer footer>a{display:flex;gap:12px;align-items:center;background:none;border:0;font:inherit;padding:7px}#viewer-image{height:calc(100% - 128px);width:100%;object-fit:contain;padding:0 24px}#viewer-title{font:300 20px Canela,serif;max-width:65%}
@media(max-width:600px),(max-width:1024px) and (orientation:portrait){.site-header{padding:22px 6%;gap:16px}.wordmark{font-size:25px}.site-header nav{display:none}.compare{font-size:8px;margin-left:auto;gap:7px}.compare svg{width:16px}.mobile-menu{display:block;position:relative;order:3}.mobile-menu summary{list-style:none;padding:6px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu>div{position:absolute;right:0;top:40px;min-width:150px;background:#f6ecd7;border:1px solid #88765b44;z-index:100;display:flex;flex-direction:column;gap:18px;padding:20px;font-size:12px}.studio-top{padding:22px 6% 12px;font-size:7px;gap:15px}.studio-top>span{max-width:180px;line-height:1.6}.studio-top a{font-size:8px;gap:6px}.studio-top svg{width:15px}.look-picker{margin:0 6% 20px;justify-content:space-between;gap:12px}.look-picker button{display:block;text-align:left;font-size:10px;padding:10px 0 13px;margin:0;flex:1;line-height:1.5}.look-picker small{display:block;font-size:8px;margin-bottom:3px}.look-picker i{display:none}.collage-board{height:auto;min-height:0;padding:25px 7% 55px}.hero-note{position:relative;left:auto;top:auto;width:auto;padding:25px 0 35px;z-index:10;max-width:100%}.hero-note .eyebrow{font-size:8px;margin-bottom:23px}.hero-note h1,body[data-look=album] .hero-note h1{font-size:85px;line-height:.91;margin-bottom:22px}.hero-role{font-size:19px}.hero-links{margin-top:22px;gap:11px}.hero-links a{font-size:10px}.scrap-one{width:55%;height:40%;right:-8%;top:15%}.scrap-two{width:70%;height:47%;left:8%;top:44%}.scrap-three{width:65%;height:26%;right:-15%;bottom:0}.scrap-four{width:65%;height:17%;bottom:0}.graph-paper{left:0;bottom:3%;width:90%;height:54%}.linen{top:52%;height:40%;width:35%}.paper-stamp{display:none}#photo-layers{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:42px 14px;padding:8px 0 20px;z-index:10}.photo-layer{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:215px!important;transform:rotate(calc(var(--angle)*.65)) scale(calc(.85 + var(--scale)*.15));translate:none!important;pointer-events:auto}.photo-layer:nth-child(even){margin-top:27px}.photo-layer:nth-child(4),.photo-layer:nth-child(5){height:250px!important}.photo-handle{font-size:8px;top:-16px;padding:4px 8px;touch-action:auto}.photo-caption{font-size:8px;letter-spacing:0;left:8px;right:6px;bottom:7px}.photo-caption a span{display:none}.photo-caption svg{width:14px}.photo-media{inset:6px 6px 26px}.photo-tape{height:18px;top:-6px;left:45%;width:33%}.inspect-photo{width:21px;height:21px;right:8px;top:8px;opacity:1}.board-note{font-size:6px;left:7%;right:7%;bottom:14px;gap:15px}.board-note>span:last-child{max-width:150px;text-align:right;line-height:1.5}.board-instructions{margin:20px 7%;font-size:9px;display:block}.board-instructions button{font-size:9px;margin-top:10px}body[data-look=stage] .hero-note h1{font-size:75px}body[data-look=album] .scrap-one{top:25%;width:62%;height:67%}body[data-look=album] .scrap-two{left:0;top:40%;width:65%;height:40%}body[data-look=stage] .scrap-one{width:40%;height:80%;top:16%}body[data-look=stage] .scrap-two{left:0;top:40%;width:85%;height:45%}.customize{margin:50px 5% 0;padding:30px 6%}.custom-heading{display:block;margin-bottom:30px}.custom-heading h2{font-size:35px}.custom-heading>p{font-size:17px;margin-top:20px}.controls{grid-template-columns:1fr;gap:25px}.controls fieldset{padding-top:20px}.controls label{font-size:12px;margin-bottom:24px}.controls select{font-size:12px}.controls legend{font-size:9px}.save-look{display:block}.save-look p{font-size:10px;margin-bottom:18px}.save-look button{font-size:10px}.decades-section{padding:70px 7%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:35px}.section-heading>p{margin-top:20px;font-size:10px}.decade-grid{grid-template-columns:1fr 1fr;gap:30px 16px}.decade-photo{height:190px}.decade-grid h3{font-size:17px}.decade-grid a>span{font-size:10px}.music-invite{grid-template-columns:1fr 1fr;gap:25px;padding:50px 8%}.music-invite>div{grid-column:1/-1}.music-invite h2{font-size:42px;margin:20px 0 25px}.music-invite .album-photo{margin-top:10px}.site-footer{padding:40px 8%;flex-direction:column;align-items:start;gap:25px}.site-footer a{font-size:10px}#photo-viewer header,#photo-viewer footer{padding:10px 14px;font-size:9px}#photo-viewer footer{height:auto;min-height:64px;align-items:start}#viewer-title{font-size:17px}#viewer-image{padding:0 8px}#photo-viewer footer>a{max-width:120px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}