@font-face{font-family:LaBelle;src:url('fonts/LaBelleAurore-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:PlexMono;src:url('fonts/IBMPlexMono-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:PlexMono;src:url('fonts/IBMPlexMono-SemiBold.ttf') format('truetype');font-display:swap;font-weight:600}
:root{--ink:#161616;--cream:#fff;--paper:#fff;--red:#8d1e25;--line:#b8b8b8;--serif:LaBelle,'Segoe Script',cursive;--sans:PlexMono,'Courier New',monospace}
body,body.ink,body.reverie,body.workroom{background:#fff;color:#161616;font-family:var(--sans);font-size:14px}
.nav,.reverie .nav,.workroom .nav{background:#fff;color:#161616;border-color:#c7c7c7;height:74px}
.wordmark,.wordmark span{font:600 16px/1 var(--sans);letter-spacing:.02em}.wordmark sup{display:none}
.nav nav a,.nav-contact,.eyebrow,.section-count,.text-link,.small-note,.hero-scroll,.hero-side,.art-label,.hero-frame,.workroom-bottom{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.075em}
.nav nav a,.nav-contact{font-size:10px}.nav a:hover{color:var(--red)}
h1,h2,h3,p{font-style:normal}em{font-family:var(--serif);font-style:normal;font-weight:400}
.hero h1,.reverie-overlay h1,.workroom-title h1{font-family:var(--sans);font-weight:400;font-size:clamp(16px,1.8vw,23px);line-height:1.25;letter-spacing:0;text-transform:uppercase;margin:24px 0 20px}
.hero h1 em,.reverie-overlay h1 em,.workroom-title h1 em{display:inline-block;font-family:var(--serif);font-weight:400;font-style:normal;text-transform:none;font-size:clamp(68px,8.5vw,126px);line-height:1.15;letter-spacing:-.06em;color:#141414}
.hero h1 span:not(.dot){font-family:var(--sans)}.hero p{font:400 12px/1.7 var(--sans);text-transform:uppercase;letter-spacing:.025em}
.pill{padding:11px 0;border:0;border-bottom:1px solid #191919;border-radius:0;font:600 10px/1.3 var(--sans);letter-spacing:.05em;gap:18px}.pill:hover{background:none;color:var(--red)}
.hand-note,.collage-note{font:400 27px/1 var(--serif);font-style:normal;color:var(--red);transform:rotate(-4deg)}
.ink .hero{background:#fff}.ink-title .eyebrow{margin-bottom:48px}.ink-title p{margin:15px 0 32px}.hero-video{box-shadow:none;border:1px solid #eee;transform:rotate(2deg)}
.ink .work,.workroom .work,.reverie .work,.photoshoots,.ink .photoshoots,.workroom .photoshoots,.reverie .photoshoots,.archive,.workroom .archive,.reverie .archive{background:#fff;color:#161616}
.work,.photoshoots,.archive,.retail{padding:clamp(75px,8vw,125px) 5%}.section-head,.reverie .section-head,.reverie .photoshoots .section-head{border-color:#b8b8b8}
.project-intro{padding:70px 0 45px;grid-template-columns:1.2fr .55fr}.project-intro h2,.workroom .project-intro h2,.photo-heading h2,.archive h2,.retail h2,.footer h2{font:400 clamp(30px,3vw,48px)/1.2 var(--sans);letter-spacing:-.065em;text-transform:uppercase}
.project-intro h2 em,.photo-heading h2 em,.archive h2 em,.retail h2 em,.footer h2 em{font:400 clamp(54px,6vw,90px)/1.3 var(--serif);letter-spacing:-.06em;text-transform:none;color:#161616}
.dot{color:var(--red)}.project-copy p,.photo-heading p,.retail-copy>p{font:400 13px/1.8 var(--sans);max-width:390px}.project-copy p,.photo-heading p{margin-bottom:24px}
.look-info{align-items:baseline;padding:16px 0 6px}.look-info h3{font:400 16px/1.4 var(--sans);letter-spacing:-.035em;text-transform:uppercase;margin-top:8px}.look-index{font:400 12px/1 var(--sans);background:#fff;color:#161616}.reverie .look-index{background:#fff;color:#161616}.look-img{background:#f2f2f0}
.process-band,.reverie .process-band{border-color:#b8b8b8}.process-band p{font:400 12px/1.6 var(--sans);letter-spacing:.02em;text-transform:uppercase}.process-band img{mix-blend-mode:multiply;max-height:105px}
.ink .photo-heading h2{transform:none}.photo-heading{padding:70px 0 45px}.gallery figcaption{font:400 10px/1.5 var(--sans);text-transform:uppercase}.gallery{gap:4%}.archive h2{margin:60px 0 45px}.archive-list article h3{font:400 clamp(16px,2vw,24px)/1.4 var(--sans);letter-spacing:-.045em}.archive-list article p{font:400 11px/1.5 var(--sans);text-transform:uppercase}
.retail,.workroom .retail,.reverie .retail{background:#f2eee8;color:#161616}.retail-label{min-height:auto}.retail-copy>p{margin:25px 0 36px}.retail-facts{gap:18px}.retail-facts span{font:400 11px/1 var(--sans);color:var(--red);margin-bottom:20px}.retail-facts strong{font:600 11px/1.5 var(--sans);text-transform:uppercase}.retail-facts p{font:400 11px/1.6 var(--sans)}.small-note{margin-top:38px}
.footer,.workroom .footer,.reverie .footer{background:#fff;color:#161616;border-top:1px solid #b8b8b8}.footer-bio p{font:400 13px/1.8 var(--sans)}.footer-bottom,.workroom .footer-bottom{border-color:#b8b8b8}.pill.light:hover{background:none;color:var(--red)}
.reverie .hero{background:#fff;color:#161616}.reverie-photo{inset:0 0 0 38%;}.reverie-photo:after{display:none}.reverie-photo img{object-position:center}.reverie-overlay{padding-left:6%;right:auto;width:50%;background:linear-gradient(90deg,#fff 55%,rgba(255,255,255,0) 100%)}.reverie-overlay h1{margin:24px 0}.reverie-overlay h1 em{color:#161616}.reverie-bottom p{color:#161616}.round-arrow{border-color:#161616;color:#161616}.round-arrow:hover{background:#161616;color:#fff}.reverie .hero-scroll{color:#fff;text-shadow:0 1px 4px #000}.hero-frame{color:#fff;text-shadow:0 1px 4px #000}.reverie .work .stamp,.reverie .work .dot{color:var(--red)}.reverie .look-grid{scrollbar-color:#8d1e25 #e6e6e6}
.workroom .hero,.workroom .look,.workroom .nav{background:#fff}.workroom .look-grid{background:#ccc;border-color:#ccc}.workroom .hero{min-height:calc(100svh - 74px)}.workroom-title h1{margin:24px 0}.workroom-title h1 em{color:#161616}.workroom-title p{margin-bottom:30px}.collage-photo,.collage-sketch{box-shadow:none}.collage-sketch{border:1px solid #ddd}.workroom .workroom-bottom{border-color:#b8b8b8}
.compare-link{border-radius:0;box-shadow:none;font:600 10px/1.4 var(--sans);padding:10px;background:#fff;color:#161616}
@media(max-width:900px){.nav,.reverie .nav,.workroom .nav{height:auto;min-height:72px}.hero h1 em,.reverie-overlay h1 em,.workroom-title h1 em{font-size:clamp(60px,9vw,95px)}.project-intro,.photo-heading{grid-template-columns:1fr;gap:20px}.project-copy{max-width:100%}}
@media(max-width:600px){.nav,.reverie .nav,.workroom .nav{padding:13px 5%}.nav nav a{font-size:9px}.wordmark{font-size:14px}.hero h1,.reverie-overlay h1,.workroom-title h1{font-size:14px;line-height:1.3}.hero h1 em,.reverie-overlay h1 em,.workroom-title h1 em{font-size:clamp(58px,15vw,85px);line-height:1.25}.ink-title .eyebrow{margin-bottom:25px}.ink-title h1{margin:16px 0}.ink-title p{margin:12px 0 25px}.hero-art{height:350px;margin-top:40px}.hand-note,.collage-note{font-size:20px}.project-intro{padding:48px 0 35px}.project-intro h2,.workroom .project-intro h2,.photo-heading h2,.archive h2,.retail h2,.footer h2{font-size:25px;line-height:1.2}.project-intro h2 em,.photo-heading h2 em,.archive h2 em,.retail h2 em,.footer h2 em{font-size:clamp(52px,12vw,72px);line-height:1.3}.photo-heading{padding:48px 0 35px}.reverie .hero{height:72svh;min-height:550px}.reverie-photo{inset:0 0 0 22%}.reverie-overlay{width:90%;padding:30px 5% 85px;background:linear-gradient(90deg,#fff 12%,rgba(255,255,255,.78) 40%,transparent 95%)}.reverie-overlay h1{font-size:14px;margin:18px 0}.reverie-overlay h1 em{font-size:clamp(58px,15vw,85px)}.reverie .hero-scroll{color:#fff}.workroom-title h1{font-size:14px}.workroom-title h1 em{font-size:clamp(58px,15vw,85px)}.workroom-body{padding-top:45px}.workroom-collage{height:350px;margin-top:40px}.retail-label{padding-bottom:25px}.footer h2{margin-bottom:15px}.footer-bottom{gap:10px}}
/* Give the handwritten descenders their own breathing room. */
.hero h1 em,.reverie-overlay h1 em,.workroom-title h1 em{line-height:1.38}
.ink-title p,.workroom-title p{margin-top:15px}
.reverie-photo{left:43%}.reverie-overlay{width:60%;background:linear-gradient(90deg,#fff 67%,rgba(255,255,255,0) 100%)}
.reverie-overlay h1 em{font-size:clamp(64px,7vw,102px)}
@media(max-width:600px){.hero h1 em,.reverie-overlay h1 em,.workroom-title h1 em{line-height:1.4}.reverie-photo{left:22%}.reverie-overlay{width:100%;background:linear-gradient(90deg,#fff 7%,rgba(255,255,255,.85) 49%,rgba(255,255,255,.1) 100%)}.reverie-overlay h1 em{font-size:clamp(56px,14vw,76px)}}
