/* Approved paper-and-cream identity, 2026-10-02. Project palettes stay local. */
:root{--brand-green:#285C4D;--brand-deep:#13322B;--brand-pale:#D1E0D7;--brand-paper:#FFFDF1}
.identity-root.pf-root{--pf-paper:var(--brand-paper);--pf-ink:var(--brand-deep);--pf-accent:var(--brand-green);--pf-surface:var(--brand-pale);--pf-muted:var(--brand-green);--pf-line:var(--brand-pale);--ink:var(--brand-deep);--muted:var(--brand-green);background:var(--brand-paper);color:var(--brand-deep);--pf-font:"neue-haas-grotesk-display","Helvetica Neue",Helvetica,Arial,sans-serif;font-family:var(--pf-font);font-synthesis:none;letter-spacing:.01em;line-height:1.6}
.identity-root.pf-root[data-identity] :is(h1,h2,h3){font-family:var(--pf-font);font-weight:400;letter-spacing:.005em;word-spacing:.03em;line-height:1.18}
/* Keep display quotes and small reading text open at every page-specific size. */
.identity-root.pf-root[data-identity] .pf-quote{letter-spacing:.01em;word-spacing:.03em;line-height:1.32;max-width:42ch}
.identity-root.pf-root[data-identity] .pf-lead{line-height:1.5}
.identity-root.pf-root[data-identity] :is(figcaption,.pf-caption){line-height:1.55}
.identity-root.pf-root[data-identity] .pf-next strong{letter-spacing:.005em;line-height:1.2}
.identity-root header .personal-brand{display:flex;align-items:flex-end;gap:12px;flex-shrink:0}
.identity-root header .personal-brand>img:not(.identity-name),.identity-root header .glasses-toggle img{width:43px;height:30px;object-fit:contain}
.identity-root header .identity-name{width:180px;height:24px;object-fit:contain;max-width:none}
.identity-root header .glasses-toggle{align-items:flex-end}
.identity-root header a.name:not(.personal-brand):has(.identity-name){display:block;line-height:0}
.identity-root.rosie-project>header{background:var(--brand-deep);color:var(--brand-paper)}
.identity-root>footer{max-width:none;background:var(--brand-deep);color:var(--brand-paper);border:0;margin:0;padding:40px 5vw;align-items:center;gap:24px}
.identity-root>footer .identity-footer-logo{display:flex;align-items:flex-end;gap:10px;width:auto;margin-right:auto;flex-shrink:0;line-height:0}
.identity-root>footer .identity-footer-logo img{width:32px;height:22px;object-fit:contain;filter:none}
.identity-root>footer .identity-footer-logo .identity-name{width:150px;height:20px;max-width:none}
.identity-root :focus-visible{outline-color:currentColor}
.identity-root #all-work,.identity-root #work,.identity-root #featured{scroll-margin-top:20px}

.identity-root.photography-page header .personal-brand img{filter:none}
.identity-root.about-project .about-contact{--pf-ink:var(--brand-paper);--pf-accent:var(--brand-paper);--pf-muted:var(--brand-pale);background:var(--brand-green)}
.identity-home header{position:relative;top:auto;min-height:104px;padding:24px 4vw;background:var(--brand-paper);color:var(--brand-green);gap:24px}
.identity-home header .personal-brand>img{filter:none}
.identity-home header nav{color:var(--brand-deep);font-size:16px;gap:30px}
.identity-home header nav a{font-size:16px}
.identity-home .home-arrival{height:auto;min-height:0;background:var(--brand-paper)}
.identity-home .arrival-pin{position:relative;top:auto;display:grid;grid-template-columns:48% 52%;min-height:650px;height:calc(100svh - 104px)}
.identity-home .arrival-pin>img{left:48%;width:52%;object-position:52% center;transform:none}
.identity-home .arrival-shade{display:none}
.identity-home .arrival-copy{position:relative;left:auto;right:auto;top:auto;padding:70px 4vw 105px;align-self:center;color:var(--brand-green);transform:none;opacity:1}
.identity-home .arrival-copy h1{font-size:clamp(54px,5.8vw,96px);margin:0 0 32px}
.identity-home .arrival-copy h1 br{display:none}
.identity-home .arrival-copy>p{font-size:22px;color:var(--brand-deep);max-width:34ch}
.identity-home .arrival-scroll{color:var(--brand-green);left:4vw;bottom:32px}
.identity-home .arrival-project{color:var(--brand-paper);right:3vw;bottom:32px}
.identity-home :is(.home-food-talk,.home-shift,.home-bagels,.home-skin,.home-vetiver,.home-rosie){color:var(--brand-paper)}
.identity-home .work-gallery{background:var(--brand-pale);color:var(--brand-deep);padding:80px 4vw}
.identity-home .work-gallery-heading{padding:0 0 42px}
.identity-home .work-gallery-heading h2{font-size:clamp(48px,6vw,86px);color:var(--brand-deep)}
.identity-home .search input{border-color:var(--brand-green);color:var(--brand-deep);font-family:var(--pf-font)}
.identity-home .work-gallery .work-card>a{height:clamp(420px,45vw,650px)}

/* Shared site chrome and media controls; artwork palettes remain inside their demonstrations. */
.identity-root header .identity-name{transform:translateY(-2px)}
.identity-root>footer .identity-name{transform:translateY(-1px)}
.identity-root header img[src$="-cream.svg"]{filter:none}
.identity-root:has(>header img[src$="-cream.svg"])>header{color:var(--brand-paper)}
.identity-root .pf-hero{background:var(--brand-deep);color:var(--brand-paper)}
/* Detail photographs keep their original colors; only overlaid type gets a shadow. */
.identity-root .pf-hero::after{background:none}
.identity-root .pf-hero :is(.pf-hero-copy,.pf-hero-cue),.identity-root:has(.pf-hero)>header{text-shadow:0 1px 2px #000b,0 0 10px #0008}
.identity-root:has(.pf-hero)>header .personal-brand{filter:drop-shadow(0 1px 2px #0009)}
.identity-root .pf-hero-media{background:var(--brand-deep)}
.identity-root .pf-hero-copy{--pf-accent:var(--brand-paper);--pf-muted:var(--brand-pale)}
.identity-root main figcaption{color:var(--pf-muted)}
.identity-root :is(.contact-invitation,.about-press-list article){border-color:var(--brand-pale)}
.identity-root :is(#viewer,.pf-film-dialog){background:var(--brand-paper);color:var(--brand-deep)}
.identity-root :is(#viewer,.pf-film-dialog)::backdrop{background:#13322Bcc}
.identity-root :is(#viewer,.pf-film-dialog) .close{background:var(--brand-paper);color:var(--brand-green)}
.identity-root .film-actions button{background:#13322Bcc;border-color:var(--brand-pale);color:var(--brand-paper)}
.identity-root :is(.unbox-scroll,.skin-night){background:var(--brand-deep);color:var(--brand-paper);--pf-accent:var(--brand-paper);--pf-muted:var(--brand-pale)}
.identity-root .lab-paper{background:var(--brand-pale)}
.identity-root .lab-paper figcaption{color:var(--brand-green)}
.identity-root .eye-test{color:var(--brand-deep)}
.identity-root .eye-test.lights-down::backdrop{background:#13322B99}
.identity-home .search input::placeholder{color:var(--brand-green);opacity:1}
.identity-home .work-gallery .work-card>a{background:var(--brand-deep);color:var(--brand-paper)}
.identity-home .work-gallery .work-card>a::after{background:none}
.identity-home .work-gallery :is(.work-kind,.work-card-heading>span){color:inherit}
.identity-home .work-gallery :is(.cover-happy,.cover-lunch)>a{background:var(--brand-paper);color:var(--brand-deep)}
.identity-home .work-gallery .work-in-progress{color:var(--brand-green)}
.identity-home :is(.home-food-talk,.home-shift,.home-skin,.home-vetiver,.home-rosie){background:var(--brand-deep)}
.identity-home .feature-copy .feature-brand>a{display:block;width:fit-content;max-width:100%;margin:0;line-height:0}
.identity-home .home-video-wash{background:url('assets/skin-pour-poster.jpg') center/cover}
.identity-home .feature-pin::after{background:none}
/* Neutral text shadows keep image colors intact on feature panels and work cards. */
.identity-home :is(.feature-copy,.arrival-project,.work-gallery-caption){text-shadow:0 1px 2px #000b,0 0 10px #0008}
.identity-home :is(.feature-copy,.work-gallery-caption) .project-logo{filter:drop-shadow(0 1px 2px #0009)}
.identity-home .work-gallery :is(.cover-happy,.cover-lunch) .work-gallery-caption{text-shadow:none}
.identity-home .work-gallery :is(.cover-happy,.cover-lunch) .project-logo{filter:none}
/* Preserve project artwork: Lenore’s demos, Vetiver lockups, and Rosie’s charcoal/butter. */
.identity-root .lb-system{--pf-accent:#153e32;--pf-muted:#153e32}
.identity-root :is(.crs-opening,.crs-language,.crs-logo-stage){--pf-accent:#F1E5AC;--pf-muted:#F1E5AC}

@media(max-width:800px){
 .identity-root header .personal-brand{gap:10px}
 .identity-root>footer{align-items:flex-start;padding:32px 24px;gap:16px}
 .identity-root>footer .identity-footer-logo{width:auto;margin:0 0 4px}
 .identity-home header{min-height:88px;padding:16px 20px;gap:15px;flex-wrap:wrap}
 .identity-home header nav{gap:16px}
 .identity-home header nav a{font-size:14px}
 .identity-home .arrival-pin{display:flex;flex-direction:column;height:auto;min-height:0;padding-bottom:54px}
 .identity-home .arrival-copy{order:-1;align-self:stretch;padding:40px 24px 42px}
 .identity-home .arrival-copy h1{font-size:clamp(55px,13vw,88px);max-width:540px;margin-bottom:24px}
 .identity-home .arrival-copy>p{font-size:20px;max-width:320px}
 .identity-home .arrival-pin>img{position:relative;left:auto;height:410px;width:100%;object-position:center}
 .identity-home .arrival-shade{display:none}
 .identity-home .arrival-project{text-shadow:none;position:relative;left:auto;right:auto;bottom:auto;color:var(--brand-deep);padding:24px;gap:4px}
 .identity-home .arrival-scroll{bottom:22px;left:24px;font-size:13px}
 .identity-home .arrival-copy .browse-work{margin-top:22px}
 .identity-home .work-gallery{padding:56px 20px}
 .identity-home .work-gallery .work-card>a{height:580px}
}
@media(max-width:470px){
 .identity-root header{flex-wrap:wrap;gap:16px}
 .identity-root header nav{width:100%;justify-content:flex-start;gap:24px}
 .identity-root header .personal-brand>img:not(.identity-name),.identity-root header .glasses-toggle img{width:32px;height:22px}
 .identity-root header .identity-name{width:150px;height:20px;transform:translateY(-1px)}
 .identity-home header{gap:10px;padding:16px 20px}
 .identity-home header nav{width:100%;justify-content:flex-start;gap:24px}
 .identity-home header nav a{font-size:13px}
}