/* Color descendants of the two selected layouts; source photographs stay intact. */
.color-study{--quiet-bg:#2b1c24;--study-ink:#f0e3d1;--study-muted:#cbb5a7;--study-line:#d5b69d40;--color-grade:sepia(.12) saturate(.86) contrast(.94) brightness(1.04)}
.color-study .study-photo img,.color-study .study-photo a:hover img{filter:var(--color-grade);opacity:1}
.color-study .study-photo>a{background:#302720}
.color-study .study-photo>a:after{opacity:.105;mix-blend-mode:soft-light}
.color-study .study-photo figcaption{color:var(--study-muted)}
.color-study .viewer-print img,.color-study .building-photos img{filter:var(--color-grade)}
.color-study .tour-stage video,.color-study .tour-chapter img{filter:none}
.color-study .site-header.site-header .film-navigation a[aria-current=page]{color:#ddd1c4}
.color-study .visitor-settings #ambient-toggle{background:transparent;color:var(--study-ink);border-color:var(--study-line)}
.color-study .quiet-intro{color:var(--study-muted)}
.color-study h1{font-size:40px;font-weight:400;letter-spacing:-.035em;line-height:1.35}
.color-study h1 em{display:inline-block;font:88px/.8 Ballet,cursive;letter-spacing:0;margin-left:16px;transform:translateY(12px);font-weight:400;color:#edd7bd}
.color-study .silver-intro{align-items:center;margin-bottom:44px}
.color-study .silver-intro .quiet-intro{font-size:16px}
.color-study .silver-image{width:76%}
.color-study .silver-photo>a{aspect-ratio:1.72;max-height:53svh}
.color-study .silver-bottom{margin-top:23px}
.color-study .quiet-closing p{font-size:30px}

/* 1A; an ivory print edge, with the color of brick and daylight. */
.color-warm-print .silver-hero{padding-top:61px;padding-bottom:90px}
.color-warm-print .silver-photo{padding:8px 8px 12px;background:#e8dfcc;color:#593541}
.color-warm-print .silver-photo figcaption{color:#593541;font:italic 14px/1.4 Redaction,serif;padding:12px 7px 0}
.color-warm-print .silver-photo figcaption span{font:10px/1 Departure,monospace}
.color-warm-print .silver-photo>a{position:relative}
.color-warm-print .silver-photo>a:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,#ffd4a012,transparent 45%,#9259430b);mix-blend-mode:screen}
.color-warm-print .silver-bottom .quiet-location{color:#cdb49f}

/* 1B; the old orchid scene stays at the margin of a simpler composition. */
.color-orchid-margins{--quiet-bg:#251b21;--color-grade:saturate(.94) contrast(.97) brightness(1.02)}
.color-orchid-margins .silver-hero{isolation:isolate;position:relative;padding-top:48px;max-width:none}
.garden-margins{position:absolute;inset:0 0 -50px;pointer-events:none;z-index:-1;background-image:linear-gradient(180deg,#251b21,#251b2144 22%,#251b2144 60%,#251b21),url('/studies/scrolls/scenes/orchid-before-bloom-v29.webp');background-size:cover;background-position:center;opacity:.30;mask-image:linear-gradient(90deg,#000,transparent 38%,transparent 62%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 38%,transparent 62%,#000)}
.color-orchid-margins .site-header.site-header{background:linear-gradient(#251b21ec,#251b2190)}
.color-orchid-margins .silver-intro{display:block;text-align:center;margin-bottom:34px}
.color-orchid-margins .silver-intro .quiet-intro{font-size:15px;width:auto;margin:27px auto 0;color:#d1bcae}
.color-orchid-margins h1{font-size:35px}.color-orchid-margins h1 em{font-size:82px}
.color-orchid-margins .silver-image,.color-orchid-margins .silver-bottom{width:68%;max-width:930px}
.color-orchid-margins .silver-photo>a{aspect-ratio:1.95;max-height:50svh}
.color-orchid-margins .silver-photo figcaption{font:italic 14px/1.5 Redaction,serif}
.color-orchid-margins .quiet-photo-pair .study-photo:first-child{padding:6px 6px 10px;background:#e3d7bf}.color-orchid-margins .quiet-photo-pair .study-photo:first-child figcaption{color:#54313e;padding:10px 5px 0}

/* 3A; a color photograph supplies the environment, with one script accent. */
.color-study.quiet-full-frame{--quiet-bg:#261c23}
.color-study .frame-photo img{filter:sepia(.08) saturate(.86) contrast(.94) brightness(.93);opacity:1}
.color-study .frame-photo:after{background:linear-gradient(0deg,#281a23ed,transparent 60%,#19171d28)}
.color-study .frame-caption{grid-template-columns:1.25fr 1fr auto;gap:5%;bottom:125px}
.color-study .frame-caption h1{font-size:36px;white-space:nowrap}.color-study .frame-caption h1 em{font-size:84px;margin-left:13px;transform:translateY(11px)}
.color-study .frame-kicker{font-size:10px;color:#edd4bc;margin-bottom:25px}
.color-study .frame-caption .quiet-intro{color:#e1d2c1;font-size:16px}
.color-study .frame-caption .quiet-link{color:#f1e3ce}.color-study .frame-caption .quiet-link span{color:#d1baa9}
.color-study.quiet-full-frame .site-header.site-header{background:linear-gradient(#211823cf,transparent)}
.color-study.quiet-full-frame .site-header.site-header[data-scrolled=true]{background:var(--quiet-bg)}
.color-study.quiet-full-frame .review-return,.color-study.quiet-full-frame .visitor-settings{background:#281a23e8}
.color-color-frame .frame-open{color:#f5e3cb}

/* 3B; a faint second exposure of the existing garden at the photograph's edge. */
.color-orchid-exposure .frame-photo img{filter:sepia(.1) saturate(.88) contrast(.95) brightness(.87)}
.garden-exposure{position:absolute;z-index:0;inset:0 0 0 48%;pointer-events:none;background:url('/studies/scrolls/scenes/orchid-before-bloom-v29.webp') 92% center/auto 115% no-repeat;opacity:.38;mix-blend-mode:soft-light;mask-image:linear-gradient(90deg,transparent,#000 70%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%)}
.color-orchid-exposure .frame-photo:after{background:linear-gradient(90deg,#26141ec7,transparent 58%),linear-gradient(0deg,#281a23e0,transparent 67%)}
.color-orchid-exposure .frame-caption{left:8%;right:8%;top:34%;bottom:115px;display:flex;flex-direction:column;align-items:flex-start;justify-content:start;gap:0}
.color-orchid-exposure .frame-kicker{font-size:10px;margin-bottom:20px}
.color-orchid-exposure .frame-caption h1{font-size:44px;line-height:1.12;white-space:normal;max-width:360px}
.color-orchid-exposure .frame-caption h1 em{font-size:112px;display:block;line-height:.9;margin:13px 0 0 55px;transform:none}
.color-orchid-exposure .frame-caption .quiet-intro{font-size:17px;margin-top:45px;max-width:310px}
.color-orchid-exposure .frame-caption .quiet-link{margin-top:28px;gap:25px}
.color-orchid-exposure .frame-open{right:8%}

@media(max-width:1200px) and (min-width:701px){.color-study .frame-caption{grid-template-columns:1fr 1fr}.color-study .frame-caption .quiet-link{grid-column:2}.color-study .frame-caption h1{font-size:30px}.color-study .frame-caption h1 em{font-size:76px}.color-orchid-exposure .frame-caption h1{font-size:40px}.color-orchid-exposure .frame-caption h1 em{font-size:100px}}
@media(max-width:700px){
 .color-study .design-hero.silver-hero{padding:40px 22px 65px}.color-study h1{font-size:30px;line-height:1.4}.color-study h1 em{font-size:67px;margin-left:9px;transform:translateY(9px)}
 .color-study .silver-intro{margin-bottom:32px}.color-study .silver-intro .quiet-intro{font-size:15px;margin-top:27px}
 .color-study .silver-image,.color-study .silver-bottom{width:100%}.color-study .silver-photo>a{aspect-ratio:1;max-height:none}
 .color-warm-print .silver-photo{padding:5px 5px 9px}.color-warm-print .silver-photo figcaption{font-size:12px;padding-top:10px}
 .color-study .silver-bottom{margin-top:20px}.color-study .silver-bottom .quiet-link{font-size:13px}.color-study .silver-bottom .quiet-location{font-size:9px}
 .color-orchid-margins .silver-intro{margin-bottom:28px}.color-orchid-margins .silver-intro .quiet-intro{font-size:14px;margin-top:25px}.color-orchid-margins h1{font-size:28px}.color-orchid-margins h1 em{font-size:65px}
 .garden-margins{inset:0 0 -10px;background-position:45% center;background-size:auto 100%;opacity:.30;mask-image:linear-gradient(90deg,#000,transparent 26%,transparent 74%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 26%,transparent 74%,#000)}
 .color-orchid-margins .silver-photo figcaption{font-size:12px}
 .color-study .frame-caption{display:block;left:24px;right:24px;bottom:115px;gap:0}.color-study .frame-caption h1{font-size:29px;white-space:nowrap}.color-study .frame-caption h1 em{font-size:69px;margin-left:9px;transform:translateY(9px)}
 .color-study .frame-caption .quiet-intro{font-size:16px;margin-top:30px}.color-study .frame-caption .quiet-link{margin-top:18px}.color-study .frame-kicker{font-size:9px;margin-bottom:25px}
 .color-study .frame-photo:after{background:linear-gradient(0deg,#281a23f0,transparent 88%)}
 .color-orchid-exposure .frame-caption{left:28px;right:28px;top:31%;bottom:105px;display:flex}.color-orchid-exposure .frame-caption h1{font-size:33px;white-space:normal}.color-orchid-exposure .frame-caption h1 em{font-size:89px;display:block;line-height:.9;margin:12px 0 0 39px;transform:none}.color-orchid-exposure .frame-caption .quiet-intro{font-size:16px;margin-top:34px;max-width:270px}.color-orchid-exposure .frame-caption .quiet-link{margin-top:24px}
 .color-orchid-exposure .frame-photo:after{background:linear-gradient(90deg,#281622bd,transparent 100%),linear-gradient(0deg,#281a23e8,transparent 80%)}
 .garden-exposure{inset:0 0 0 30%;background-position:92% center;opacity:.34}
 .color-study .review-return{font-size:9px;max-width:calc(100% - 105px);gap:12px}.color-study .review-return span{font-size:9px;white-space:nowrap}
}
@media(max-width:380px){.color-study h1,.color-study .frame-caption h1{font-size:27px}.color-study h1 em,.color-study .frame-caption h1 em{font-size:61px}.color-study .review-return span{display:none}.color-orchid-exposure .frame-caption h1{font-size:32px}.color-orchid-exposure .frame-caption h1 em{font-size:85px}}
@media(max-height:720px) and (min-width:701px){.color-study .silver-hero{padding-top:35px}.color-study .silver-intro{margin-bottom:30px}.color-study .silver-photo>a{max-height:50svh}.color-orchid-exposure .frame-caption{top:23%}.color-orchid-exposure .frame-caption .quiet-intro{margin-top:30px}}