/* V0.10 — relationships drawn from the user's six selected print references.
   Ornamental rules and centered cover compositions are intentional requirements,
   overriding generic Taste advice against borders and symmetry. */
.ornament{display:block;pointer-events:none}
.ornament svg{display:block;width:100%;height:auto;overflow:visible}
.script-title{display:block;font-weight:400}
.script-title>[data-en]{display:block;position:relative}
html[lang=zh-CN] .script-title>[data-en]{display:none}
.script-title .ornament{width:100%}
.folio-site{--paper:#fbf7ef}
.folio-site:before{opacity:.035}
.ink-display{filter:url('#printed-text')}
.ink-heading{-webkit-text-stroke:.07px currentColor}
.folio-site .site-header{min-height:80px}
.folio-site .signature{font-size:15px}
.folio-site :is(.home-link,.site-header nav){font-size:14px}
.folio-site a{transition:color 220ms var(--ease)}
.folio-site .folio-bar{font-size:11px;letter-spacing:.035em}
.folio-site .folio-running{font-family:var(--serif);font-variant-caps:small-caps;font-size:14px;letter-spacing:.09em}

/* Homepage chapter pauses: small printed scallops replace full-width rules.
   Decorative, non-interactive and outside the accessibility reading order. */
.archive-home .folio-section{border-top:0;padding-top:0;margin-top:clamp(130px,13vw,200px)}
.archive-home .folio-section::before{content:'';display:block;width:30px;height:25px;margin:0 auto 64px;background:url('/assets/ornaments/shell-stamp.svg') center / contain no-repeat;filter:url('#printed-text');opacity:.68;pointer-events:none}
.archive-home footer{border-top:0}

/* P7: a bounded cover, a small maker's mark and a compact central signature. */
.archive-opening{min-height:calc(100svh - 80px);padding:58px 0 70px}
.archive-opening .folio-bar{top:4px}
.cover-sheet{width:100%;max-width:980px;padding:44px 45px 42px;border:12px solid transparent;border-image:url('/assets/ornaments/folio-border.svg') 15 round;position:relative}
.archive-opening .opening-content{max-width:680px;margin:auto}
.cover-mark{display:block;width:76px;min-height:46px;margin:0 auto 42px;color:var(--brown)}
.archive-wordmark{width:clamp(230px,20vw,265px);max-width:100%;padding:0;margin:0 auto;line-height:0}
.archive-wordmark>.wordmark-label{position:absolute;display:block;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.archive-wordmark>.ornament{display:block;position:static;width:100%;height:auto;margin:0;padding:0;animation:none}
.cover-colophon{margin-top:64px}
.archive-host{font:400 italic 15px/1.4 var(--serif);margin-top:0}
.archive-opening .opening-discipline{font:500 15px/1.5 var(--serif);letter-spacing:.08em;font-variant-caps:small-caps;margin-top:14px}
.cover-principle{font:400 italic 16px/1.5 var(--serif);margin-top:18px;color:var(--brown)}
.archive-enter{font:400 11px/1.5 var(--typewriter);margin-top:28px;min-height:44px}
.archive-opening .opening-bottom{bottom:10px}
.archive-home .edition,.archive-home .quiet-link{font-size:11px}

/* P2: tactile die-cut paper, rather than an ink drawing of a botanical. */
.archive-services{padding-bottom:65px}
.services-stage{max-width:1000px;margin:0 auto;padding:35px 28px;background:var(--paper)}
.services-layout.services-paper{display:block;position:relative;width:100%;max-width:none;aspect-ratio:auto;min-height:0;margin:0;padding:12% 12% 15% 48%;background:url('/assets/paper/services-ivory-v22.png') center / 100% 100% no-repeat}
.services-offering{min-width:0}
.service-pretitle{font:400 11px/1.6 var(--typewriter);letter-spacing:.015em;color:var(--brown)}
.services-title{font-size:inherit;line-height:1;letter-spacing:0;text-transform:none;margin-top:19px;width:min(100%,240px)}
.services-title .script-title{width:100%}
.archive-services .service-copy{font:400 italic 19px/1.4 var(--serif);max-width:34ch;margin-top:18px;color:var(--brown)}
.service-divider{width:75px;color:var(--burgundy);margin:23px 0}
.archive-services .service-list{font:400 17px/1.5 var(--serif);max-width:46ch;margin-top:0}
.service-list article{grid-template-columns:20px minmax(0,1fr);gap:10px}
.service-list article+article{margin-top:18px}
.service-list .service-number{font:400 italic 16px/1.5 var(--serif);color:var(--burgundy)}
.service-list h3{font:500 18px/1.3 var(--serif);letter-spacing:.01em}
.service-list p{font:400 16px/1.5 var(--serif);margin-top:5px;max-width:42ch}
.service-list p.service-deliverable{font:400 italic 14px/1.5 var(--serif);margin-top:7px;color:var(--brown)}
.deliverable-label{font-style:normal}
.archive-services .services-note{font:400 italic 16px/1.55 var(--serif);margin-top:27px;max-width:42ch}
.archive-services .services-enquiry{font:400 12px/1.7 var(--typewriter);margin-top:25px;display:inline-block;min-height:44px}
.services-page-bottom{display:flex;justify-content:space-between;gap:20px;max-width:740px;margin-top:35px}
.services-next{font-size:11px}
.services-work{font:400 italic 16px/1.5 var(--serif);min-height:44px;display:inline-flex;align-items:center;color:var(--burgundy)}
.archive-home .elements-introduction{margin-top:0}
.archive-home .archive-section-heading{margin-top:0;margin-bottom:70px}
.archive-home .correspondence-body{margin-top:0}

/* P1, revised: one fine rule encloses the pale image and a wider script title.
   The title just touches the image; the English note and record close the leaf.
   taste-skill-ignore: the user explicitly requests a thin portrait frame. */
.archive-project-grid{gap:6%;max-width:1050px;align-items:stretch}
.archive-project{display:flex;flex-direction:column;aspect-ratio:3/4;min-width:0;min-height:510px;padding:54px 26px 42px;border:1px solid #a99b8a} /* taste-skill-ignore: the user explicitly requests a single thin frame. */
.archive-project-artwork{display:flex;align-items:flex-end;justify-content:center;flex:1;min-height:0;padding:0}
.archive-project-image{display:block;width:76%;max-width:260px;margin:0 auto;aspect-ratio:auto;padding:0;border:0;background:transparent;overflow:visible;mix-blend-mode:multiply}
.archive-project-image img{height:auto;width:100%;max-width:100%;margin:auto;object-fit:contain;filter:none;opacity:1}
.archive-project-image:hover img,.archive-project-image:focus-visible img{transform:none}
.archive-project-caption{flex:none;position:relative;z-index:1;padding-top:0;margin-top:-18px}
.archive-project-kind{font:400 11px/1.5 var(--serif);letter-spacing:.025em;margin-top:16px}
.archive-project h3{width:100%;max-width:400px;font:400 30px/1.2 var(--serif);margin:0 auto;color:var(--brown)}
.archive-project h3>a{display:block;min-height:44px}
.archive-project-summary{font:400 italic 14px/1.55 var(--serif);max-width:30ch;margin:14px auto 0}
.archive-read{font-size:11px}

/* P1 frontispiece: the object precedes its expressive title and small record. */
.archive-document-main{max-width:1260px}
.study-cover{display:block;text-align:center;max-width:750px;margin:45px auto 65px;padding:54px 40px 40px;border:9px solid transparent;border-image:url('/assets/ornaments/folio-border.svg') 15 round;scroll-margin-top:25px}
.study-heading .project-brand{font:400 12px/1.6 var(--typewriter);letter-spacing:.035em;margin-top:18px}
.study-heading h1{width:min(100%,395px);margin:34px auto 0;font-size:48px}
.study-heading .project-thesis{font:400 italic 17px/1.5 var(--serif);max-width:36ch;margin:15px auto 0}
.study-frontispiece{display:block;width:180px;max-width:48%;padding:0;border:0;margin:0 auto}
.study-frontispiece img{height:auto;filter:grayscale(1)}
.study-frontispiece-caption{font:400 italic 16px/1.4 var(--serif);margin-top:15px;color:var(--brown)}
.study-register{font:400 11px/1.6 var(--typewriter);max-width:335px;margin:42px auto 0;text-align:left}
.study-register>div{grid-template-columns:80px minmax(0,1fr);gap:18px;margin-top:8px}
.study-cover-end{width:70px;color:var(--brown);margin:27px auto 0}
.study-contents{justify-content:center;font-size:11px;margin-bottom:60px}

/* V0.18: the same pale image, touching title and fine rule continue into cases.
   User-approved archival framing; original full-colour plates stay untouched. */
.study-cover{max-width:580px;padding:46px 34px 32px;border:1px solid #a99b8a;border-image:none}
.study-frontispiece{width:210px;max-width:76%}
.study-heading h1{position:relative;width:min(100%,360px);margin:-14px auto 0}
.study-heading .project-thesis{margin-top:15px}
.study-heading .project-brand{font:400 11px/1.5 var(--serif);margin-top:15px;letter-spacing:.025em}
.study-register{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;max-width:365px;margin:25px auto 0;font-size:10px}
.study-register>div{display:block;margin:0}
.study-register dt{color:var(--brown)}
.study-register dd{margin:3px 0 0}

/* A non-destructive view of the existing pale cover: x=40,y=0,w=350,h=437.5
   within its 1159x1357 source. This reveals the retained bottle, not a new one. */
.archive-project-image.cover-window,.study-frontispiece.cover-window{position:relative;aspect-ratio:4/5;overflow:hidden}
.archive-project-image.cover-window img,.study-frontispiece.cover-window img{position:absolute;left:-11.428571%;top:0;width:331.142857%;max-width:none;height:auto;margin:0;object-fit:initial}
.archive-project-image.cover-window:hover img,.archive-project-image.cover-window:focus-visible img{transform:none}

/* Preserve the six sparse fragment links while shortening the second index. */
.archive-home .impression-space{height:315px}
.archive-home .elements-register{margin-top:40px}
.archive-home .archive-studies{margin-top:clamp(90px,9vw,140px)}

/* P4: expressive lettering in a narrow slip, beside a large complete photo.
   Each semantic figure retains its caption, original image and enlargement. */
.archive-document .plate-1,.archive-document .plate-2,.archive-document .plate-3{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,1fr);gap:35px;align-items:start}
.archive-document .plate+.plate{margin-top:110px}
.archive-document .plate figcaption.plate-slip{display:block;padding:30px 20px 32px;background:#f2eadc;border-top:1px solid #ac9e8d;border-bottom:1px solid #ac9e8d;min-width:0}
.slip-reference{font:400 10px/1.5 var(--typewriter);color:var(--brown);letter-spacing:.025em}
.slip-project{font:500 16px/1.4 var(--serif);margin-bottom:15px}
.slip-project>span{display:block;font:400 10px/1.6 var(--typewriter);color:var(--brown);margin-top:4px}
.slip-project>a{display:inline-flex;align-items:center;min-height:44px}
.slip-back{display:inline-flex;align-items:center;min-height:44px;font:400 10px/1.6 var(--typewriter);color:var(--burgundy);margin-top:14px}
.archive-document .plate h2{font-size:32px;width:115%;max-width:none;margin-top:30px;position:relative;z-index:1}
.archive-document .plate .script-title .ornament{overflow:visible}
.archive-document .plate .slip-caption{font:500 17px/1.4 var(--serif);margin-top:25px}
.slip-divider{width:70px;margin:22px 0;color:var(--brown)}
.archive-document .plate .slip-note{font:400 16px/1.55 var(--serif);color:var(--brown);margin:0;max-width:35ch}
.archive-document .plate .slip-author{font:400 italic 14px/1.55 var(--serif);color:var(--brown);margin-top:28px}
.archive-document .plate .image-button{align-self:start}
.archive-document .plate .image-button img{width:100%;height:auto;object-fit:contain}
.archive-document .plate-2{grid-template-columns:minmax(0,1fr) minmax(0,.34fr)}
.archive-document .plate-2 .image-button{grid-column:1;grid-row:1}
.archive-document .plate-2 .plate-slip{grid-column:2;grid-row:1}
.archive-document .plate-2 h2{width:110%;margin-left:-10%}
.archive-document .rationale{font-size:21px;line-height:1.55}
.archive-document .record-label{font-size:18px}
.study-credits h3{font:500 15px/1.5 var(--serif);letter-spacing:.07em;font-variant-caps:small-caps}
.footer-mark{width:60px;min-height:48px;display:flex;align-items:center;color:var(--brown)}
.footer-mark .ornament{width:60px}
.folio-site footer{gap:20px;font-size:11px}

html[lang=zh-CN] .services-title{font:400 35px/1.5 var(--serif);letter-spacing:.15em}
html[lang=zh-CN] .service-list h3{font-size:16px;line-height:1.7}
html[lang=zh-CN] .service-list p,html[lang=zh-CN] .archive-services .services-note{font-size:14px;line-height:1.85}
html[lang=zh-CN] .archive-services .service-copy{font-size:16px;line-height:1.8}
html[lang=zh-CN] .service-list p.service-deliverable{font-size:13px;line-height:1.85}
html[lang=zh-CN] .study-heading h1{font:400 38px/1.4 var(--serif);letter-spacing:0}
html[lang=zh-CN] .archive-document .plate h2{font:400 28px/1.5 var(--serif);width:auto;margin-left:0}
html[lang=zh-CN] .archive-document .plate .slip-note{font-size:14px;line-height:1.85}
html[lang=zh-CN] .archive-document .plate .slip-caption{font-size:16px;line-height:1.8}
html[lang=zh-CN] .archive-document .plate .slip-author{font-size:13px;line-height:1.8}

@media(max-width:900px){
 .services-stage{padding:22px 15px}
 /* The mobile artwork is one complete long sheet. Trim transparent canvas
    with CSS only; auto image height preserves a uniform scale on both axes. */
 .services-layout.services-paper{width:100%;max-width:440px;aspect-ratio:510/2113;min-height:0;margin-inline:auto;padding:0;background:url('/assets/paper/services-ivory-mobile-v25.png') 48.598131% 49.152542% / 141.960784% auto no-repeat}
 .services-paper .services-offering{position:absolute;inset:4% 4% 10% 42%;display:flex;flex-direction:column}
 .services-paper .services-offering>*{flex-shrink:0}
 .archive-services .services-paper .services-enquiry{margin-top:auto;align-self:flex-start}
 .services-paper .service-list h3{overflow-wrap:anywhere;hyphens:auto}
 .archive-project{padding:38px 20px 32px}.archive-project-caption{margin-top:-14px}
 .archive-document .plate-1,.archive-document .plate-2,.archive-document .plate-3{grid-template-columns:minmax(0,.43fr) minmax(0,1fr);gap:22px}
 .archive-document .plate-2{grid-template-columns:minmax(0,1fr) minmax(0,.43fr)}
 .archive-document .plate figcaption.plate-slip{padding:24px 15px}
}
@media(max-width:650px){
 .folio-site .site-header{min-height:72px;gap:0;grid-template-columns:auto 1fr}
 .folio-site .site-header .signature{display:none}
 .folio-site .site-header nav{gap:15px}
 .folio-site :is(.home-link,.site-header nav){font-size:14px}
.archive-home .folio-section{margin-top:100px}
.archive-home .folio-section::before{width:27px;height:23px;margin-bottom:46px}
 .archive-opening{min-height:calc(100svh - 72px);padding:32px 0 65px}
 .cover-sheet{padding:32px 13px 29px;border-width:8px}
 .cover-mark{width:64px;margin-bottom:33px}
 .archive-wordmark{width:220px;max-width:100%}
 .cover-colophon{margin-top:50px}
 .archive-host{font-size:14px;margin-top:0}
 .archive-opening .opening-discipline{font-size:14px;line-height:1.5;margin-top:12px;letter-spacing:.04em}
 .cover-principle{font-size:15px;margin-top:14px}
 .archive-enter{font-size:11px;margin-top:23px}
 .archive-home .edition,.archive-home .quiet-link{font-size:10px}
 .services-stage{padding:14px 6px;margin:0 -18px}
 .service-pretitle{font-size:10px}
 .services-title{width:min(100%,210px);margin-top:19px}
 .service-list h3{font-size:18px}.service-list p{font-size:15px;line-height:1.5}
 .services-paper .service-divider{margin-block:20px}
 .services-paper .service-list article+article{margin-top:16px}
 .services-paper .service-list p.service-deliverable{margin-top:6px}
 .service-list article{grid-template-columns:16px minmax(0,1fr);gap:7px}
 .archive-services .service-copy{font-size:18px}.archive-services .services-note{font-size:16px}
 .archive-services .services-enquiry{font-size:11px;overflow-wrap:anywhere}
 .services-page-bottom{margin-top:27px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
 .services-work{font-size:15px}
 .archive-home .archive-section-heading{margin-bottom:52px}
 .archive-project-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:75px;max-width:480px}
 .archive-project+.archive-project{margin-top:0}
 .archive-project{aspect-ratio:auto;padding:40px 20px 32px;min-height:clamp(480px,145vw,620px)}
 .archive-project-image{width:76%;max-width:240px}
 .archive-project-caption{margin-top:-12px}
 .archive-project h3{width:100%;max-width:400px;margin-top:0}
 .study-cover{margin:30px auto 45px;padding:32px 22px 26px;border-width:1px}
 .study-heading .project-brand{font-size:11px}
 .study-heading h1{max-width:310px;font-size:36px;margin-top:-12px}
 .study-heading .project-thesis{font-size:16px;line-height:1.5}
 .study-frontispiece{width:180px;max-width:76%;margin-top:0}
 .study-register{font-size:10px;margin-top:24px;gap:11px 16px}
 .study-register>div{grid-template-columns:65px minmax(0,1fr);gap:8px}
 .study-contents{font-size:11px;gap:0 17px;margin-bottom:40px}
 .archive-home .impression-space{height:280px}
 .archive-document .plate-1,.archive-document .plate-2,.archive-document .plate-3{display:flex;flex-direction:column;gap:22px;width:100%;margin-inline:0}
 .archive-document .plate+.plate{margin-top:65px}
 .archive-document .plate figcaption.plate-slip{width:min(92%,350px);padding:25px 22px;align-self:flex-start}
 .archive-document .plate-2 figcaption.plate-slip{align-self:flex-end}
 .archive-document .plate h2,.archive-document .plate-2 h2{width:95%;max-width:275px;margin:22px 0 0;font-size:31px}
 .archive-document .plate .slip-caption{margin-top:18px}
 .slip-divider{margin:18px 0;width:60px}
 .archive-document .plate .slip-note{font-size:16px;line-height:1.5;max-width:38ch}
 .archive-document .plate .slip-author{margin-top:20px}
 .folio-site footer{display:flex;align-items:center;justify-content:space-between;gap:10px 15px}
 .folio-site footer>p:first-child{flex-basis:calc(100% - 75px)}
 .folio-site footer>p+p{margin-top:0}.folio-site footer>a{margin-top:0}
 .folio-site footer>.footer-mark{order:-1;flex-basis:100%}
}
@media(max-width:360px){
 .folio-site .site-header nav{gap:10px}
 .service-pretitle{font-size:9px;line-height:1.5}
 .services-paper .services-title{margin-top:14px}
 .services-paper .service-divider{margin-block:14px}
 .services-paper .service-list h3{font-size:16px}
 .services-paper .service-list p{font-size:14px;line-height:1.45}
 .services-paper .service-list p.service-deliverable{font-size:12px;line-height:1.45}
 .services-paper .service-list article+article{margin-top:12px}
 .archive-services .services-paper .service-copy{font-size:16px}
 .archive-services .services-paper .services-note{font-size:14px;line-height:1.5;margin-top:18px}
 html[lang=zh-CN] .services-paper .services-title{font-size:30px;line-height:1.4}
 html[lang=zh-CN] .services-paper .service-list h3{font-size:16px;line-height:1.4}
 html[lang=zh-CN] .services-paper .service-list p{font-size:14px;line-height:1.6}
 html[lang=zh-CN] .services-paper .service-list p.service-deliverable{font-size:12px;line-height:1.6}
 html[lang=zh-CN] .archive-services .services-paper .service-copy{font-size:16px;line-height:1.5;margin-top:14px}
 html[lang=zh-CN] .archive-services .services-paper .services-note{font-size:14px;line-height:1.6}
 .cover-sheet{padding-inline:8px}.archive-wordmark{width:205px}
}

/* V0.19: an open lace letter is the cover. The three English lines are the
   user's exact cover identity; discipline remains a quiet bilingual margin. */
.archive-opening.letter-opening{min-height:calc(100svh - 80px);padding:24px 0 76px;display:grid;place-items:center}
/* User FIX: reduce the cover artwork to two-thirds of its previous linear size. */
.letter-scene{position:relative;width:clamp(193.333px,min(50.666667vw,calc((100svh - 190px)*.533333)),393.333px);max-width:100%;container-type:inline-size}
.letter-envelope{display:block;width:100%;height:auto}
.letter-copy{position:absolute;top:34%;left:19%;width:62%;text-align:center;color:var(--ink)}
.letter-title{width:100%;margin:0;padding:0;font-size:inherit;line-height:0}
.letter-title .script-title,.letter-title .ornament{display:block;width:100%}
.letter-credit{font:400 italic 13px/1.4 var(--serif);font-size:clamp(10px,3cqw,15px);margin-top:clamp(12px,4cqw,18px);white-space:nowrap}
.letter-motto{font:400 italic 12px/1.4 var(--serif);font-size:clamp(10px,2.8cqw,14px);margin-top:2px;white-space:nowrap}
.letter-discipline{position:absolute;left:0;bottom:24px;margin:0;font:500 12px/1.5 var(--serif);font-variant-caps:small-caps;letter-spacing:.06em;color:var(--brown)}
@media(max-width:650px){
 .archive-opening.letter-opening{min-height:calc(100svh - 72px);padding:16px 0 80px}
 /* A definite viewport width avoids a cyclic percentage inside the
    inline-size-contained grid item, which otherwise collapses the cover. */
 .letter-scene{width:clamp(180px,min(calc((100vw - 48px)*.666667),calc((100svh - 175px)*.533333)),293.333px)}
 .letter-discipline{bottom:20px;font-size:11px;letter-spacing:.04em}
}

/* The first two chapter stamps sit halfway between the adjacent sections.
   Services' stage padding is included in the lower-side measurement. */
.archive-home{--chapter-shell-gap:clamp(64px,6vw,84px)}
.archive-home #services{margin-top:var(--chapter-shell-gap);padding-bottom:0}
.archive-home #elements{margin-top:var(--chapter-shell-gap)}
.archive-home #services::before{margin-bottom:calc(var(--chapter-shell-gap) - 35px)}
.archive-home #elements::before{margin-bottom:var(--chapter-shell-gap)}
@media(max-width:650px){
 .archive-home #services::before{margin-bottom:calc(var(--chapter-shell-gap) - 14px)}
}

/* V0.23: a blind-embossed stationery note, based on the user's reference.
   The paper is a blank texture; titles, project images and links remain live. */
.archive-home #selected-work .archive-project-grid{max-width:1120px;gap:clamp(40px,5vw,80px);align-items:start}
.archive-home #selected-work .study-note{display:block;aspect-ratio:auto;min-height:0;padding:0;border:0;background:none}
.study-note-paper{position:relative;width:100%;aspect-ratio:5/7;background:url('/assets/paper/study-note-v23.png') center / 100% 100% no-repeat}
.archive-home #selected-work .study-note .note-heading{position:absolute;top:13.2%;left:24%;width:52%;max-width:none;margin:0;padding:0;line-height:0;color:#1d1916}
.study-note .note-heading>a{display:block;min-height:44px}
.note-photo-mount{position:absolute;top:27%;left:24%;width:52%;aspect-ratio:4/5;isolation:isolate;border:6px solid #f7f6f0;background:#f7f6f0}
.note-photo-mount::before{content:'';position:absolute;z-index:-1;inset:-15px -12px;background:#e6e1d5 url('/assets/paper-grain.svg');clip-path:polygon(1% 1%,17% 0,33% 1%,52% 0,70% 1%,87% 0,100% 1%,99% 19%,100% 39%,99% 57%,100% 78%,99% 99%,80% 100%,62% 99%,44% 100%,23% 99%,0 100%,1% 78%,0 59%,1% 39%,0 20%);transform:rotate(-.35deg)}
.archive-home #selected-work .study-note .archive-project-image{position:relative;z-index:1;width:100%;height:100%;max-width:none;margin:0;padding:0;aspect-ratio:auto;overflow:hidden;background:transparent;mix-blend-mode:multiply}
.archive-home #selected-work .study-note .archive-project-image:not(.cover-window) img{width:100%;height:100%;object-fit:cover}
.archive-home #selected-work .study-note .archive-project-image.cover-window img{height:auto;max-width:none}
.study-note .note-brand{position:absolute;top:77%;left:16%;width:68%;height:9.5%;margin:0;line-height:0;color:#1d1916}
.study-note .note-brand .script-title,.study-note .note-heading .script-title{width:100%}
.study-note .note-brand .script-title,.study-note .note-brand .ornament,.study-note .note-brand svg{height:100%}
.archive-home #selected-work .study-note .archive-project-caption{position:static;z-index:auto;margin:0;padding:0}
.archive-home #selected-work .study-note .archive-project-summary{margin:20px auto 0;font:400 italic 14px/1.5 var(--serif);max-width:30ch}
.archive-home #selected-work .study-note .archive-project-kind{margin:7px auto 0;font:400 10px/1.5 var(--serif);letter-spacing:.07em;text-transform:uppercase}
@media(max-width:760px){
 .archive-home #selected-work .archive-project-grid{grid-template-columns:minmax(0,1fr);max-width:500px;gap:65px}
 .note-photo-mount{border-width:4px}
 .note-photo-mount::before{inset:-11px -9px}
 .archive-home #selected-work .study-note .archive-project-summary{margin-top:18px}
}