@font-face{font-family:LaBelle;src:url('../assets/fonts/LaBelleAurore-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:PlexMono;src:url('../assets/fonts/IBMPlexMono-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:PlexMono;src:url('../assets/fonts/IBMPlexMono-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--red:#8a2028;--ink:#191616;--line:#d7cccc;--mono:PlexMono,'Courier New',monospace;--hand:LaBelle,'Segoe Script',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 13px/1.7 var(--mono)}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:4px}.skip{position:absolute;left:0;top:-60px;background:#fff;padding:12px;z-index:20}.skip:focus{top:0}.top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 5%;border-bottom:1px solid var(--line);font-size:10px;font-weight:600;letter-spacing:.06em}.top a{text-decoration:none}.brand{font-size:15px}.top nav{display:flex;gap:30px}.top a:hover,footer a:hover{color:var(--red)}
.project-intro{padding:clamp(85px,10vw,150px) 7% 95px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.eyebrow{color:var(--red);font-size:10px;font-weight:600;letter-spacing:.11em}.intro-copy h1{font:400 clamp(34px,5.6vw,80px)/1.12 var(--mono);letter-spacing:-.08em;margin:30px 0 0}.script-note{display:block;font:400 clamp(35px,4vw,60px)/1.5 var(--hand);color:var(--red);transform:rotate(-5deg);margin:0 0 28px 8%}.concept{max-width:440px}.concept h2{font:400 clamp(17px,1.8vw,24px)/1.5 var(--mono);letter-spacing:-.04em}.concept p{font-size:12px;line-height:1.9}.concept a{display:inline-block;margin-top:22px;padding-bottom:8px;text-decoration:none;border-bottom:1px solid var(--red);font-size:10px;font-weight:600}.hero-image{margin:0;min-width:0}.hero-image img{display:block;width:100%;max-height:650px;object-fit:contain;background:#faf9f8}.hero-image figcaption,.final-looks figcaption{font-size:9px;letter-spacing:.05em;margin-top:10px}.final-looks{padding:0 7% 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:3%}.final-looks figure{margin:0}.final-looks img{display:block;width:100%;height:clamp(270px,38vw,520px);object-fit:contain;background:#f8f7f6}
.portfolio{border-top:1px solid var(--line);padding:100px 7% 140px}.portfolio-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.portfolio-heading h2{font:400 clamp(26px,3vw,42px)/1.2 var(--mono);letter-spacing:-.05em;text-transform:uppercase;margin:22px 0}.portfolio-heading h2 em{font:400 clamp(42px,5vw,70px)/1.4 var(--hand);color:var(--red);text-transform:none}.portfolio-heading p{max-width:300px;font-size:11px}.reader{margin:70px auto 90px;max-width:740px}.reader-square{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f7f6f5;border:1px solid #eee8e7;padding:clamp(12px,3vw,28px)}.reader-image{display:block;width:100%;height:100%;object-fit:contain}.reader-image.turn{animation:turn-page .3s ease}@keyframes turn-page{0%{opacity:.4;transform:translateX(8px)}100%{opacity:1;transform:none}}.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:16px}.reader-controls button{font:600 10px/1.4 var(--mono);border:0;background:none;color:var(--ink);padding:8px 0;cursor:pointer}.reader-controls button:disabled{opacity:.3;cursor:default}.reader-count{font-size:10px;color:var(--red)}.reader-caption{margin:8px 0 0;text-align:center;font-size:9px;color:#666}.grid-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:10px;color:var(--red);font-weight:600}.page-grid{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}.page-thumb{text-decoration:none;display:block}.page-thumb img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#f7f6f5;border:1px solid #eee8e7;transition:border-color .2s,transform .2s}.page-thumb:hover img,.page-thumb[aria-current="true"] img{border-color:var(--red);transform:translateY(-3px)}.page-thumb span{display:block;padding-top:8px;font-size:10px;color:var(--red)}.page-thumb small{font:400 9px/1.4 var(--mono);color:#555;margin-left:6px}footer{border-top:1px solid var(--line);padding:30px 7%;display:flex;justify-content:space-between;gap:20px;font-size:10px}footer a{text-decoration:none}
@media(max-width:800px){.top{flex-wrap:wrap}.top nav{order:3;width:100%;gap:20px;padding-top:8px}.back{margin-left:auto}.project-intro{grid-template-columns:1fr;gap:45px;padding-top:70px}.hero-image img{max-height:650px}.portfolio{padding-top:80px}.page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){.top{padding:19px 5%;gap:14px}.top nav{justify-content:space-between;gap:10px;font-size:9px}.brand{font-size:13px}.back{font-size:9px}.project-intro{padding:62px 5% 65px}.intro-copy h1{font-size:clamp(34px,9vw,48px)}.script-note{font-size:37px}.final-looks{padding:0 5% 75px;grid-template-columns:1fr 1fr;gap:28px 12px}.final-looks img{height:60vw}.portfolio{padding:75px 5% 100px}.portfolio-heading{display:block}.portfolio-heading p{margin-top:0}.reader{margin:50px auto 70px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.page-thumb small{display:block;margin:3px 0 0}footer{padding:25px 5%;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reader-image.turn{animation:none}.page-thumb img{transition:none}}
.reader-full{display:block;width:max-content;margin:16px auto 0;color:var(--red);font:600 9px/1.4 var(--mono);text-decoration:none;border-bottom:1px solid #be9d9d;padding-bottom:4px}

@font-face{font-family:ReferenceScript;src:url("../assets/fonts/MrsSaintDelafield-Regular.ttf") format("truetype");font-display:swap}
:root{--hand:ReferenceScript,cursive}