/* DIVAD / design study. The original site remains outside this folder. */
:root{--ink:#22231f;--paper:#f7f4ee;--orange:#ff5b23;--sage:#85947d;color:var(--ink)}
body{background:#fff}.nav{border-bottom-color:#e3ddd3;position:relative}.brand{position:relative}.brand:after{content:'';position:absolute;width:7px;height:7px;background:var(--orange);right:-14px;top:5px}.nav-note{color:#8c9483}.nav nav a.active{text-decoration:none;color:var(--orange)}.nav nav a.active:after{content:'';height:3px;background:var(--orange);display:block;margin-top:5px;transform:rotate(-3deg)}.nav nav a:hover{color:var(--orange)}
.eyebrow{color:#89947f}.page-title{position:relative}.page-title .dot{color:var(--orange)}
.entrance{background:var(--paper)}.entrance:before{content:'';position:absolute;top:0;left:0;right:0;height:9px;background:var(--orange)}.entrance-center>.eyebrow{color:#6e7965}.entrance-line{font-size:clamp(18px,2.2vw,28px)}.enter-link{border-bottom:0!important;background:var(--orange);color:#fff;padding:18px 25px;gap:45px}.entrance-index{color:#829179}.entrance h1 .dot{color:var(--orange)}
.camera-work-heading{position:relative}.camera-work-heading:before{content:'';display:block;width:34px;height:8px;background:var(--sage);margin:0 auto 28px;transform:rotate(-5deg)}.camera-work-heading>p:last-child{color:#7b8172}.camera-label{border-top:1px solid #e6ded4;padding-top:18px;color:#65594c}.camera-label>span{color:var(--orange)}.camera-choice:hover .camera-label{border-top-color:var(--orange)}
#films{background:var(--paper);border-top:6px solid var(--orange)}.film-project-top a{color:var(--orange);border-bottom-color:var(--orange)}.film-project h2 .dot{color:var(--sage)}.film-play{box-shadow:12px 12px 0 #e4e6da}.play-mark{background:var(--orange)!important}.film-hero{border-left:8px solid var(--orange);margin-top:45px;padding-top:15px;padding-bottom:20px}.projection-kicker{color:#86927b}.projection-controls>span{color:#8b947f}.projection-wall{box-shadow:12px 18px 50px #77664d0b}.projector-back{color:#88917e}
#blog{background:linear-gradient(#fcf7f0 0 320px,#fff 320px);border-top:6px solid #88957f}.journal-heading .page-title{max-width:850px}.journal-heading .page-title:after{content:'';display:block;width:65px;height:7px;background:var(--orange);margin-top:25px;transform:rotate(-3deg)}.blog-intro{margin-top:28px}.backyard-page #posts .post{box-shadow:4px 12px 20px #65523720}.backyard-page #posts:before{border-bottom-color:#9b8060}.backyard-page #posts .post:hover{box-shadow:6px 20px 30px #65523725}.text-link{color:var(--orange)}
#about{background:var(--paper);border-top:6px solid var(--orange)}.about-layout{gap:7vw}.about-bio{padding-top:10px}.bio-director{color:var(--orange)}.bio-filmmaker{color:#6f8065}.bio-photographer{color:var(--ink)}.about-statement:after{content:'';display:block;width:62px;height:8px;background:var(--sage);margin-top:30px;transform:rotate(-4deg)}.about-slide-frame{box-shadow:12px 12px 0 #f6b291;overflow:hidden}.about-slide-controls{margin-top:25px}.contact-heading{color:#7e8973}.contact-email{font-size:clamp(16px,2.2vw,25px);letter-spacing:-.03em}.contact-instagram{color:#6e7e64}.contact-toggle{background:transparent;border-bottom-color:var(--orange)}.contact-block input,.contact-block select,.contact-block textarea{background:#fffcf8;border-color:#dcd3c8}.contact-send{background:var(--orange)!important;color:#fff!important;padding:15px 30px!important;border:0!important}
.category-page .collection-heading strong{color:var(--orange)}.category-card figure{box-shadow:9px 9px 0 #ece7dc}.category-card:nth-child(even) figure{box-shadow:9px 9px 0 #e4e9df}.category-card h2 span{color:var(--orange)}.category-meta{color:#87917b}
footer{background:var(--orange);color:white;border:0!important;padding-top:35px;padding-bottom:35px}footer span{color:#fff!important}.is-explore #work{border-bottom:0}.is-explore #films,.is-explore #blog,.is-explore #about{border-bottom:0}.design-original{position:fixed;bottom:17px;right:17px;z-index:50;background:#fff;color:#222;font-size:10px;letter-spacing:.04em;padding:12px 16px;border:1px solid #ded7ce;box-shadow:0 3px 14px #00000008}
@media(max-width:700px){.nav-note{display:none}.film-hero{margin-top:25px;border-left-width:5px}.about-slide-frame{box-shadow:7px 7px 0 #f6b291}.design-original{bottom:10px;right:10px;padding:10px}.about-layout{gap:40px}.contact-email{font-size:19px}}
/* Keep the portrait clean without the offset backing layer. */
.about-slide-frame{box-shadow:none}
@media(max-width:700px){.about-slide-frame{box-shadow:none}}
/* Crisp white surfaces replace the warm paper palette. */
:root{--paper:#fff}
.entrance,#films,#about,#blog{background:#fff}
.contact-block input,.contact-block select,.contact-block textarea{background:#fff;border-color:#ddd}
.category-card figure,.category-card:nth-child(even) figure{box-shadow:9px 9px 0 #f2f2f2}
.nav{border-bottom-color:#e5e5e5}.camera-label{border-top-color:#e5e5e5}
.design-original{border-color:#ddd}
.blog-intro .intro-stories{color:#6f8065}

.entrance .name-letter{display:inline-block;position:relative;transform-origin:50% 80%;transition:transform .3s cubic-bezier(.2,.75,.3,1)}@media(hover:hover) and (prefers-reduced-motion:no-preference){.entrance .name-letter:hover{transform:translateY(-.025em) scale(1.16);z-index:1}}