@font-face{font-family:'Reenie Beanie';font-style:normal;font-weight:400;font-display:swap;src:url('reenie-beanie.ttf') format('truetype')}
/* One continuous sheet. Artwork carries the colour; type is printed into the paper. */
@font-face{font-family:'Playwrite DE LA';font-style:normal;font-weight:100 400;font-display:swap;src:url('assets/playwrite-de-la.ttf') format('truetype')}
.paper-site{--paper:#f6f2e8;--ink:#303129;--muted:#727266;--wine:#76534d;--line:#d6d0c1;--hand:'Reenie Beanie','Bradley Hand',cursive;background:var(--paper);isolation:isolate}
.paper-site::before{content:'';position:fixed;inset:0;z-index:100;pointer-events:none;background:url('assets/paper-street/paper-grain.svg') repeat;opacity:.58;mix-blend-mode:multiply}
.paper-site::after{content:'';position:fixed;inset:0;z-index:99;pointer-events:none;box-shadow:inset 0 0 90px #a8996d08}
.paper-site .header{height:115px;margin:0 5%;border:0}.paper-site .wordmark>img{width:222px}.paper-site .wordmark>span{font-size:6px;letter-spacing:2px;margin-top:-1px}.paper-site .header nav{gap:28px;font-size:10px}.paper-site .header nav a:after{background:var(--ink)}
.paper-site .section-pad{padding:95px 7%}.paper-site h2{font-size:clamp(54px,5.3vw,81px);letter-spacing:-2px;line-height:.97}.paper-site .eyebrow,.paper-tiny{font:500 8px/1.7 var(--sans);letter-spacing:1.7px}.paper-tiny{font-size:7px;color:var(--muted)}.paper-hand{font:400 27px/1.3 var(--hand);color:#766958;letter-spacing:-.5px}.paper-site .text-link{font-size:11px;padding:12px 0;gap:35px}.paper-site .text-link>span{font-size:22px}
.paper-hero{height:min(795px,calc(100svh - 115px));min-height:680px;max-width:1700px;margin:auto;position:relative;overflow:hidden}
.paper-hero-copy{position:absolute;left:29%;top:20%;z-index:3;width:44%}.paper-hero-copy h1{font-size:clamp(80px,7.7vw,126px);line-height:.9;letter-spacing:-4px;margin:25px 0}.paper-hero-copy h1 em{display:block;white-space:nowrap}.paper-hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted);margin-top:22px}.paper-hero-copy .text-link{margin-top:16px}
.loose-sketch{padding:0;display:block;position:relative;background:none;transition:transform .35s;transform:rotate(var(--sketch-tilt,0deg))}.loose-sketch img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(2px 4px 1px #594a3010);user-select:none}.loose-sketch:hover,.loose-sketch:focus-visible{transform:translateY(-7px) rotate(0)}
.hero-cutout{position:absolute;z-index:2}.hero-cutout-one{left:2.5%;top:25%;height:58%;width:25%;--sketch-tilt:-9deg}.hero-cutout-two{right:0%;top:19%;height:75%;width:29%;--sketch-tilt:6deg}.hero-cutout-three{right:26%;top:-1%;height:25%;width:13%;--sketch-tilt:8deg}.hero-scribble{position:absolute;left:43%;bottom:14%;transform:rotate(-6deg);font-size:28px}.hero-footnote{position:absolute;left:7%;bottom:25px}.paper-scroll{position:absolute;right:8%;bottom:25px}
.paper-section-heading{display:flex;align-items:center;justify-content:space-between;gap:40px}.paper-section-heading h2{margin-top:20px}.paper-section-heading>.paper-hand{font-size:25px;transform:rotate(-5deg);max-width:220px;margin-right:4%;padding-top:35px}
.paper-site .filter-bar{margin-top:35px;padding-bottom:0;border:0}.paper-site .filters{gap:28px}.paper-site .filters button{font-size:10px;padding:8px 0}.paper-site .filters button.active{border-bottom:1px solid var(--ink)}.paper-site .filters button.active::before{display:none}
.paper-site .paper-scatter{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:68px 35px;align-items:start;margin-top:75px;padding:0 0 25px;overflow:visible}.paper-site .art-card{grid-column:span 3;padding:var(--scatter-y,0px) 0 0;margin:0;transform:rotate(var(--scatter-tilt,0deg));transition:transform .35s}.paper-site .art-card:hover,.paper-site .art-card:focus-within{transform:translateY(-5px) rotate(0);z-index:2}.paper-site .art-card .art-image{height:var(--scatter-height,310px);padding:0;background:transparent;overflow:visible;box-shadow:none}.paper-site .art-card img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(2px 4px 1px #6c5b3710)}.paper-site .art-card .art-image:hover img{transform:none}.paper-site .art-image::after{display:none}.paper-site .art-caption{display:block;text-align:center;padding-top:16px;opacity:0;transition:opacity .2s}.paper-site .art-card:hover .art-caption,.paper-site .art-card:focus-within .art-caption{opacity:1}.paper-site .art-caption h3{font:400 20px/1.3 var(--serif)}.paper-site .art-caption p{font-size:8px}.paper-site .art-caption>span{display:none}.paper-site .work-bottom{border:0;padding-top:15px;margin-top:15px}.paper-site .work-bottom>p{font-size:9px}.paper-clients{text-align:center;margin:95px auto 0}.paper-clients>p:last-child{margin-top:25px;font:25px/1.7 var(--serif);word-spacing:25px}.paper-clients>p:last-child span{font-style:italic}
.paper-site .paper-strangers{background:none;overflow:visible;padding-top:130px;padding-bottom:70px}.strangers-paper-heading{text-align:center;max-width:780px;margin:auto}.strangers-paper-heading h2{margin-top:22px;font-size:clamp(60px,6.7vw,102px)}.strangers-paper-heading>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:25px;line-height:1.9}.strangers-paper-heading .paper-hand{display:inline-block;margin-top:22px;transform:rotate(-5deg)}
.paper-crowd{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:35px 4px;align-items:end;margin:70px -1% 35px;padding:10px 0 20px}.paper-crowd-person{height:var(--cutout-height,210px);width:100%;padding:0;position:relative;transform:translateY(var(--cutout-y,0px)) rotate(var(--cutout-tilt,0deg));transition:transform .3s}.paper-crowd-person img{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(2px 5px 1px #5d4c3010)}.paper-crowd-person:hover,.paper-crowd-person:focus-visible{transform:translateY(-8px) rotate(0);z-index:3}.paper-crowd-person>span{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font:17px var(--serif);white-space:nowrap;opacity:0;background:var(--paper);padding:4px 7px;pointer-events:none}.paper-crowd-person:hover>span,.paper-crowd-person:focus-visible>span{opacity:1}.paper-crowd-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:30px}.paper-crowd-bottom .paper-tiny{font-size:7px}
.paper-site .commissions{background:none;color:var(--ink);padding-top:150px}.paper-site .commission-grid{padding:0 5%;gap:13%}.paper-site .commission-art{padding:0;min-height:540px}.paper-site .commission-art img{height:540px;max-height:none;width:100%;object-fit:contain;transform:rotate(-7deg);box-shadow:none;filter:drop-shadow(3px 5px 1px #5d4c3010)}.paper-site .commission-art .paper-hand{position:absolute;bottom:-20px;left:20%;transform:rotate(-7deg);white-space:nowrap;font-size:25px}.paper-site .commission-copy>.eyebrow{color:var(--muted)}.paper-site .commission-copy h2{font-size:clamp(57px,5.8vw,86px);margin-top:20px;line-height:.96}.paper-site .commissions em{color:var(--wine)}.paper-site .commission-copy>p:not(.eyebrow):not(.order-note){color:var(--muted);font-size:12px;margin-top:25px}.paper-site .formats{max-width:400px;margin:25px 0}.paper-site .formats legend{font-size:9px;color:var(--ink);margin-bottom:12px}.paper-site .formats label{border-color:var(--line);padding:13px 0}.paper-site .formats input{border-color:#9e9b8d}.paper-site .formats input:checked{background:var(--ink);box-shadow:inset 0 0 0 3px var(--paper)}.paper-site .formats small{color:var(--muted)}.paper-site .formats strong{font-family:var(--serif);font-size:21px}.paper-site .button-light{background:none;color:var(--ink);border-bottom:1px solid var(--ink);padding:10px 0;font-size:12px}.paper-site .button-light:hover{color:var(--wine)}.paper-site .order-note{color:var(--muted);font-size:8px;margin-top:17px}
.paper-site .events{padding-top:150px}.paper-site .event-grid{padding:0 5%;gap:13%}.paper-site .event-grid h2{margin-top:20px}.paper-site .event-grid>div>p{font-size:12px}.paper-site .event-grid>div>.eyebrow{margin:0;font-size:8px}.paper-site .service-list{margin-top:28px}.paper-site .service-list summary{font-size:11px}.paper-site .service-list details{border-color:var(--line)}.event-paper-composition{height:590px;position:relative}.event-cutout{position:absolute;top:0;right:-5%;width:100%;height:390px;--sketch-tilt:5deg}.paper-site .event-image{position:absolute;bottom:-15px;left:-15%;width:67%;transform:rotate(-7deg);padding:9px 9px 30px;background:#fdfbf4;box-shadow:2px 4px 7px #443b1f16}.paper-site .event-image img{height:200px;object-fit:cover}.paper-site .event-image figcaption{font-family:var(--hand);font-size:17px;padding:12px 2px 0;white-space:nowrap;color:var(--muted)}
.paper-site .learn{background:none;margin:0;display:grid;grid-template-columns:1fr 1fr;padding:130px 11%;gap:12%}.paper-site .learn-art{height:470px;min-height:0;overflow:visible}.paper-site .learn-art>img{position:absolute;object-fit:contain;filter:drop-shadow(2px 4px 1px #5d4c3010)}.paper-site .learn-art .learn-cutout-one{height:270px;width:50%;left:0;top:10px;transform:rotate(-11deg)}.paper-site .learn-art .learn-cutout-two{height:430px;width:55%;right:-3%;top:30px;transform:rotate(7deg)}.learn-art>.paper-hand{position:absolute;bottom:15px;left:-8%;font-size:25px;transform:rotate(-7deg)}.paper-site .learn-copy{padding:0;align-self:center}.paper-site .learn-copy h2{margin-top:22px}.paper-site .learn-copy>p:not(.eyebrow):not(.small-note){font-size:12px;line-height:1.9}.paper-site .learn-copy .learn-inclusions{font-size:11px!important;line-height:1.9!important;margin-top:20px}.paper-site .course-platform{font-size:7px}
.paper-site .about{padding-top:130px;padding-bottom:150px}.paper-site .about-grid{padding:0 12%;grid-template-columns:33% 1fr;gap:15%}.paper-site .about-portrait{transform:rotate(-4deg);padding:9px;background:#fdfbf4;box-shadow:2px 4px 7px #443b1f10}.paper-site .about-portrait img{height:340px;object-fit:cover;object-position:center}.paper-site .about-portrait>span{font-family:var(--hand);font-size:23px;bottom:-29px;right:-30px;background:none;transform:rotate(0);white-space:nowrap}.paper-site .about-grid h2{font-size:clamp(45px,4.1vw,62px);margin-top:22px}.paper-site .about-grid p{font-size:12px;margin-top:25px}.paper-site .about-grid>.about-portrait+div>.eyebrow{font-size:8px;margin:0}
.paper-site .footer{background:none;padding-top:80px}.paper-site .footer::before{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent,#8f8a795c 10%,#8f8a795c 89%,transparent);transform:rotate(-.25deg);margin-bottom:55px}.paper-site .footer-title{font-size:clamp(70px,8.3vw,130px);margin-top:28px;padding-bottom:40px}.paper-site .footer-links{border:0;padding-top:15px}.paper-site .footer-bottom{border:0;padding-top:45px;align-items:center}.paper-site .footer-bottom>.paper-hand{font-size:21px;transform:rotate(-5deg)}
.paper-site dialog{background:var(--paper);color:var(--ink)}.paper-site .lightbox-image,.paper-site .stranger-detail-art{background:none}.paper-site .lightbox-image{padding:40px}.paper-site .lightbox-info{align-self:center}.paper-site .lightbox-info p:not(.eyebrow){font-size:10px}.paper-site #art-original{font-size:9px;margin-top:22px;gap:15px}.paper-site .lightbox-controls{margin-top:35px}.paper-site .art-dialog::backdrop,.paper-site .paper-portrait-dialog::backdrop{background:#e8e2d2df;backdrop-filter:blur(4px)}.paper-site .paper-portrait-dialog{height:min(740px,90svh);width:min(920px,92vw);padding:0}.paper-site .paper-portrait-dialog[open]{display:grid;grid-template-columns:48% 52%}.paper-site .stranger-detail-art img{max-height:570px;max-width:100%;width:auto;height:100%;object-fit:contain}.paper-site .stranger-detail-copy h2{font-size:57px}.paper-portrait-controls{display:flex;align-items:center;gap:25px;margin-top:40px}.paper-portrait-controls button{font-size:25px;width:35px;height:35px}.paper-portrait-controls>span{font-size:9px;color:var(--muted)}
.paper-site .order-aside{background:#eae4d7;color:var(--ink)}.paper-site .order-aside em{color:var(--wine)}.paper-site .order-wordmark img{filter:none}.paper-site .order-aside>.eyebrow,.paper-site .aside-note{color:var(--muted)}.paper-site .order-aside-art{background:none}.paper-site .order-aside-art img{box-shadow:none}.paper-site .aside-total{border-color:var(--line)}.paper-site .bespoke-head{background:var(--paper)}
@media(min-width:1700px){.paper-site main{max-width:1700px;margin:auto}.paper-site .header{max-width:1530px;margin:auto}}
@media(max-width:1050px){.paper-site .header nav{gap:17px;font-size:9px}.paper-site .wordmark>img{width:195px}.paper-hero-copy{left:27%;width:48%;top:22%}.paper-hero-copy h1{font-size:87px}.hero-cutout-two{right:-3%;width:30%;top:27%;height:64%}.hero-cutout-one{left:-3%;width:28%;top:30%;height:52%}.hero-cutout-three{right:26%;height:23%}.hero-scribble{bottom:12%;left:37%}.paper-site .paper-scatter{gap:55px 22px}.paper-site .art-card .art-image{height:calc(var(--scatter-height)*.84)}.paper-crowd{grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 7px}.paper-crowd-person{height:190px}.paper-site .commission-grid,.paper-site .event-grid{padding:0;gap:9%}.paper-site .about-grid{padding:0 6%;gap:12%;grid-template-columns:35% 1fr}.paper-site .learn{padding-left:7%;padding-right:7%;gap:10%}}
@media(max-width:760px){html{scroll-padding-top:30px}.paper-site .header{height:102px;margin:0 6%}.paper-site .wordmark>img{width:194px}.paper-site .menu-toggle{display:flex;gap:17px;align-items:center;font-size:10px;padding:10px 0}.paper-site .header nav{display:none;position:absolute;top:90px;right:-2%;left:-2%;padding:30px;background:#f6f2e8;box-shadow:0 15px 25px #76654414;gap:25px;align-items:start;flex-direction:column;font-size:13px}.paper-site .header nav.open{display:flex}.paper-site .wordmark>span{font-size:5px}.paper-site .section-pad{padding:70px 7%}.paper-site h2{font-size:54px;letter-spacing:-1.8px}.paper-site .eyebrow{font-size:7px}.paper-hero{height:770px;min-height:0;overflow:hidden}.paper-hero-copy{left:8%;top:39px;width:88%;z-index:3}.paper-hero-copy h1{font-size:clamp(64px,17vw,86px);letter-spacing:-3px;margin:20px 0}.paper-hero-copy h1 em{white-space:normal}.paper-hero-copy>p:not(.eyebrow){font-size:12px;margin-top:20px}.paper-hero-copy .text-link{font-size:10px;margin-top:9px}.hero-cutout-one{left:0;top:auto;bottom:42px;width:39%;height:280px;--sketch-tilt:-8deg}.hero-cutout-two{right:-1%;top:auto;bottom:35px;width:50%;height:340px;--sketch-tilt:6deg}.hero-cutout-three{right:4%;top:0;height:127px;width:16%;opacity:.9}.hero-scribble{bottom:353px;left:13%;font-size:22px;transform:rotate(-6deg)}.hero-footnote{left:8%;bottom:6px;font-size:5px;letter-spacing:.8px}.paper-scroll{right:8%;bottom:6px;font-size:5px;letter-spacing:.7px}
.paper-section-heading{display:block}.paper-section-heading h2{margin-top:18px;font-size:54px}.paper-section-heading>.paper-hand{display:block;max-width:none;font-size:21px;padding-top:22px;margin:0;transform:rotate(-4deg)}.paper-site .filter-bar{margin-top:30px}.paper-site .filters{gap:17px;flex-wrap:wrap}.paper-site .filters button{font-size:9px}.paper-site .paper-scatter{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin-top:45px;padding:0}.paper-site .art-card{grid-column:span 1;padding-top:calc(var(--scatter-y)*.35)}.paper-site .art-card .art-image{height:calc(var(--scatter-height)*.67)}.paper-site .art-caption{opacity:1;padding-top:10px}.paper-site .art-caption h3{font-size:17px}.paper-site .art-caption p{font-size:7px;margin-top:4px}.paper-site .work-bottom{margin-top:30px;gap:25px}.paper-site .work-bottom>p{font-size:8px}.paper-site .work-bottom .text-link{font-size:10px}.paper-clients{margin-top:75px}.paper-clients>p:last-child{font-size:22px;word-spacing:8px;line-height:2}.paper-clients .paper-tiny{font-size:6px}
.paper-site .paper-strangers{padding-top:85px}.strangers-paper-heading h2{font-size:60px;line-height:.92;margin-top:18px}.strangers-paper-heading h2 em{display:block}.strangers-paper-heading>p:not(.eyebrow){font-size:12px;margin-top:23px}.strangers-paper-heading .paper-hand{font-size:23px;margin-top:20px}.paper-crowd{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 6px;margin:45px 0 30px}.paper-crowd-person{height:150px;transform:rotate(var(--cutout-tilt,0deg))}.paper-crowd-person>span{display:none}.paper-crowd-bottom{align-items:start;flex-direction:column;gap:13px;padding-top:10px}.paper-crowd-bottom .paper-tiny{font-size:6px}.paper-crowd-bottom .text-link{font-size:10px}
.paper-site .commission-grid{display:flex;flex-direction:column;gap:75px;padding:0}.paper-site .commission-art{width:80%;min-height:0}.paper-site .commission-art img{height:390px}.paper-site .commission-art .paper-hand{font-size:23px;left:5%;bottom:-25px}.paper-site .commission-copy{width:100%}.paper-site .commission-copy h2{font-size:63px}.paper-site .commission-copy>p:not(.eyebrow):not(.order-note){font-size:12px}.paper-site .formats{max-width:none}.paper-site .button-light{max-width:none}.paper-site .order-note{font-size:8px}.paper-site .event-grid{display:flex;flex-direction:column;gap:55px;padding:0}.event-paper-composition{width:100%;height:470px}.event-cutout{height:310px;right:-2%;width:95%}.paper-site .event-image{left:0;bottom:0;width:67%;padding:7px 7px 23px}.paper-site .event-image img{height:155px}.paper-site .event-image figcaption{font-size:14px;white-space:normal;padding-top:7px}.paper-site .event-grid h2{font-size:55px}.paper-site .service-list summary{font-size:12px}
.paper-site .learn{display:flex;flex-direction:column;gap:60px;margin:0;padding:60px 7% 80px}.paper-site .learn-art{height:370px;width:100%}.paper-site .learn-art .learn-cutout-one{height:220px;left:2%;top:0;width:48%}.paper-site .learn-art .learn-cutout-two{height:345px;right:0;top:10px;width:51%}.paper-site .learn-art>.paper-hand{bottom:0;left:1%;font-size:22px}.paper-site .learn-copy h2{font-size:63px}.paper-site .learn-copy>p:not(.eyebrow):not(.small-note){font-size:12px}.paper-site .learn-copy .course-platform{font-size:6px;letter-spacing:.7px}
.paper-site .about-grid{display:flex;flex-direction:column;gap:70px;padding:0}.paper-site .about-portrait{width:67%;align-self:start;margin-left:5%}.paper-site .about-portrait img{height:300px}.paper-site .about-portrait>span{font-size:22px;right:-27px}.paper-site .about-grid h2{font-size:50px}.paper-site .about-grid p{font-size:12px}.paper-site .about{padding-top:70px;padding-bottom:85px}.paper-site .footer{padding-top:20px;padding-bottom:30px}.paper-site .footer::before{margin-bottom:40px}.paper-site .footer-title{font-size:65px;letter-spacing:-2.2px;margin-top:25px;padding-bottom:30px}.paper-site .footer-title>span{font-size:38px;right:0;top:13%}.paper-site .footer-links{gap:25px;flex-direction:column;align-items:start;padding-bottom:20px}.paper-site .footer-links a{font-size:10px}.paper-site .footer-bottom{padding-top:30px;flex-wrap:wrap;gap:25px}.paper-site .footer-bottom>.paper-hand{display:block;flex-basis:100%;font-size:21px;margin-top:8px}.paper-site .footer-signature img{width:153px}.paper-site .back-top{font-size:7px;margin-left:auto}
.paper-site .art-dialog{width:94vw;height:90svh}.paper-site .lightbox-image{padding:40px 20px 10px;min-height:0}.paper-site .lightbox-info{padding:18px 25px 30px}.paper-site .lightbox-info h2{font-size:38px}.paper-site #art-original{margin-top:12px}.paper-site .lightbox-controls{margin-top:20px}.paper-site .paper-portrait-dialog[open]{display:flex;flex-direction:column}.paper-site .stranger-detail-art{height:54%;min-height:280px;padding:35px 20px 10px}.paper-site .stranger-detail-copy{padding:22px 25px 30px;align-self:stretch}.paper-site .stranger-detail-copy h2{font-size:40px;margin-top:14px}.paper-site .stranger-detail-copy p:not(.eyebrow){font-size:11px;margin-top:15px}.paper-portrait-controls{margin-top:20px}.paper-portrait-controls button{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){.paper-site .loose-sketch,.paper-site .art-card,.paper-site .paper-crowd-person{transition:none}.paper-site .loose-sketch:hover,.paper-site .art-card:hover,.paper-site .paper-crowd-person:hover{transform:rotate(var(--sketch-tilt,var(--scatter-tilt,var(--cutout-tilt,0deg))))}}

.paper-site .order-aside-art img{object-fit:contain;transform:none}.paper-site .aside-total strong,.paper-site .aside-total>span{color:var(--ink)}

/* Sparse handwriting and two original pen marks, leaving the paper open. */
.paper-site .paper-hand{font-weight:300;line-height:1.65;letter-spacing:0}
.paper-site .hero-scribble{font-size:22px}
.paper-site .hero-scribble::after{content:'';position:absolute;width:100px;height:30px;right:0;bottom:-30px;background:url('assets/pen-loop.svg') center/contain no-repeat;opacity:.8;pointer-events:none}
.paper-site .paper-section-heading>.paper-hand{font-size:20px;max-width:275px}
.paper-site .strangers-paper-heading .paper-hand{position:relative;font-size:23px}
.paper-site .strangers-paper-heading .paper-hand::after{content:'';position:absolute;width:190px;height:27px;bottom:-19px;left:5%;background:url('assets/pen-underline.svg') center/contain no-repeat;opacity:.7;pointer-events:none}
.paper-site .commission-art .paper-hand,.paper-site .learn-art>.paper-hand{font-size:21px}
.paper-site .event-image figcaption{font-size:14px;font-weight:300;line-height:1.7}
.paper-site .about-portrait>span{font-size:20px;font-weight:300;line-height:1.65}
.paper-site .footer-bottom>.paper-hand{font-size:17px}
@media(max-width:760px){.paper-site .hero-scribble{left:10%;font-size:18px;bottom:344px}.paper-site .hero-scribble::after{width:76px;height:23px;bottom:-21px;right:0}.paper-site .paper-section-heading>.paper-hand{font-size:18px;max-width:290px}.paper-site .strangers-paper-heading .paper-hand{font-size:19px}.paper-site .strangers-paper-heading .paper-hand::after{width:150px}.paper-site .commission-art .paper-hand,.paper-site .learn-art>.paper-hand,.paper-site .about-portrait>span{font-size:18px}.paper-site .footer-bottom>.paper-hand{font-size:16px}}

/* Readable ink on warm paper. Small labels stay quiet through spacing, not low contrast. */
.paper-site{--muted:#56584f}
.paper-site .hero-cutout-three{top:18px}
.paper-site .header nav{font-size:12px;gap:24px}
.paper-site .wordmark>span{font-size:9px;letter-spacing:1.5px}
.paper-site .eyebrow,.paper-site .paper-tiny{font-size:11px;letter-spacing:1.2px;color:var(--muted)}
.paper-site .paper-hand{color:#645848}
.paper-site .text-link,.paper-site .filters button{font-size:13px}
.paper-site .paper-hero-copy>p:not(.eyebrow),.paper-site .strangers-paper-heading>p:not(.eyebrow),.paper-site .commission-copy>p:not(.eyebrow):not(.order-note),.paper-site .event-grid>div>p:not(.eyebrow),.paper-site .learn-copy>p:not(.eyebrow):not(.small-note),.paper-site .about-grid p:not(.eyebrow){font-size:15px;line-height:1.85}
.paper-site .art-caption p,.paper-site .work-bottom>p,.paper-site .paper-clients .paper-tiny,.paper-site .paper-crowd-bottom .paper-tiny,.paper-site .learn-copy .course-platform,.paper-site .back-top{font-size:11px}
.paper-site .paper-crowd-bottom .text-link{font-size:13px}
.paper-site .formats legend{font-size:12px}.paper-site .formats label>span{font-size:14px}.paper-site .formats small{font-size:12px;line-height:1.6}
.paper-site .order-note{font-size:12px;line-height:1.85}.paper-site .button-light{font-size:14px}
.paper-site .service-list summary{font-size:14px}.paper-site .service-list summary>span{font-size:11px}.paper-site .service-list details p{font-size:14px;line-height:1.8}
.paper-site .learn-copy .learn-inclusions{font-size:14px!important;line-height:1.85!important}
.paper-site .footer-links a{font-size:14px}.paper-site .footer-signature>span{font-size:11px}
.paper-site .lightbox-info p:not(.eyebrow),.paper-site .stranger-detail-copy p:not(.eyebrow){font-size:14px;line-height:1.8}
.paper-site #art-original,.paper-site #art-position,.paper-site .paper-portrait-controls>span{font-size:12px}
.paper-site .dialog-close{font-size:12px}
.paper-site .button-wine{font-size:14px}

/* The same reading size carries through the custom sketch form. */
.paper-site .bespoke-head .eyebrow,.paper-site .order-aside>.eyebrow{font-size:10px}
.paper-site .order-progress button{font-size:12px;color:var(--muted)}.paper-site .order-progress button.current{color:var(--wine)}.paper-site .order-progress button>span{font-size:10px}
.paper-site .step-intro{font-size:15px;line-height:1.8}
.paper-site .bespoke-formats legend,.paper-site .field-label,.paper-site .field-heading>label{font-size:13px}
.paper-site .bespoke-formats label>span,.paper-site .gift-choice>span{font-size:14px}
.paper-site .bespoke-formats small,.paper-site .gift-choice small,.paper-site .field-help,.paper-site .aside-note,.paper-site .bespoke-contact,.paper-site .checkout-note p,.paper-site .field-error{font-size:12px;line-height:1.8}
.paper-site .field-heading>span,.paper-site .optional,.paper-site .form-divider>span{font-size:10px}
.paper-site .photo-drop>span:not(.upload-symbol){font-size:14px}.paper-site .photo-drop small,.paper-site .photo-item>div>span{font-size:12px}.paper-site .photo-item small{font-size:11px}
.paper-site .bespoke-order input:not([type=radio]):not([type=checkbox]):not([type=file]),.paper-site .bespoke-order textarea,.paper-site .bespoke-order select{font-size:14px}
.paper-site .bespoke-order input::placeholder,.paper-site .bespoke-order textarea::placeholder{font-size:13px;color:#686a60}
.paper-site .step-actions>span,.paper-site .review-row>div>span,.paper-site .review-row button,.paper-site .preview-label{font-size:11px}
.paper-site .form-back,.paper-site .review-row p,.paper-site .price-breakdown>div,.paper-site .digital-delivery p,.paper-site .confirmation-card>p:not(.eyebrow):not(.field-help),.paper-site .confirmation-timeline{font-size:14px}
.paper-site .digital-delivery small,.paper-site .aside-total>span{font-size:12px}.paper-site .checkout-note strong{font-size:13px}
.paper-site .preview-intro{margin-top:15px;padding-left:12px;border-left:2px solid var(--line);max-width:460px}
@media(min-width:761px) and (max-width:1100px){.paper-site .header nav{font-size:11px;gap:17px}.paper-site .wordmark>img{width:190px}}
@media(min-width:761px){.paper-site .hero-scribble{left:48%}}
@media(max-width:760px){
  .paper-site .header nav{font-size:14px;gap:24px}.paper-site .wordmark>span{font-size:8px;letter-spacing:1.2px}
  .paper-site .menu-toggle{font-size:12px}.paper-site .step-actions .button{font-size:13px}
  .paper-site .eyebrow,.paper-site .paper-tiny{font-size:10px;letter-spacing:1px}
  .paper-site .hero-footnote{bottom:24px;max-width:270px;font-size:9px}.paper-site .paper-scroll{bottom:4px;font-size:10px}
  .paper-site .paper-hero-copy>p:not(.eyebrow),.paper-site .strangers-paper-heading>p:not(.eyebrow),.paper-site .commission-copy>p:not(.eyebrow):not(.order-note),.paper-site .event-grid>div>p:not(.eyebrow),.paper-site .learn-copy>p:not(.eyebrow):not(.small-note),.paper-site .about-grid p:not(.eyebrow){font-size:14px}
  .paper-site .paper-hero-copy .text-link{font-size:13px}.paper-site .filters{gap:12px 21px}.paper-site .filters button{font-size:12px}
  .paper-site .paper-crowd-bottom .paper-tiny,.paper-site .learn-copy .course-platform,.paper-site .paper-clients .paper-tiny{font-size:10px}
  .paper-site .work-bottom .text-link,.paper-site .paper-crowd-bottom .text-link{font-size:12px}
  .paper-site .paper-crowd-bottom{gap:18px}.paper-site .footer-links a{font-size:13px}
  .paper-site .bespoke-head .eyebrow{font-size:9px;max-width:235px;letter-spacing:1px}.paper-site .order-progress{gap:7px}.paper-site .order-progress button{font-size:11px;gap:5px}
  .paper-site .bespoke-order input:not([type=radio]):not([type=checkbox]):not([type=file]),.paper-site .bespoke-order textarea,.paper-site .bespoke-order select{font-size:16px}
}

/* A growing collection keeps two rows; extra sketches continue across the paper. */
.paper-site .paper-crowd{--crowd-columns:8;display:grid;grid-template-columns:none;grid-template-rows:repeat(2,260px);grid-auto-flow:column;grid-auto-columns:calc((100% - 98px)/var(--crowd-columns));column-gap:14px;row-gap:42px;align-items:end;margin:60px -14px 0;padding:24px 14px 45px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:14px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b5ad9d transparent;-webkit-overflow-scrolling:touch}
.paper-site .paper-crowd-person{scroll-snap-align:start}
.paper-site .paper-crowd-person>span{font-size:15px;white-space:normal;width:max-content;max-width:150px}
.paper-crowd-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:15px;color:var(--muted)}.paper-crowd-navigation[hidden]{display:none}
.paper-crowd-navigation>span{font-size:12px}.paper-crowd-navigation>div{display:flex;gap:14px}
.paper-crowd-navigation button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;font-size:23px;display:grid;place-items:center;transition:border-color .2s}
.paper-crowd-navigation button:hover:not(:disabled){border-color:var(--ink)}.paper-crowd-navigation button:disabled{opacity:.3;cursor:default}
@media(min-width:761px) and (max-width:1050px){.paper-site .paper-crowd{--crowd-columns:5;grid-auto-columns:calc((100% - 56px)/var(--crowd-columns));grid-template-rows:repeat(2,215px)}}
@media(max-width:760px){.paper-site .paper-crowd{--crowd-columns:2.65;grid-auto-columns:calc((100% - 28px)/var(--crowd-columns));grid-template-rows:repeat(2,160px);row-gap:30px;margin-top:40px;padding-top:20px;padding-bottom:30px}.paper-site .paper-crowd-person{height:155px}.paper-crowd-navigation{padding-top:12px}.paper-crowd-navigation>span{font-size:12px;max-width:180px}}

/* Line icons stay ink on every device; the expanded artwork accepts sideways swipes. */
.ink-arrow{width:22px;height:22px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.paper-site .form-back{display:inline-flex;align-items:center;gap:7px}
.sketch-swipe-surface{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;overflow:hidden;isolation:isolate}
.sketch-swipe-surface img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.paper-site .sketch-swipe-hint{display:none}
@media(max-width:760px),(pointer:coarse){.paper-site .lightbox-info p.sketch-swipe-hint,.paper-site .stranger-detail-copy p.sketch-swipe-hint{display:block;font:400 11px/1.7 var(--sans);color:var(--muted);margin-top:16px}}
@media(max-width:760px){.paper-site .paper-portrait-dialog .stranger-detail-art{height:52%}}

/* Desktop viewers keep the navigation in one fixed row as titles change. */
@media(min-width:761px){
.paper-site .lightbox-info,.paper-site .paper-portrait-dialog .stranger-detail-copy{align-self:stretch;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:28px;min-width:0;min-height:0;padding:72px 35px 35px;container-type:inline-size}
.paper-site .viewer-copy{align-self:center;min-width:0;min-height:0;width:100%;overflow:visible;padding:0}
.paper-site .viewer-copy h2{font-size:clamp(36px,min(21cqi,7.2svh),64px);line-height:1.04;letter-spacing:-1.2px;margin:18px 0 0;overflow-wrap:anywhere}
.paper-site .viewer-copy p:not(.eyebrow){margin-top:22px;line-height:1.65}
.paper-site .viewer-copy #art-original,.paper-site .viewer-copy .text-link{max-width:100%;white-space:normal;margin-top:22px;padding:10px 0;font-size:12px}
.paper-site .lightbox-controls,.paper-site .paper-portrait-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;width:100%;margin-top:0;border-top:1px solid var(--line);padding-top:20px}
.paper-site .lightbox-controls button,.paper-site .paper-portrait-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0}
.paper-site .lightbox-controls>span,.paper-site .paper-portrait-controls>span{text-align:center}
}
@media(min-width:761px) and (max-height:650px){
.paper-site .lightbox-info,.paper-site .paper-portrait-dialog .stranger-detail-copy{padding:58px 28px 24px;gap:20px}
.paper-site .viewer-copy h2{font-size:clamp(30px,min(20cqi,6.8svh),46px);margin-top:14px}
.paper-site .viewer-copy p:not(.eyebrow){font-size:12px;margin-top:16px;line-height:1.5}
.paper-site .viewer-copy #art-original,.paper-site .viewer-copy .text-link{margin-top:16px}
.paper-site .lightbox-controls,.paper-site .paper-portrait-controls{padding-top:14px}
}

/* Each client is one item; spacing sits between brands, never within a name. */
.paper-clients .brand-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 38px;list-style:none;max-width:980px;margin:28px auto 0;padding:0;font:400 26px/1.5 var(--serif);word-spacing:normal}
.paper-clients .brand-list li{display:block;white-space:nowrap;margin:0;padding:0;word-spacing:normal}
.paper-clients .brand-list li:nth-child(4n+2){font-style:italic}
@media(max-width:760px){.paper-clients .brand-list{gap:14px 28px;margin-top:24px;font-size:22px;line-height:1.5}}

/* On phones the paper follows its contents instead of reserving desktop-sized gaps. */
@media(max-width:760px){
.paper-site .header{height:90px;gap:18px}.paper-site .wordmark>img{width:clamp(165px,50vw,194px)}
.paper-site .menu-toggle{min-width:72px;min-height:44px;justify-content:flex-end;gap:12px}
.paper-site .header nav{top:80px;padding:14px 24px 20px;gap:2px;align-items:stretch;max-height:calc(100svh - 100px);overflow-y:auto}
.paper-site .header nav a{display:flex;align-items:center;min-height:48px;padding:8px 0}
.paper-site .header nav a:after{bottom:5px}
.paper-site .section-pad{padding:52px 7%}
/* Three sketches form a loose diagonal: blue at the title, ivory beside the copy,
   then the coat lower on the page. Each has its own space and tap target. */
.paper-site .paper-hero{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'intro intro' 'title title' 'ivory body' 'ivory action' 'note coat' 'location location' 'wander wander';gap:12px 22px;padding:20px 7% 0;overflow:clip}
.paper-site .paper-hero-copy{display:contents}
.paper-site .paper-hero-copy>.eyebrow{grid-area:intro;position:relative;z-index:3}
.paper-site .paper-hero-copy h1{grid-area:title;position:relative;z-index:3;width:80%;font-size:clamp(52px,14.7vw,76px);line-height:.94;margin:4px 0 0;padding-bottom:40px;letter-spacing:-2.4px;pointer-events:none;text-align:left}
.paper-site .paper-hero-copy h1 em{margin-left:0;text-align:left}
.paper-site .paper-hero-copy>p:not(.eyebrow){grid-area:body;align-self:end;margin-top:0;font-size:14px;line-height:1.75;padding-top:8px;position:relative;z-index:3}
.paper-site .paper-hero-copy .text-link{grid-area:action;align-self:start;justify-self:start;min-height:44px;margin:0;max-width:100%;font-size:12px;line-height:1.5;padding:8px 0;position:relative;z-index:3}
.paper-site .hero-scribble{grid-area:note;position:relative;inset:auto;align-self:center;justify-self:start;max-width:150px;margin:0 0 0 4%;transform:rotate(-7deg)}
.paper-site .hero-cutout-one,.paper-site .hero-cutout-two{position:relative;inset:auto;align-self:center;width:100%}
.paper-site .hero-cutout-one{grid-area:ivory;height:clamp(210px,60vw,330px);--sketch-tilt:-8deg}
.paper-site .hero-cutout-two{grid-area:coat;height:clamp(195px,55vw,295px);width:100%;justify-self:center;margin-top:-35px;--sketch-tilt:7deg}
.paper-site .hero-cutout-three{top:47px;right:0;width:45%;height:clamp(210px,61vw,310px);opacity:1;--sketch-tilt:3deg}
.paper-site .hero-footnote{grid-area:location;position:relative;inset:auto;max-width:none;margin-top:8px;font-size:9px;line-height:1.7}
.paper-site .paper-scroll{grid-area:wander;position:relative;inset:auto;justify-self:end;display:flex;align-items:center;min-height:44px;font-size:10px}
.paper-site .paper-work{padding-top:40px}
.paper-site .paper-section-heading>.paper-hand{padding-top:18px;font-size:17px;line-height:1.7}
.paper-site .filter-bar{margin-top:20px}.paper-site .filters{gap:4px 20px}.paper-site .filters button{min-height:44px;padding:10px 0}
.paper-site .paper-scatter{margin-top:28px;gap:24px 22px}
.paper-site .art-card{padding-top:calc(var(--scatter-y)*.2)}
.paper-site .art-caption p{font-size:11px;line-height:1.6}
.paper-site .paper-clients{margin-top:52px}
.paper-site .paper-strangers{padding-top:52px;padding-bottom:36px}
.paper-site .commission-grid{gap:46px}.paper-site .commission-art img{height:340px}
.paper-site .event-grid{gap:32px}.paper-site .event-paper-composition{height:390px}
.paper-site .event-cutout{height:270px}.paper-site .event-image{width:72%;bottom:0}
.paper-site .learn{padding-top:18px;padding-bottom:52px;gap:32px}
.paper-site .learn-art{height:310px}.paper-site .learn-art .learn-cutout-one{height:200px;top:0}.paper-site .learn-art .learn-cutout-two{height:280px;top:0}
.paper-site .learn-art>.paper-hand{bottom:0}
.paper-site .about{padding-top:36px;padding-bottom:52px}.paper-site .about-grid{gap:52px}
.paper-site .footer{padding-top:18px;padding-bottom:30px}.paper-site .footer::before{margin-bottom:32px}
.paper-site .footer-title{font-size:clamp(48px,14vw,65px);line-height:1;overflow-wrap:break-word}
.paper-site .footer-links a,.paper-site .back-top{display:inline-flex;align-items:center;min-height:44px}
.paper-site .footer-links>div{display:flex;flex-wrap:wrap;gap:8px 24px}.paper-site .footer-links{gap:8px}
.paper-site .dialog-close{min-height:44px;min-width:88px;justify-content:center;top:7px;right:10px;gap:12px}
.paper-site .art-dialog,.paper-site .paper-portrait-dialog{width:94vw;height:92svh;max-height:92svh;overflow-x:hidden;overflow-y:auto}
.paper-site .lightbox-image,.paper-site .paper-portrait-dialog .stranger-detail-art{flex:1 0 180px;height:auto;min-height:180px;padding:52px 20px 8px}
.paper-site .lightbox-image img,.paper-site .stranger-detail-art img{max-height:42svh}
.paper-site .lightbox-info,.paper-site .paper-portrait-dialog .stranger-detail-copy{flex:0 0 auto;width:100%;min-width:0;padding:16px 24px 20px;align-self:stretch}
.paper-site .viewer-copy{min-width:0;overflow:visible}.paper-site .viewer-copy h2{font-size:clamp(30px,8vw,38px);line-height:1.05;margin-top:10px;overflow-wrap:anywhere}
.paper-site .viewer-copy p:not(.eyebrow){margin-top:10px;font-size:12px;line-height:1.6}
.paper-site .viewer-copy #art-original,.paper-site .viewer-copy .text-link{min-height:44px;max-width:100%;margin-top:8px;font-size:12px;white-space:normal}
.paper-site .lightbox-info p.sketch-swipe-hint,.paper-site .stranger-detail-copy p.sketch-swipe-hint{font-size:11px;margin-top:8px}
.paper-site .lightbox-controls,.paper-site .paper-portrait-controls{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:12px;align-items:center;margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}
.paper-site .lightbox-controls button,.paper-site .paper-portrait-controls button{width:48px;height:48px;display:grid;place-items:center;padding:0}
.paper-site .lightbox-controls>span,.paper-site .paper-portrait-controls>span{text-align:center}
.paper-site .paper-crowd-navigation button{width:44px;height:44px}
}
/* Touch needs immediate feedback, without a hover state moving the target first. */
.paper-site .art-card{cursor:pointer}
@media(hover:none),(pointer:coarse){
.paper-site .art-caption{opacity:1}
.paper-site .loose-sketch:hover,.paper-site .loose-sketch:focus-visible{transform:rotate(var(--sketch-tilt,0deg))}
.paper-site .art-card:hover,.paper-site .art-card:focus-within{transform:rotate(var(--scatter-tilt,0deg))}
.paper-site .paper-crowd-person:hover,.paper-site .paper-crowd-person:focus-visible{transform:rotate(var(--cutout-tilt,0deg))}
}
.paper-site .art-open,.paper-site .paper-crowd-person,.paper-site .menu-toggle,.paper-site .filters button,.paper-site .dialog-close,.paper-site .lightbox-controls button,.paper-site .paper-portrait-controls button{touch-action:manipulation}

/* Reenie Beanie keeps notes loose and legible against the printed type. */
.paper-site .paper-hand{font-family:var(--hand);font-weight:400;line-height:1.15;font-size:36px}
.paper-site .hero-scribble{font-size:32px}
.paper-site .paper-section-heading>.paper-hand{font-size:30px;line-height:1.15}
.paper-site .strangers-paper-heading .paper-hand{font-size:34px}
.paper-site .commission-art .paper-hand,.paper-site .learn-art>.paper-hand{font-size:32px}
.paper-site .event-image figcaption{font-family:var(--hand);font-size:25px;font-weight:400;line-height:1.15}
.paper-site .about-portrait>span{font-family:var(--hand);font-size:30px;font-weight:400;line-height:1.15}
.paper-site .footer-bottom>.paper-hand{font-size:27px}
@media(max-width:760px){
.paper-site .hero-scribble{font-size:27px;margin-bottom:18px}
.paper-site .paper-section-heading>.paper-hand{font-size:27px;max-width:300px}
.paper-site .strangers-paper-heading .paper-hand{font-size:30px}
.paper-site .commission-art .paper-hand,.paper-site .learn-art>.paper-hand,.paper-site .about-portrait>span{font-size:28px}
.paper-site .event-image figcaption{font-size:24px}
.paper-site .footer-bottom>.paper-hand{font-size:26px}
}

@media(max-width:350px){
.paper-site .paper-hero{column-gap:16px}
.paper-site .paper-hero-copy h1{font-size:49px;padding-bottom:44px}
.paper-site .hero-cutout-three{top:47px;height:210px;width:46%;right:-1%}
.paper-site .paper-hero-copy>p:not(.eyebrow){font-size:13px}
.paper-site .hero-scribble{font-size:25px}
}

/* A short, loosely spaced set of client names; the full list opens on request. */
.brands-toggle[hidden]{display:none}
@media(max-width:760px){
.paper-site .paper-clients{text-align:center}
.paper-site .paper-clients .brand-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 26px;text-align:center;margin-top:24px;font-size:22px;line-height:1.45}
.paper-site .paper-clients .brand-list li{display:block;min-width:0;max-width:100%;min-height:0;padding:0;border:0;white-space:normal;overflow-wrap:normal;font-style:normal}
.paper-site .paper-clients .brand-list li:nth-child(3n+2){margin-left:8px}
.paper-site .paper-clients .brand-list li:nth-child(5n){margin-right:10px}
.paper-site .paper-clients .brand-list li:nth-child(4n+2){font-style:normal}
.paper-site .paper-clients.brands-collapsible:not(.brands-expanded) .brand-list li:nth-child(n+9){display:none}
.paper-site .brands-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;margin-top:22px;padding:6px 0;font-size:12px;color:var(--muted);border:0}
.paper-site .brands-toggle>span:last-child{font-size:23px;color:var(--ink)}
.paper-site .brands-toggle[hidden]{display:none}
}

/* Client credits sit between the street sketches and the portfolio. */
.paper-site .paper-clients.section-pad{margin:0 auto;padding:48px 7% 40px}
@media(max-width:760px){.paper-site .paper-clients.section-pad{padding:24px 7% 20px}}