/* Field Notes XXVIII. Original photographs, soft light, deliberate movement. */
body.edition-v28 { --v28-ease:cubic-bezier(.22,.75,.24,1); }
.edition-v28 .v27-cover-wash { background:radial-gradient(ellipse at 85% 38%,#66816e30,transparent 54%),linear-gradient(118deg,#102729,#203b33 80%); }
.edition-v28 .v27-cover-wash::after { opacity:.085; }
.v28-light { position:absolute;width:75%;height:130%;top:-40%;right:-5%;background:radial-gradient(ellipse,#d4dd9730,transparent 64%);filter:blur(42px);transform:rotate(-25deg);animation:v28-light-drift 22s ease-in-out infinite alternate; }
.v28-offscreen .v28-light { animation-play-state:paused; }
#cover[data-v28-active="1"] .v28-light { background:radial-gradient(ellipse,#91bbc92c,transparent 64%); }
#cover[data-v28-active="2"] .v28-light { background:radial-gradient(ellipse,#d9b3a328,transparent 64%); }
.v28-orbit { position:absolute;width:85vw;height:66vw;border:1px solid #d7dfbc12;border-radius:50%;pointer-events:none; }
.v28-orbit-a { left:46%;top:-26%;transform:rotate(-28deg); }
.v28-orbit-b { left:36%;top:10%;transform:rotate(-28deg);border-color:#d7dfbc0c; }
@keyframes v28-light-drift { to { transform:translate(-7%,13%) rotate(-17deg);opacity:.55; } }
.edition-v28 .v27-imprint { border-image:linear-gradient(90deg,#acbea653,#acbea61a) 1; }
.edition-v28 .v27-hero { padding-block:clamp(28px,3.2vw,51px) clamp(35px,4vw,65px); }
.edition-v28 .v27-overline { display:flex;align-items:center;gap:10px;letter-spacing:.035em;color:#c5d4c0; }
.edition-v28 .v27-overline::before { content:'';width:6px;height:6px;flex:none;border-radius:50%;background:#dceaa1;box-shadow:0 0 15px #b3d99065; }
.edition-v28 .v27-name-line { margin-bottom:26px; }
.edition-v28 .v27-name-line>span { color:#d5e3a2;text-shadow:0 2px 18px #c6e58d12; }
.edition-v28 .v27-intro-text { color:#d6ded1;max-width:32em;font-size:clamp(15px,1.14vw,18px); }
.edition-v28 .v27-entry>a { position:relative; }
.edition-v28 .v27-entry>a:not(.v27-start)::after { content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#dceaa1;transform:scaleX(0);transform-origin:left;transition:transform .35s; }
.edition-v28 .v27-entry>a:not(.v27-start):hover::after { transform:scaleX(1); }
.edition-v28 .v27-entry>a.v27-start { border-radius:3px;box-shadow:0 7px 24px -9px #030f168c,inset 0 1px 0 #ffffff70;transition:background .2s,transform .35s var(--v28-ease),box-shadow .35s; }
.edition-v28 .v27-entry>a.v27-start:hover { box-shadow:0 12px 24px -8px #041916ad,inset 0 1px 0 #fff9; }
.edition-v28 .v27-entry>a.v27-start span { transition:transform .35s var(--v28-ease); }
.edition-v28 .v27-entry>a.v27-start:hover span { transform:translate(3px,3px); }
.edition-v28 .v27-collection { isolation:isolate; }
.edition-v28 .v27-collection::before { content:'';position:absolute;inset:12% -10% 14%;z-index:-1;background:radial-gradient(ellipse at var(--v28-mx,55%) var(--v28-my,50%),#afc89b22,transparent 65%);filter:blur(20px);pointer-events:none; }
.edition-v28 .v27-collection-head { letter-spacing:.15em;font-size:9px;border-color:#b1c4a840; }
.edition-v28 .v27-collection-head>span:first-child::before { content:'✳';font-size:13px;color:#d6e49f;margin-right:9px;vertical-align:-1px; }
.edition-v28 .v27-art { height:clamp(305px,29.5vw,480px);margin-top:18px;touch-action:pan-y pinch-zoom; }
.edition-v28 .v27-photo { top:7%;left:2%;background:#f3eee2;padding:9px 9px 0;transform:rotate(-3.5deg) rotateX(var(--v28-rx,0deg)) rotateY(var(--v28-ry,0deg)) translate3d(0,var(--v27-drift,0px),0);transition:transform .45s var(--v28-ease),box-shadow .45s;box-shadow:0 3px 8px #081e2366,0 28px 55px -10px #04191e94;backface-visibility:hidden; }
.edition-v28 .v27-photo::after { content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 10%,#fff9 30%,transparent 49%);opacity:.035;transition:opacity .3s; }
.edition-v28 .v27-photo:hover { transform:rotate(-1.2deg) rotateX(var(--v28-rx,0deg)) rotateY(var(--v28-ry,0deg)) translateY(-5px);box-shadow:0 3px 8px #081e2366,0 34px 65px -8px #04191ea6; }
.edition-v28 .v27-photo:hover::after { opacity:.10; }
.edition-v28 .v27-smallprint { right:-1%;bottom:1%;transform:rotate(5deg) rotateX(calc(var(--v28-rx,0deg) * -.6)) rotateY(calc(var(--v28-ry,0deg) * -.6)) translate3d(0,calc(var(--v27-drift,0px) * -.55),20px);transition:transform .5s var(--v28-ease),box-shadow .5s;box-shadow:0 4px 7px #07191f40,0 21px 40px -8px #031b2699; }
.edition-v28 .v27-smallprint:hover { transform:rotate(1deg) translate3d(0,-7px,25px);box-shadow:0 6px 14px #07191f55,0 26px 50px -8px #031b26aa; }
.edition-v28 .v27-art--paik .v27-photo { top:0;transform:rotate(-6deg) rotateX(var(--v28-rx,0deg)) rotateY(var(--v28-ry,0deg)); }
.edition-v28 .v27-photo-note { padding:11px 6px; }
.edition-v28 .v27-card figcaption { padding:16px 0 14px;row-gap:8px; }
.edition-v28 .v27-card figcaption strong { font-size:clamp(18px,1.65vw,27px);letter-spacing:-.04em; }
.edition-v28 .v27-card figcaption p { color:#b9c7b2;font-size:11px; }
.v28-gallery-hint { display:flex;align-items:center;justify-content:space-between;font:450 9px/1.5 var(--v27-ui);color:#a2b49c;margin:0 0 9px;letter-spacing:.05em; }
.v28-gallery-hint>span:last-child { font-variant-numeric:tabular-nums;letter-spacing:.13em;font-size:8px; }
.edition-v28 .v27-picks { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border:0; }
.edition-v28 .v27-picks button { padding:0;border:0;background:transparent;color:#bccab6;white-space:normal;transition:transform .4s var(--v28-ease); }
.edition-v28 .v27-picks button::before { display:none; }
.edition-v28 .v27-picks button>img { display:block;width:100%;height:auto;aspect-ratio:2.1;object-fit:cover;border:1px solid #a0b19338;filter:saturate(.5) brightness(.7);border-radius:2px;transition:filter .35s,border-color .35s,box-shadow .35s; }
.edition-v28 .v27-picks button[data-v20-plate="2"]>img { object-position:center 43%; }
.edition-v28 .v27-picks button:hover { transform:translateY(-3px);background:transparent; }
.edition-v28 .v27-picks button[aria-pressed=true]>img { border-color:#dceaa1;filter:saturate(1) brightness(1);box-shadow:0 0 0 2px #dceaa11c; }
.edition-v28 .v27-picks button:hover>img { filter:saturate(1) brightness(1); }
.edition-v28 .v27-picks button>.v28-tabline { display:flex;align-items:center;gap:7px;margin:0;padding:9px 0 3px;font:500 10px/1.5 var(--v27-ui);color:inherit; }
.v28-tabline em { font:450 9px/1.5 var(--v27-ui);color:#92a385; }
.v28-tabline b { font-weight:500; }
.v28-tabline i { font-style:normal;font-size:13px;margin-left:auto;opacity:0;transform:translate(-2px,2px);transition:opacity .25s,transform .25s; }
.edition-v28 .v27-picks button[aria-pressed=true] .v28-tabline { color:#e9efd4; }
.edition-v28 .v27-picks button[aria-pressed=true] em { color:#dceaa1; }
.edition-v28 .v27-picks button[aria-pressed=true] i,.edition-v28 .v27-picks button:hover i { opacity:1;transform:none; }
.edition-v28 #cover .v27-contents a { position:relative;overflow:hidden;border-color:#8e9f8728;transition:background .35s; }
.edition-v28 #cover .v27-contents a::after { content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#cfdfa3;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--v28-ease); }
.edition-v28 #cover .v27-contents a:hover::after { transform:scaleX(1); }
.edition-v28 #cover .v27-contents a b { transition:transform .35s var(--v28-ease); }
.edition-v28 #cover .v27-contents a:hover b { transform:translate(3px,3px);color:#dceaa1; }

/* A reading marker stays in the page margin; it never covers body text. */
.v28-rail { position:fixed;z-index:21;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s; }
.v28-rail[hidden] { display:none; }
.v28-rail.is-reading { opacity:1;visibility:visible; }
.v28-rail a { position:relative;width:30px;height:30px;display:grid;place-items:center;text-decoration:none;isolation:isolate; }
.v28-rail a b { display:grid;place-items:center;width:7px;height:7px;border-radius:50%;background:#849678;box-shadow:0 0 0 5px #f6f4ee00;color:transparent;font:500 9px/1 var(--v27-ui);transition:all .3s var(--v28-ease); }
.v28-rail a[aria-current] b { width:27px;height:27px;background:#294b3f;color:#eff3df;border:1px solid #d4dfbe80;box-shadow:0 2px 12px #102f2d25; }
.v28-rail a>span { position:absolute;right:41px;white-space:nowrap;font:500 11px/1.4 var(--v27-ui);padding:8px 12px;background:#1a3630;color:#f0f1dc;border-radius:2px;opacity:0;pointer-events:none;transform:translateX(6px);transition:opacity .2s,transform .2s; }
.v28-rail a:hover>span,.v28-rail a:focus-visible>span { opacity:1;transform:none; }
.v28-rail a:hover b { box-shadow:0 0 0 5px #a8ba912e; }
.v28-rail-line { position:absolute;left:14px;top:15px;bottom:15px;width:1px;background:#90a47a42;z-index:-1; }
.v28-rail-line i { display:block;width:100%;height:100%;background:#9cb369;transform:scaleY(var(--v28-progress,0));transform-origin:top; }

/* Images are large enough to inspect, with a gentle lift on interaction. */
.edition-v28 .v20-part { position:relative;overflow:hidden; }
.edition-v28 .v20-part::after { content:'';position:absolute;right:-9%;top:-105%;width:58%;aspect-ratio:1;border:1px solid currentColor;opacity:.07;border-radius:50%;pointer-events:none; }
.edition-v28 .v20-part-main h2 { letter-spacing:-.06em; }
.edition-v28 .c13-zoom { transition:box-shadow .45s var(--v28-ease),transform .45s var(--v28-ease); }
.edition-v28 .c13-zoom:hover { box-shadow:0 28px 48px -20px #102b3c70!important; }
.edition-v28 .c13-zoom>img { transition:transform .9s var(--v28-ease); }
.edition-v28 .c13-zoom:hover>img { transform:scale(1.018); }
.edition-v28 .c13-zoom>span { transition:background .25s,color .25s,transform .35s var(--v28-ease); }
.edition-v28 .c13-zoom:hover>span { transform:rotate(45deg);background:#dceaa1!important; }
.edition-v28 .c13-notelinks a { transition:color .25s,border-color .25s; }
.edition-v28 .c13-notelinks a:hover { color:#5b793e;border-color:#8eaa58; }
.edition-v28 #case-monitor .c13-notelinks a:hover { color:#e7efb4; }
.edition-v28 .v26-screenbar { gap:9px; }
.edition-v28 .v26-screenbar button { border-radius:4px;transition:background .2s,box-shadow .25s,transform .25s; }
.edition-v28 .v26-screenbar button:hover { transform:translateY(-2px); }
.edition-v28 .v26-screenbar button[aria-selected=true] { box-shadow:0 4px 15px -8px #14372e70; }
.edition-v28 .ps17-ticket { position:relative;background:linear-gradient(145deg,#18372f,#294a3a);border:1px solid #c4d49b30;box-shadow:0 19px 35px -24px #14352e80;overflow:hidden; }
.edition-v28 .ps17-ticket::after { content:'';position:absolute;width:310px;height:310px;right:-110px;top:-150px;border:1px solid #d1dfaf20;border-radius:50%;pointer-events:none; }
.edition-v28 .ps17-ticket>b { color:#ecedcc;font-weight:400;letter-spacing:-.055em; }
.edition-v28 .ps17-ticket ol { gap:16px;border-color:#9bb08655; }
.edition-v28 .ps17-ticket li { padding:7px 9px;margin:0 -9px;border-radius:2px;transition:background .25s; }
.edition-v28 .ps17-ticket li:hover { background:#e0e9bd0c; }
.edition-v28 .ps17-ticket li>i { height:6px;border-radius:1px;background:linear-gradient(90deg,#8da773,#c2d694);transform-origin:left; }
.edition-v28 .ps17-ticket li:last-child>i { background:linear-gradient(90deg,#b7cd80,#e1e9a7); }
.edition-v28 .v20-supp>summary { position:relative;transition:background .3s; }
.edition-v28 .v20-supp[open]>summary { background:#e0e7d6; }
.edition-v28 .v20-plus { transition:transform .3s; }
.edition-v28 .rv21-shot { transition:transform .45s var(--v28-ease),box-shadow .45s var(--v28-ease); }
.edition-v28 .rv21-shot:hover { transform:translateY(-4px);box-shadow:0 17px 25px -17px #263e4560!important; }
.edition-v28 .a12-shop-frames figure { transition:transform .55s var(--v28-ease); }
.edition-v28 .a12-shop-frames figure:hover { transform:rotate(0deg) translateY(-5px); }
.edition-v28 .index-dialog { background:#e9eddf;color:#18382d; }
.edition-v28 .index-dialog .index-inner h2 { font-family:var(--v27-serif);font-weight:520; }
.edition-v28 .index-dialog .index-inner nav a { transition:padding .3s var(--v28-ease),background .3s; }
.edition-v28 .index-dialog .index-inner nav a:hover { padding-left:12px;background:#dbe4ce; }
.edition-v28 .c15-envelope { box-shadow:0 24px 55px -20px #021d2666; }
.edition-v28 .closing .email>span { transition:transform .4s var(--v28-ease); }
.edition-v28 .closing .email:hover>span { transform:translate(7px,-7px); }

@media(max-width:1100px) { .v28-rail { display:none; }.edition-v28 .v27-hero { gap:35px; }.edition-v28 .v27-art { height:315px; }.edition-v28 .v27-card figcaption strong { font-size:20px; }.edition-v28 .v27-picks { gap:8px; }.edition-v28 .v27-intro-text { font-size:15px; } }
@media(max-width:760px) {
 .edition-v28 .v27-hero { gap:35px;padding-top:34px;padding-bottom:28px; }
 .edition-v28 .v27-overline { font-size:10px;letter-spacing:.025em; }
 .edition-v28 .v27-name-line { margin-bottom:22px; }
 .edition-v28 #cover.v27-cover h2 { font-size:clamp(24px,5.7vw,36px);line-height:1.4; }
 .edition-v28 .v27-intro-text { font-size:15px;line-height:1.83;max-width:36em; }
 .edition-v28 .v27-art { height:clamp(290px,69vw,420px);margin-top:16px; }
 .edition-v28 .v27-photo { padding:7px 7px 0; }
 .edition-v28 .v27-photo>img { height:clamp(215px,50vw,330px); }
 .edition-v28 .v27-photo-note { padding:10px 3px;font-size:8px; }
 .edition-v28 .v27-card figcaption { padding:13px 0 16px; }
 .edition-v28 .v27-card figcaption strong { font-size:21px;max-width:14em; }
 .edition-v28 .v27-card figcaption p { font-size:11px;min-height:35px; }
 .edition-v28 .v27-picks { gap:9px; }
 .edition-v28 .v27-picks button>img { aspect-ratio:1.6; }
 .edition-v28 .v27-picks button>.v28-tabline { font-size:10px;gap:4px;padding-top:9px; }
 .v28-tabline em { font-size:8px; }.v28-tabline i { display:none; }
 .v28-gallery-hint { font-size:9px;margin-bottom:9px; }
 .v28-orbit { width:180vw;height:200vw;left:12%;top:10%; }
 .v28-orbit-b { top:30%;left:-35%; }
 .v28-light { width:150%;height:60%;right:-60%;top:10%;filter:blur(30px); }
 .edition-v28 .ps17-ticket li>div { font-size:12px; }
 .edition-v28 .v26-screenbar button { font-size:11px; }
}
@media(max-width:390px) { .edition-v28 .v27-picks { gap:7px; }.edition-v28 .v27-picks button>.v28-tabline { font-size:9px; }.edition-v28 .v27-card figcaption strong { font-size:19px; }.edition-v28 .v27-art { height:282px; } }
@media(hover:none) { .edition-v28 .v27-photo::after { display:none; }.edition-v28 .c13-zoom:hover>img { transform:none; } }
@media(prefers-reduced-motion:reduce) {
 .v28-light { animation:none; }.edition-v28 *, .edition-v28 *::before, .edition-v28 *::after { scroll-behavior:auto!important;transition-duration:0s!important; }
 .edition-v28 .v27-photo { transform:rotate(-3.5deg)!important; }.edition-v28 .v27-smallprint { transform:rotate(5deg)!important; }
}
.reduce .v28-light { animation:none; }.reduce .v27-photo { transform:rotate(-3.5deg)!important; }.reduce .v27-smallprint { transform:rotate(5deg)!important; }
.reduce .edition-v28 *, .reduce .edition-v28 *::before, .reduce .edition-v28 *::after { transition-duration:0s!important; }
@media print { .v28-rail,.v28-gallery-hint { display:none!important; } }