/* AVON: Editorial illustration system · November 2026 */
:root{--archive-paper:#f8f4eb;--archive-ink:#1c4436;--archive-line:#d5d5c7;--archive-muted:#52675c}
/* The final cover is still being painted; the photograph here is a visual concept. */
.book-art{isolation:isolate}.actual-book{position:relative;width:min(100%,365px);margin:12px auto 20px;transform:perspective(1100px) rotateY(-7deg) rotateZ(-1deg);transform-origin:bottom center;filter:drop-shadow(22px 28px 26px rgba(24,31,25,.27));transition:transform .6s ease}.actual-book:hover{transform:perspective(1100px) rotateY(-2deg) rotateZ(0)}.actual-book>img{display:block;position:relative;width:100%;height:auto;aspect-ratio:1447/2048;object-fit:cover;box-shadow:inset 0 0 8px #0009;border-radius:1px 5px 5px 1px}.actual-book-spine{position:absolute;top:0;bottom:0;left:-12px;width:14px;background:linear-gradient(90deg,#0a0c0a,#30362d 45%,#0a0a09);transform:skewY(1deg);z-index:1;box-shadow:inset -2px 0 #a8b5a338}.cover-corner{position:absolute;bottom:18px;right:14px;background:#13261fe6;color:#f1eedf;border:1px solid #f3f1e240;padding:5px 9px;font:10px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}.book-art>figcaption{font-size:12px;line-height:1.65;text-align:center;color:var(--muted);max-width:350px;margin:22px auto 0}.book-section .book-art,.book-hero .book-art{min-width:0}.book-section .book-art{display:flex;flex-direction:column;align-items:center;justify-content:center}.book-section .book-orbit,.book-hero .book-orbit{opacity:.65}.book-hero .book-art{display:flex;flex-direction:column;align-items:center;justify-content:center}.book-section .actual-book{width:min(90%,355px)}.book-hero .actual-book{width:min(91%,372px)}
.archive-section,.everyday-section{background:var(--archive-paper);background-image:radial-gradient(ellipse at 12% 12%,rgba(224,226,202,.30),transparent 42%),radial-gradient(ellipse at 87% 79%,rgba(214,222,208,.20),transparent 43%);border-top:1px solid var(--archive-line);border-bottom:1px solid var(--archive-line)}.archive-section{padding-block:112px 94px}.archive-heading{display:grid;grid-template-columns:1.12fr .88fr;column-gap:8%;align-items:end;margin-bottom:50px}.archive-heading .eyebrow{grid-column:1/-1}.archive-heading h2,.everyday-heading h2,.memory-story h2{font-size:clamp(46px,5.5vw,77px);line-height:1.07;margin:0;letter-spacing:-.035em}.archive-heading p:not(.eyebrow){font-family:var(--display);font-size:clamp(18px,2vw,24px);max-width:485px;line-height:1.45;margin:0;color:#425b4d}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;align-items:start}.archive-card{display:flex;flex-direction:column;color:var(--ink);text-decoration:none;min-width:0;border-top:1px solid #abbba8;padding-top:15px}.archive-number,.everyday-item span{font:11px/1.3 var(--sans);letter-spacing:.13em;color:#5b7464;text-transform:uppercase}.archive-image{margin-top:16px;aspect-ratio:1/.96;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f4f0e7}.archive-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .65s cubic-bezier(.19,1,.22,1)}.archive-card:hover img,.archive-card:focus-visible img{transform:scale(1.055)}.archive-caption{padding:18px 5px 8px}.archive-caption h3,.everyday-item h3{font:normal clamp(25px,2.55vw,35px)/1.12 var(--display);letter-spacing:-.02em;margin:0 0 10px}.archive-caption p{font:17px/1.6 var(--display);color:#4c6154;margin:0 0 18px;min-height:76px}.archive-caption>span{font:12px/1.4 var(--sans);display:inline-block;border-bottom:1px solid #859a84;padding-bottom:4px}.archive-offset{margin-top:61px}.archive-bottom{text-align:center;font:11px/1.6 var(--sans);color:var(--archive-muted);letter-spacing:.08em;margin:43px 0 0}.archive-section a:focus-visible,.everyday-section a:focus-visible{outline:3px solid #537b65;outline-offset:6px}
.memory-section{padding-block:92px 100px;background:#e8eadf}.memory-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:9%;align-items:center}.memory-visual{min-width:0;position:relative;background:#f5f1e8;padding:18px;border:1px solid #d1d8c9;box-shadow:0 17px 34px #1f43351b;transform:rotate(-1.2deg)}.memory-visual img{width:100%;display:block;aspect-ratio:1.18;object-fit:contain;mix-blend-mode:multiply}.memory-visual span{position:absolute;right:20px;bottom:12px;font:10px var(--sans);text-transform:uppercase;letter-spacing:.12em;color:#63766a}.memory-story .eyebrow{margin-bottom:23px}.memory-story h2{margin-bottom:24px}.memory-story p.lead{font:22px/1.48 var(--display)}.memory-story p{font-size:16px;line-height:1.75}.memory-story a{margin-top:14px}.relationship-sword{width:min(76%,410px);margin:0 auto -10px;transform:rotate(2deg);opacity:.89}.relationship-sword img{width:100%;height:auto;display:block;filter:brightness(.95);mix-blend-mode:screen}.relationship .relationship-keepsake .relationship-names{min-height:130px}
.everyday-section{padding-block:120px 110px}.everyday-heading{max-width:710px;margin-bottom:55px}.everyday-heading h2{margin-bottom:24px}.everyday-heading p:not(.eyebrow){font:clamp(19px,2vw,23px)/1.55 var(--display);color:#526b5a}.everyday-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.everyday-item{border:1px solid #dcd9cb;background:#f7f3e9;min-width:0;padding:13px 13px 24px;transition:transform .4s,box-shadow .4s}.everyday-item:nth-child(even){transform:translateY(37px)}.everyday-item img{display:block;width:100%;aspect-ratio:1 / 1.1;object-fit:contain;mix-blend-mode:multiply}.everyday-item>div{padding:9px 8px}.everyday-item h3{font-size:clamp(23px,2vw,31px);margin-top:10px}.everyday-item p{font-size:14px;line-height:1.6;color:var(--archive-muted);margin:0}.everyday-little{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:93px}.everyday-little img{width:100px;height:85px;object-fit:contain;mix-blend-mode:multiply}.everyday-little p{max-width:320px;font:italic 17px/1.5 var(--display);color:var(--archive-muted)}
.character-keepsake{display:flex;gap:20px;align-items:center;margin:27px 0 0;border-top:1px solid var(--line);padding-top:12px;max-width:410px}.character-keepsake img{width:135px;height:109px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}.character-keepsake figcaption{display:flex;flex-direction:column;gap:6px}.character-keepsake figcaption>span{font:normal 22px/1.2 var(--display)}.character-keepsake figcaption small{font:11px/1.4 var(--sans);letter-spacing:.05em;color:var(--muted)}.character-slate .character-keepsake img{mix-blend-mode:normal}.character-slate .character-keepsake figcaption{color:#f3efe5}.character-slate .character-keepsake figcaption small{color:#d4ddcf}
.about-inknote{display:flex;align-items:center;justify-content:center;gap:24px;width:min(600px,calc(100% - 48px));margin:50px auto 0;border-top:1px solid var(--line);padding-top:20px}.about-inknote img{width:130px;max-width:35%;mix-blend-mode:multiply}.about-inknote p{font:italic 20px/1.5 var(--display);color:#546d59;max-width:300px}.reader-artend{padding-block:38px 45px;background:#f6f3e9}.reader-artend>.wrap{display:flex;align-items:center;justify-content:center;gap:28px}.reader-artend img{width:180px;max-width:42%;height:125px;object-fit:contain;mix-blend-mode:multiply}.reader-artend p{font:italic 21px/1.5 var(--display);max-width:380px}
@media(max-width:1080px){.archive-heading{grid-template-columns:1fr 1fr}.everyday-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.everyday-item:nth-child(even){transform:none}.everyday-item:nth-child(2),.everyday-item:nth-child(4){transform:translateY(30px)}}
@media(max-width:760px){.actual-book{filter:drop-shadow(13px 19px 15px #1c291f42)}.book-hero .actual-book,.book-section .actual-book{width:min(78%,345px)}.book-section .book-art{padding-top:30px}.archive-section{padding-block:70px 64px}.archive-heading{display:block;margin-bottom:33px}.archive-heading h2{font-size:clamp(48px,12vw,70px);margin-bottom:20px}.archive-heading p:not(.eyebrow){font-size:19px}.archive-grid{grid-template-columns:1fr;gap:38px}.archive-card{display:grid;grid-template-columns:43% 1fr;gap:14px;align-items:center;padding-top:12px}.archive-card .archive-number{grid-column:1/-1}.archive-image{margin-top:0;aspect-ratio:1}.archive-caption{padding:3px}.archive-caption h3{font-size:clamp(22px,6.1vw,29px)}.archive-caption p{font-size:15px;line-height:1.45;min-height:0;margin-bottom:11px}.archive-caption>span{font-size:10px}.archive-offset{margin-top:0}.archive-bottom{margin-top:31px;text-align:left;font-size:10px}.memory-section{padding-block:66px}.memory-grid{grid-template-columns:1fr;gap:37px}.memory-story{order:-1}.memory-story h2{font-size:clamp(45px,10vw,65px)}.memory-story p.lead{font-size:20px}.memory-visual{max-width:560px;margin:0 auto}.everyday-section{padding-block:70px 82px}.everyday-heading{margin-bottom:34px}.everyday-heading h2{font-size:clamp(48px,10vw,65px)}.everyday-heading p:not(.eyebrow){font-size:19px}.everyday-grid{gap:15px}.everyday-item:nth-child(2),.everyday-item:nth-child(4){transform:none}.everyday-item{padding:8px 8px 15px}.everyday-item>div{padding:6px}.everyday-item h3{font-size:24px}.everyday-item p{font-size:12px}.everyday-item span{font-size:9px}.everyday-little{padding-top:47px;gap:8px}.everyday-little img{width:88px}.everyday-little p{font-size:14px}.character-keepsake img{width:120px}.relationship-sword{width:min(85%,400px);margin-bottom:6px}.about-inknote{margin-top:34px}.about-inknote p{font-size:17px}}
@media(max-width:440px){.archive-card{grid-template-columns:40% 1fr;gap:12px}.archive-caption h3{font-size:22px}.archive-caption p{font-size:14px}.everyday-grid{grid-template-columns:1fr 1fr;gap:10px}.everyday-item img{aspect-ratio:1/1.1}.everyday-item h3{font-size:19px}.everyday-item p{font-size:11px}.everyday-item>div{padding:5px}.everyday-item span{font-size:8px;letter-spacing:.08em}.reader-artend p{font-size:16px}.reader-artend img{width:140px}.character-keepsake img{width:105px;height:95px}}
@media(prefers-reduced-motion:reduce){.actual-book,.archive-card img,.everyday-item{transition:none!important;transform:none!important}}

.cover-corner{display:none!important}
