/* Portrait, performance and personal shopping: the same paper, a quieter rhythm. */
.secondary-nav{gap:clamp(17px,2.5vw,39px)}
.edward-intro{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(50px,8vw,130px);align-items:center;padding-block:64px 78px;max-width:1260px}
.edward-opening h1{font-size:clamp(49px,5.2vw,76px);max-width:650px;margin-bottom:26px}
.edward-opening .lead{font-size:20px;max-width:540px}
.edward-opening .text-link{margin-top:14px}
.edward-portrait{position:relative;max-width:420px;justify-self:end;width:100%}
.edward-portrait img{width:100%;aspect-ratio:1981/2728;object-fit:cover}
.edward-portrait figcaption{display:flex;justify-content:space-between;gap:18px;align-items:baseline;font-size:12px;line-height:1.5;margin-top:19px;padding-top:14px;border-top:1px solid var(--line)}
.edward-portrait figcaption span{font-size:9px;max-width:200px;color:var(--muted);text-align:right;letter-spacing:.04em}
.portrait-rule{position:absolute;top:18px;bottom:70px;left:-17px;width:1px;background:var(--stone);transform-origin:top}
.edward-story>.container{max-width:1120px}
.edward-chapter{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px;padding-bottom:65px;margin-bottom:65px;border-bottom:1px solid var(--line)}
.edward-chapter:last-of-type{margin-bottom:0}
.chapter-label{padding-top:9px}
.edward-prose{max-width:740px}
.edward-prose h2{font-size:43px;max-width:660px}
.edward-prose p{font-family:var(--text);font-size:19px;line-height:1.85}
.edward-studio{max-width:960px;margin:0 auto 85px}
.edward-studio img{width:100%;mix-blend-mode:multiply}
.edward-studio figcaption{font-size:11px;line-height:1.65;color:var(--muted);max-width:600px;margin:16px auto 0;text-align:center}
.edward-academics{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-top:15px}
.edward-academics h2{font-size:39px}
.edward-academics .credentials{margin:0;gap:23px;padding-block:24px}
.edward-academics p:not(.eyebrow){font-size:15px;color:var(--muted)}
.edward-next{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center;max-width:1120px}
.edward-next h2{font-size:45px}
.edward-next-links{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.edward-next-links .button{margin-top:10px}
.portrait-playing .edward-portrait img{animation:portrait-unveil 1.45s cubic-bezier(.22,1,.36,1) both}
.portrait-playing .portrait-rule{animation:portrait-line 1s .05s both}
.opening-playing .edward-opening{animation:portrait-words 1s .2s both}
.portrait-playing .edward-portrait figcaption{animation:portrait-words .8s .65s both}
@keyframes portrait-unveil{from{clip-path:inset(0 0 100% 0);transform:translateY(12px)}to{clip-path:inset(0);transform:none}}
@keyframes portrait-line{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes portrait-words{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.shopping-home{padding:75px 0 90px}
.shopping-home-grid{max-width:1160px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.shopping-home-grid>div:first-child{max-width:400px}
.shopping-home-grid h2{font-size:48px}
.shopping-home-grid p{max-width:670px}
.shopping-inline-rate{font-size:20px}
.shopping-inline-rate span{display:block;font-size:12px;color:var(--muted);margin-top:8px}
.shopping-hero{position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden}
.shopping-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.shopping-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,240,231,.96),rgba(245,240,231,.89) 30%,rgba(245,240,231,.18) 70%,rgba(245,240,231,.02))}
.shopping-hero-copy{position:relative;padding-block:75px;z-index:1}
.shopping-hero h1{font-size:clamp(52px,5.2vw,76px);max-width:670px}
.shopping-hero .lead{font-size:19px;max-width:545px}
.shopping-hero .button{margin-top:17px}
.shopping-hero .art-label{position:absolute;bottom:14px;right:25px;font-size:9px;color:var(--ink)}
.shopping-rate{background:var(--wash);padding-block:28px}
.shopping-rate>.container{display:flex;align-items:center;justify-content:space-between;gap:24px}
.shopping-rate p{margin:0;font-size:13px;letter-spacing:.01em}
.shopping-rate p:first-child{font-size:18px}
.shopping-rate strong{font-family:var(--serif);font-size:37px;letter-spacing:-.025em;margin-right:9px}
.shopping-interests{gap:65px}
.shopping-interests article{border-top:1px solid var(--line);padding-top:25px}
.shopping-interests h3{font-size:33px}
.shopping-interests p:not(.eyebrow){font-size:16px;color:var(--muted)}
.shopping-detail{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center;max-width:1220px}
.shopping-detail>.spot-image{width:100%}
.shopping-detail h2{font-size:47px}
.shopping-observation{margin:40px 0 60px}
.shopping-observation img{max-width:100%;max-height:490px;object-fit:contain;margin:auto}
#edward-portrait>.spot-image{width:260px;max-height:none;margin-bottom:25px}
@media(max-width:1100px){.secondary-nav{gap:18px}.nav-link{font-size:12px}.edward-intro{gap:55px}.edward-opening h1{font-size:56px}.edward-chapter{grid-template-columns:165px 1fr;gap:45px}.edward-academics,.edward-next,.shopping-detail{gap:50px}.shopping-rate>.container{display:block}.shopping-rate p+p{margin-top:8px}}
@media(max-width:800px){.edward-intro{padding-block:43px 60px;gap:35px;grid-template-columns:1.15fr 1fr}.edward-opening h1{font-size:46px}.edward-opening .lead{font-size:17px}.edward-portrait figcaption{display:block}.edward-portrait figcaption span{display:block;text-align:left;margin-top:5px}.edward-chapter{grid-template-columns:1fr;gap:12px;padding-bottom:40px;margin-bottom:40px}.chapter-label{padding-top:0}.chapter-label .eyebrow{margin:0}.edward-prose p{font-size:18px}.edward-academics,.edward-next{grid-template-columns:1fr;gap:30px}.edward-studio{margin-bottom:55px}.shopping-home-grid{gap:35px}.shopping-home-grid h2{font-size:40px}.shopping-detail{gap:35px}.shopping-hero{min-height:660px}.shopping-hero h1{font-size:56px;max-width:540px}.shopping-hero .lead{max-width:450px}.shopping-interests{gap:25px}.shopping-interests h3{font-size:29px}}
@media(max-width:600px){.edward-intro{display:flex;flex-direction:column;align-items:stretch;padding-block:36px 48px;gap:34px}.edward-opening h1{font-size:49px;margin-bottom:22px}.edward-opening .lead{font-size:17px;margin-bottom:17px}.edward-opening .text-link{margin-top:0}.edward-portrait{align-self:center;max-width:330px;width:calc(100% - 20px);margin-left:12px}.edward-portrait figcaption{display:flex}.edward-portrait figcaption span{text-align:right;font-size:8px;max-width:175px;margin:0}.edward-prose h2{font-size:36px}.edward-prose p{font-size:17px}.edward-academics h2{font-size:36px}.edward-academics .credentials dt{font-size:13px}.edward-studio figcaption{font-size:10px}.edward-next h2{font-size:39px}.shopping-home{padding-block:45px 65px}.shopping-home-grid{grid-template-columns:1fr;gap:30px}.shopping-home-grid>div:first-child{max-width:300px;margin:auto}.shopping-home-grid h2{font-size:41px}.shopping-hero{min-height:870px;align-items:flex-start}.shopping-scene{object-position:67% 100%;height:52%;top:auto;bottom:0}.shopping-wash{background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 43%,rgba(245,240,231,.75) 61%,transparent 84%)}.shopping-hero-copy{padding-block:38px 380px;width:calc(100% - 42px)}.shopping-hero h1{font-size:48px;margin-bottom:22px}.shopping-hero .eyebrow{font-size:9px}.shopping-hero .lead{font-size:16px;line-height:1.75}.shopping-hero .button{margin-top:5px}.shopping-hero .art-label{font-size:7px;bottom:8px;right:15px}.shopping-rate{padding-block:22px}.shopping-rate p:first-child{font-size:15px}.shopping-rate strong{font-size:34px}.shopping-rate p+p{font-size:11px;line-height:1.8;max-width:310px}.shopping-interests{grid-template-columns:1fr;gap:32px}.shopping-interests h3{font-size:32px}.shopping-detail{grid-template-columns:1fr;gap:35px}.shopping-detail>.spot-image{max-width:330px;margin:auto}.shopping-detail h2{font-size:38px}.shopping-detail p:not(.eyebrow){font-size:16px}.shopping-detail .small-text{font-size:12px!important}.shopping-observation{margin-block:30px}}
@media(prefers-reduced-motion:reduce){.portrait-playing .edward-portrait img,.portrait-playing .portrait-rule,.opening-playing .edward-opening,.portrait-playing .edward-portrait figcaption{animation:none!important}}

/* The invitation belongs above the biographical chapters. */
.edward-visit-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,100px);max-width:1120px;align-items:start}
.edward-visit h2{font-size:clamp(39px,4.1vw,58px);max-width:470px;margin-bottom:0}
.edward-visit-copy{font-family:var(--text);font-size:20px;line-height:1.85;max-width:650px}
@media(max-width:800px){.edward-visit-layout{grid-template-columns:1fr;gap:26px}.edward-visit h2{max-width:600px}.edward-visit-copy{font-size:18px}}
@media(max-width:600px){.edward-visit-copy{font-size:17px}}

/* Field notes: compact topics, with the newest stories first. */
.notes-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;border-block:1px solid var(--line);margin-bottom:42px;padding-block:5px;min-width:0}
.note-topics{margin:0;display:flex;gap:8px 25px;align-items:center;flex-wrap:wrap;min-width:0}
.note-topic{flex:none;display:block;white-space:nowrap;padding:12px 0 10px;border-bottom:2px solid transparent;font-size:13px;line-height:1.5;color:var(--muted)}
.note-topic:hover,.note-topic.is-current{color:var(--red);border-bottom-color:var(--red)}
.notes-sort{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:12px;color:var(--muted)}
.notes-sort select{min-height:40px;padding:7px 24px 7px 8px;border:0;border-radius:0;background:transparent;font-size:13px;color:var(--ink)}
.notes-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:30px}
.notes-list-heading h2{font-size:clamp(30px,3vw,42px);margin:0}
.notes-list-heading p{font-size:12px;color:var(--muted);margin:0;white-space:nowrap}
.notes-listing .notes-grid{gap:56px 34px}
.note-backlink{font-size:12px;display:flex;gap:14px;flex-wrap:wrap;margin-top:-12px;margin-bottom:20px}
.note-backlink .text-link{font-size:12px}
.closing p.custom-invitation{font-size:14px;max-width:650px;margin:24px auto 0;color:var(--muted)}
.custom-invitation .text-link{font-size:14px;padding-bottom:1px}
.custom-invitation .text-link:after{display:none}
@media(max-width:1100px){.notes-toolbar{align-items:flex-start;flex-direction:column;gap:0;padding-bottom:5px}.notes-sort{align-self:flex-end;margin-top:-2px}}
@media(max-width:600px){.notes-toolbar{margin-bottom:28px;gap:5px;padding-top:0}.note-topics{flex-wrap:nowrap;overflow-x:auto;width:100%;gap:22px;padding:0 2px 3px;scrollbar-width:thin}.note-topic{font-size:12px;padding-block:12px 9px}.notes-sort select{font-size:12px}.notes-list-heading{margin-bottom:26px}.notes-listing .note-card{display:block}.notes-listing .note-body{padding-top:22px}.notes-listing .notes-grid{gap:45px}.note-backlink{margin-top:0}.closing p.custom-invitation{max-width:310px;line-height:1.8}}
.article-observation>.spot-image{width:100%;height:auto;max-width:520px}
.article-observation.botanical-study>.spot-image{max-width:430px}

/* Lead media uses the same verified subject on article, card and share preview. */
.field-note-hero>.note-media-image{width:100%;max-width:100%;height:auto;max-height:620px}
.field-note-hero figcaption{max-width:760px;margin-inline:auto}
.note-spot>.note-media-image{width:100%;height:100%}
.field-note-image-credits>section{margin-block:25px}
@media(max-width:600px){.field-note-hero{padding:18px 0;margin-block:25px 35px}.field-note-hero>.note-media-image{max-height:520px}}

.notes-intro{padding-block:40px 34px;max-width:1440px}
.notes-intro h1{font-size:clamp(42px,4vw,58px);margin-bottom:18px}
.notes-intro .eyebrow{margin-bottom:15px}
.notes-intro .lead{font-size:18px;max-width:750px}
@media(max-width:600px){.notes-intro{padding-block:30px 24px}.notes-intro h1{font-size:43px}.notes-intro .lead{font-size:16px}.notes-intro .eyebrow{font-size:9px}}

/* Long field notes: a small, readable index into the argument. */
.article-contents{border-block:1px solid var(--line);padding:24px 0;margin:36px 0 44px;font-family:var(--sans);font-size:14px;line-height:1.65}
.article-contents>p{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 15px}
.article-contents ol{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;padding-left:22px;margin:0}
.article-contents a{border-bottom:1px solid transparent}
.article-contents a:hover,.article-contents a:focus-visible{color:var(--red);border-color:currentColor}
.article-body>section[id]{scroll-margin-top:150px}
@media(max-width:600px){.article-contents{margin-block:28px 36px;font-size:13px;padding-block:20px}.article-contents ol{grid-template-columns:1fr;gap:10px}.article-body>section[id]{scroll-margin-top:105px}}
.article-table-wrap{max-width:100%;overflow-x:auto;margin:34px 0 40px;outline-offset:5px}
.article-table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:13px;line-height:1.65;min-width:510px}
.article-table caption{text-align:left;font-family:var(--serif);font-size:25px;padding-bottom:18px;color:var(--ink)}
.article-table th,.article-table td{padding:14px 17px 14px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.article-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:400;border-top:1px solid var(--line)}
.article-table tbody th{font-weight:500;min-width:130px}
@media(max-width:600px){.article-table{font-size:12px}.article-table caption{font-size:23px}.article-table th,.article-table td{padding-block:12px}}
.field-note-inline{max-width:100%;margin-block:36px}
.field-note-inline>.editorial-documentary{width:100%;height:auto;max-height:650px;object-fit:contain}
@media(max-width:600px){.field-note-inline>.editorial-documentary{max-height:520px}}
