/* River Arts direction: printed paper, expressive type, and a curious neighbor. */
:root{--paper:#f6efdf;--ink:#283f35;--green:#294c43;--orange:#b94c2d;--blue:#526d89;--line:#c9c2af;--muted:#586558}
body.river-arts{background:var(--paper) url('assets/paper-grain.svg');overflow-x:clip}
.river-arts .wrap{width:min(1240px,calc(100% - 112px))}
.site-header{height:118px;border-bottom:0}.site-header nav{font-size:14px;gap:29px}.wordmark .studio-logo{width:91px}.site-header nav>a{position:relative}.site-header nav>a:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--orange);transform:scaleX(0) rotate(-2deg);transform-origin:left;transition:transform .18s}.site-header nav>a:hover:after{transform:scaleX(1) rotate(-2deg)}
.button{border-radius:5px 8px 5px 7px;background:var(--green);border:1px solid var(--green);box-shadow:3px 3px 0 #a9b099;color:#fffdf1;padding:17px 23px;font-size:13px}.button:hover{transform:translate(-1px,-2px);box-shadow:5px 5px 0 #a9b099}.button.small{background:transparent;color:var(--ink);box-shadow:2px 2px 0 var(--green)}.button.small:hover{background:#ebe3cf}.light{background:#f6efdf;color:var(--ink);border-color:var(--ink);box-shadow:3px 3px 0 #172b21}.light:hover{background:#fff9eb}.eyebrow{letter-spacing:1.7px;font-size:10px}.hero{grid-template-columns:1.05fr 1fr;gap:8px;padding-top:42px;padding-bottom:65px}.hero-copy{position:relative;z-index:1}.hero .eyebrow{margin-bottom:27px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,6.2vw,88px);font-weight:700;letter-spacing:-4.8px;line-height:1.03;margin-bottom:30px}.hero h1 .serif{font-weight:400;color:var(--orange);letter-spacing:-4px}.wild-word{position:relative;display:inline-block;transform:rotate(-4deg)}.wild-word svg{position:absolute;left:-4%;width:110%;height:20px;bottom:-15px;fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round}.hero-description{max-width:420px;font-size:16px;line-height:1.85;color:#4d5e50}.hero-actions{margin-top:25px;gap:25px}.location{margin-top:29px}.print-collage{position:relative;align-self:center;transform:translateY(5px);width:100%}.print-collage>img{width:110%;max-width:none;display:block;height:auto;margin-left:-4%}.studio-sticker{position:absolute;right:-2%;top:3%;width:128px;height:128px;border-radius:50%;background:#e9c85f;color:#294c43;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;font-size:10px;font-weight:700;line-height:1.5;letter-spacing:1px;transform:rotate(12deg);border:1px dashed #8b813e;box-shadow:0 0 0 6px #e9c85f}.studio-sticker svg{width:24px;height:24px;stroke:#294c43;stroke-width:2;margin-top:10px}.studio-ribbon{display:flex;gap:35px;align-items:center;justify-content:center;background:var(--green);color:var(--paper);padding:21px 28px;transform:rotate(-1deg);margin:17px -10px 20px;font-family:Georgia,serif;font-size:22px;font-style:italic;white-space:nowrap;border-block:1px solid var(--green)}.studio-ribbon i{color:#e5c567;font-size:25px;font-style:normal}
h2{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(36px,3.6vw,50px);letter-spacing:-1.8px;line-height:1.15}h2 .serif{letter-spacing:-1.6px;color:var(--orange)}.section{padding-top:100px;padding-bottom:100px}.section-heading{margin-bottom:50px}.section-heading>p:last-child{font-size:15px}.section-heading .eyebrow{margin-bottom:18px}#services{display:grid;grid-template-columns:.8fr 1.4fr;gap:64px;align-items:start}#services .section-heading{position:sticky;top:45px;margin-bottom:0;padding-top:28px}.services{grid-template-columns:1fr 1fr;gap:23px;border:0}.service,.service:first-child,.service:last-child{padding:26px 25px 23px;border:1px solid #c7bfaa;background:#f9f4e7;box-shadow:3px 5px 0 #283f3510;border-radius:1px;transform:rotate(-2deg)}.service:nth-child(2){background:#e8c973;transform:translateY(24px) rotate(2deg)}.service:nth-child(3){background:#d4d5e4;transform:rotate(1deg)}.service:nth-child(4){background:#dce2cc;transform:translateY(24px) rotate(-1.5deg)}.service:before{content:'';position:absolute;width:65px;height:19px;top:-10px;left:calc(50% - 32px);background:#d2c8a79c;transform:rotate(3deg)}.service:hover{background:#fff8e8;transform:translateY(-4px) rotate(0)}.service:nth-child(2):hover,.service:nth-child(4):hover{transform:translateY(20px) rotate(0)}.service-number{font:italic 16px Georgia,serif}.service svg{width:48px;height:42px;margin:14px 0 19px}.service h3{font-family:var(--display);font-size:21px;line-height:1.25}.service p{font-size:13px;color:#455547}.service-bottom{font-size:10px;border-top:1px solid #283f3526;padding-top:15px}.service svg,.service:nth-child(2) svg,.service:nth-child(3) svg{stroke:var(--green)}
.work-section{position:relative;background:#e8e3d4 url('assets/paper-grain.svg');margin-top:35px;border-block:1px solid #c7bfaa}.work-section:before{content:'';position:absolute;top:-9px;left:0;right:0;height:12px;background:#e8e3d4;clip-path:polygon(0 80%,3% 10%,7% 60%,12% 15%,18% 80%,24% 10%,31% 65%,39% 0,46% 75%,54% 20%,61% 80%,69% 5%,75% 60%,83% 20%,91% 80%,96% 10%,100% 70%,100% 100%,0 100%)}.work-heading{align-items:center;gap:50px}.work-heading>p{max-width:290px}.work-heading h2{font-size:43px}.work-grid{gap:42px;align-items:start}.work-card{background:#faf5e8;padding:13px 13px 0;box-shadow:2px 5px 0 #283f3520;transform:rotate(-2deg);border:1px solid #c4bdac}.work-card:nth-child(2){transform:rotate(2deg);margin-top:34px}.project-art{aspect-ratio:1.3}.project-caption{padding:0 10px 13px;gap:14px}.tag{border-style:dashed}.work-note{margin-top:46px;max-width:660px;font-size:11px}.haunted{background:#323047}.cryptid{background:#d3dc73}.about{gap:80px;align-items:center}.about>div:first-child{position:relative}.about .eyebrow{max-width:220px}.about-stamp{width:290px;height:315px;margin:45px 0 0;background:#e8c973;border:0;border-radius:1px;transform:rotate(-6deg);box-shadow:5px 6px 0 #294c4314}.about-stamp:before{content:'';position:absolute;top:-12px;width:110px;height:28px;background:#d4c9a5a1;transform:rotate(4deg)}.about-stamp img{width:210px}.about-stamp span{font-size:9px;letter-spacing:1.2px}.about .large-copy{font-size:21px}.about p{font-size:15px}.signature{font-size:24px;color:var(--orange);transform:rotate(-3deg)}.process{border-top:2px dashed #c9c2af}.process ol{gap:35px}.process li{border-top:0;position:relative}.process li:not(:last-child):after{content:'⤳';position:absolute;right:0;top:0;font:35px Georgia,serif;color:var(--orange);transform:rotate(-10deg)}.process li>span{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid var(--green);border-radius:50% 45% 48% 43%;font:italic 17px Georgia,serif;color:var(--green);background:#e7c978}.process h3{font-family:Georgia,serif;font-size:25px}.process li p{font-size:14px}
.contact{background:#bb593a url('assets/paper-grain.svg');color:#fff5e4;padding:80px 0 70px;position:relative}.contact:before{content:'';position:absolute;left:0;right:0;top:-10px;height:12px;background:#bb593a;clip-path:polygon(0 60%,8% 10%,16% 65%,24% 5%,32% 60%,40% 20%,48% 70%,56% 0,64% 50%,72% 20%,80% 70%,88% 5%,96% 60%,100% 20%,100% 100%,0 100%)}.contact h2{font-size:clamp(40px,5.2vw,73px);letter-spacing:-2.5px}.contact h2 .serif{color:#f3d37a}.contact .eyebrow,.contact-bottom p{color:#fff5e4}.contact-bottom{padding-right:100px}.contact-bottom p{font-size:15px}.contact .button{white-space:nowrap}.contact .wrap{padding-right:15px}footer{min-height:135px;padding-right:100px}footer p{font-family:Georgia,serif;font-size:13px;font-style:italic}dialog{background:#faf5e8;border:1px solid var(--green);border-radius:5px;box-shadow:7px 7px 0 #0002}dialog h2{font-family:Georgia,serif}.close{min-width:44px;min-height:44px}
.woodland-visitor{position:fixed;right:0;bottom:24px;width:180px;height:330px;z-index:8;pointer-events:none}.sasquatch-peek{width:100%;height:100%;transform:translateX(var(--peek-x,110%)) rotate(-7deg);transform-origin:bottom right;will-change:transform}.sasquatch-peek img{width:100%;height:auto;display:block;filter:drop-shadow(-2px 1px 0 #f6efdf88)}.sasquatch-bubble{position:absolute;right:105px;bottom:253px;white-space:nowrap;padding:14px 18px;min-height:48px;border:2px solid #223b32;border-radius:50% 43% 47% 40%;background:#fff9e9;color:#223b32;font:italic 21px Georgia,serif;pointer-events:auto;box-shadow:3px 3px 0 #223b3222;transform:rotate(-7deg)}.sasquatch-bubble:after{content:'';position:absolute;right:8px;bottom:-12px;width:16px;height:18px;background:#fff9e9;clip-path:polygon(0 0,100% 0,100% 100%)}.sasquatch-bubble span{font:16px Arial,sans-serif;margin-left:9px}.sasquatch-bubble:hover{background:#e8c973}.sasquatch-bubble:hover:after{background:#e8c973}.sasquatch-bubble[hidden]{display:none}.modal-open .woodland-visitor{visibility:hidden}.woodland-visitor:has(.sasquatch-bubble:focus-visible) .sasquatch-peek{transform:translateX(24%) rotate(-7deg)}
@media(max-width:1100px){.river-arts .wrap{width:calc(100% - 64px)}.hero h1{font-size:67px;letter-spacing:-3.8px}.hero-description{font-size:15px}.studio-sticker{width:105px;height:105px;font-size:8px;right:1%}.studio-ribbon{font-size:19px;gap:23px}#services{grid-template-columns:.72fr 1.4fr;gap:35px}.service,.service:first-child,.service:last-child{padding:22px 18px}.service h3{font-size:19px}.about{gap:50px}.work-heading h2{font-size:36px}.work-grid{gap:26px}}
@media(max-width:800px){.site-header nav{gap:17px;font-size:12px}.hero h1{font-size:57px}.hero-actions{gap:16px}.studio-ribbon{font-size:17px;gap:20px}.studio-ribbon>span:last-child,.studio-ribbon>i:last-of-type{display:none}#services{grid-template-columns:1fr;gap:25px}#services .section-heading{position:static;padding:0}.services{gap:30px}.service p{font-size:14px}.about-stamp{width:240px;height:280px}.about-stamp img{width:170px}.contact-bottom{padding-right:70px}}
@media(max-width:720px){.river-arts .wrap{width:calc(100% - 40px)}.site-header{height:94px}.site-header nav{top:94px;background:#f6efdf url('assets/paper-grain.svg');padding-bottom:28px}.wordmark .studio-logo{width:79px}.menu-toggle{min-width:60px;min-height:44px}.hero{padding-top:32px;padding-bottom:27px;gap:22px;grid-template-columns:1fr}.hero h1{font-size:clamp(51px,12vw,72px);letter-spacing:-3px;line-height:1.04;margin-bottom:26px}.hero h1 .serif{letter-spacing:-2.6px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:25px}.hero-description{font-size:15px;max-width:390px}.wild-word svg{bottom:-10px;height:16px}.hero-actions{gap:23px;flex-wrap:wrap}.hero .button{font-size:12px;padding:15px 18px}.hero .location{font-size:10px;margin-top:27px}.print-collage{width:100%;margin:0;max-width:480px;justify-self:center;transform:none}.print-collage>img{width:100%;margin:0}.studio-sticker{right:4%;top:5%;width:91px;height:91px;font-size:7px;box-shadow:0 0 0 4px #e9c85f}.studio-sticker svg{width:18px;height:18px;margin-top:7px}.studio-ribbon{font-size:15px;gap:17px;padding:18px 10px;justify-content:center;margin-top:0}.studio-ribbon i{font-size:19px}.studio-ribbon>span:nth-of-type(3),.studio-ribbon>i:nth-of-type(2){display:none}.section{padding-top:62px;padding-bottom:62px}h2{font-size:36px;letter-spacing:-1.5px}.section-heading{margin-bottom:32px}.section-heading>p:last-child{font-size:14px}#services{gap:14px}.services{gap:18px}.service,.service:first-child,.service:last-child{padding:23px 15px 18px;border:1px solid #c7bfaa}.service:nth-child(2),.service:nth-child(4){transform:translateY(18px) rotate(1deg)}.service:nth-child(2):hover,.service:nth-child(4):hover{transform:translateY(14px)}.service h3{font-size:17px}.service p{font-size:12px;line-height:1.7}.service-bottom{font-size:9px}.service svg{margin:15px 0 20px}.work-section{margin-top:18px}.work-heading h2{font-size:33px}.work-heading>p{max-width:none}.work-grid{gap:28px;padding-inline:3px}.work-card{padding:10px 10px 0;transform:rotate(-1.5deg)}.work-card:nth-child(2){margin-top:5px;transform:rotate(1.5deg)}.project-caption{padding:0 3px 15px;gap:8px}.project-caption p{font-size:10px}.work-note{margin-top:31px;font-size:10px}.project-art{aspect-ratio:1.12}.haunted-title,.cryptid-title{font-size:33px}.art-tag{font-size:7px;left:16px}.about{gap:25px}.about .eyebrow{max-width:none}.about .large-copy{font-size:19px}.about p{font-size:14px}.about-stamp{display:none}.signature{font-size:22px}.process ol{gap:30px 24px}.process li:nth-child(2):after{display:none}.process li p{font-size:13px}.process h3{font-size:23px}.contact{padding:56px 0 50px}.contact h2{font-size:39px;letter-spacing:-1.9px}.contact .wrap{padding-right:0}.contact-bottom{padding-right:0}.contact-bottom p{font-size:14px;max-width:280px}.contact-bottom .button{margin-right:75px}.woodland-visitor{width:100px;height:184px;bottom:17px}.sasquatch-bubble{right:64px;bottom:139px;font-size:17px;min-height:46px;padding:12px 15px}footer{padding-right:65px;gap:18px;min-height:155px}footer p{font-size:12px;flex-basis:100%}footer>span{font-size:9px}footer .studio-logo{width:69px}}
@media(prefers-reduced-motion:reduce){.sasquatch-peek{will-change:auto}.wild-word,.studio-ribbon{transform:none}.button:hover{transform:none}}

html:has(body.river-arts){overflow-x:clip}
@media(max-width:720px){.services .service:nth-child(n){padding:23px 15px 18px}}
/* Keep the speech bubble above the walking silhouette's face. */
.sasquatch-bubble{bottom:292px}
@media(max-width:720px){.sasquatch-bubble{bottom:166px}}