/* A charcoal worktop, a mounted reversible print and a warm, bound service sheet. */
.sd-desk{color:#ede7d8;position:relative;isolation:isolate;padding:clamp(36px,5.8vw,92px) var(--g);border-block:1px solid #65625a;
 background:radial-gradient(ellipse at 19% 31%,#b8a77424,transparent 52%),linear-gradient(110deg,#111e21e8,#192b2bd6 47%,#101618c7),url(journal-oak.webp) center/1040px auto;box-shadow:inset 0 10px 28px #050b0d65}
.sd-inner{max-width:1440px;margin:auto}.sd-folio,.sd-keyline,.sd-kicker,.sd-tab,.sd-foot,.sd-flip,.sd-face figcaption small{font:600 11px/1.45 ui-monospace,Consolas,monospace;letter-spacing:.07em}
.sd-folio,.sd-keyline,.sd-foot,.sd-heading{display:flex;align-items:center;gap:14px;justify-content:space-between}
.sd-folio,.sd-kicker,.sd-keyline,.sd-foot>span{text-transform:uppercase}.sd-folio{color:#d1c8b3}.sd-folio i,.sd-keyline i{height:1px;flex:1;background:currentColor;opacity:.35}
.sd-heading{margin:clamp(24px,3.4vw,54px) 0 clamp(24px,3.3vw,52px)}.sd-kicker{color:#e0b987}
.sd-heading h2{font:600 clamp(46px,6.4vw,102px)/1 Hangar,'Arial Narrow',sans-serif;margin:9px 0 0;letter-spacing:-.035em;color:#f4eee0}
.sd-heading em{font-style:normal;color:#dab98a}.sd-tab{color:#ead1a2;border-block:1px solid #c3ae84;padding:7px 11px;white-space:nowrap}
.sd-table{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.16fr);gap:clamp(28px,5vw,85px);align-items:start}
.sd-exhibit{position:relative;padding:clamp(18px,3vw,44px) clamp(9px,2vw,30px) 20px;min-width:0}
.sd-mount{position:relative;perspective:1200px;aspect-ratio:1.44;transform:rotate(-2deg);margin:0 auto 22px}
.sd-mount:before,.sd-mount:after{content:"";position:absolute;pointer-events:none}
.sd-mount:before{inset:4% -2% -1% 3%;transform:rotate(5deg);border:1px solid #80928c;background:repeating-linear-gradient(0deg,transparent 0 13px,#9caea62b 13px 14px),repeating-linear-gradient(90deg,#344442 0 13px,#647976 13px 14px);box-shadow:0 14px 20px #0009}
.sd-mount:after{top:-3%;left:6%;height:5%;width:24%;background:linear-gradient(180deg,#435552,#a4afa1 43%,#66766d 57%,#273632);border:1px solid #728077;box-shadow:1px 3px 3px #122222a6;transform:rotate(3deg);z-index:2}
.sd-card,.sd-face{position:absolute;inset:0}.sd-card{transform-style:preserve-3d;transform:rotateY(0);transition:transform .8s cubic-bezier(.23,.72,.17,1)}
.sd-face{display:flex;flex-direction:column;gap:9px;margin:0;padding:clamp(11px,1.4vw,22px);backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #c9c1ad;box-shadow:0 2px #958d78,1px 5px #686550,5px 14px 20px #0009}
.sd-photo,.sd-file{color:#2a312c;background:#e4d6b8 url(journal-stock.webp) center/720px auto}
.sd-face .sd-keyline{font-size:9px}.sd-face>img,.sd-face>svg{display:block;width:100%;min-height:0;flex:1 1 0;object-fit:contain;background:#c2bdad}
.sd-face figcaption{display:flex;align-items:center;justify-content:space-between;gap:6px;font:600 clamp(16px,1.6vw,26px)/1.1 Hangar,sans-serif}.sd-face figcaption small{font-size:9px}
.sd-trace{transform:rotateY(180deg);background:linear-gradient(130deg,#294846,#142c32);color:#cadbd1;border-color:#849b90}.sd-trace>svg{background:none;color:#bad7cb}
.sd-check{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.sd-check:checked~.sd-mount .sd-card{transform:rotateY(180deg)}.sd-check:not(:checked)~.sd-mount .sd-trace,.sd-check:checked~.sd-mount .sd-photo{visibility:hidden;transition:visibility 0s .4s}.sd-flip{display:inline-flex;align-items:center;gap:12px;color:#f0e5cd;min-height:44px;padding:8px 0;cursor:pointer;border-bottom:1px solid #918671}
.sd-check:focus-visible~.sd-flip,.sd-desk a:focus-visible{outline:2px solid #94ede0;outline-offset:5px}
.sd-flip b{font:22px/1 sans-serif;color:#e0b987}.sd-to-photo,.sd-check:checked~.sd-flip .sd-to-trace{display:none}.sd-check:checked~.sd-flip .sd-to-photo{display:inline}
.sd-file{position:relative;isolation:isolate;margin:0 5px 12px 0;padding:clamp(22px,3.3vw,54px);box-shadow:2px 3px 0 #a79776,4px 6px 0 #e1d1ad,5px 8px 0 #8c7e61,7px 10px 0 #b6a98c,11px 24px 30px #0307089c;border-left:clamp(5px,.7vw,11px) solid #a59b83}
.sd-file:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#584d322b,transparent 8%,transparent 83%,#6f5c4517)}
.sd-clip{position:absolute;right:8%;top:-7px;width:clamp(40px,5vw,76px);height:16px;border:1px solid #817963;border-radius:3px;background:linear-gradient(#b6ad91,#ded6bb 28%,#786e55 50%,#a39778 77%,#ede4cc 90%);box-shadow:1px 4px 3px #574e3966}
.sd-file>.sd-keyline{border-bottom:1px solid #968b73;padding-bottom:12px;color:#675642}.sd-copy{font:400 clamp(16px,1.1vw,18px)/1.57 system-ui,sans-serif;color:#27312d}
.sd-copy p{max-width:65ch;margin:1em 0}.sd-copy>p:first-child{font-size:clamp(19px,1.6vw,25px);line-height:1.3;margin-top:1.05em}.sd-copy a{color:#1d554a;text-underline-offset:3px;overflow-wrap:anywhere}
.sd-foot{border-top:1px solid #aa9d83;padding-top:14px;margin-top:22px;color:#65563e;flex-wrap:wrap}.sd-foot a{color:#164d43;padding:8px 0}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.sd-check:not(:checked)~.sd-mount:hover .sd-card{transform:rotateX(3deg) rotateY(-6deg) translateZ(8px)}.sd-check:checked~.sd-mount:hover .sd-card{transform:rotateX(2deg) rotateY(174deg)}}
@media(max-width:780px){.sd-table{grid-template-columns:1fr;gap:16px}.sd-exhibit{padding:8px clamp(11px,4vw,24px) 10px;max-width:520px;width:100%;margin:auto}.sd-face{gap:6px}.sd-desk{padding-inline:clamp(17px,5vw,44px)}.sd-file{padding:24px 18px}.sd-heading{gap:8px}.sd-heading h2{font-size:clamp(36px,8.1vw,63px)}.sd-folio{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sd-card{transition:none}}
@media(min-width:781px) and (min-height:630px){.sd-exhibit{position:sticky;top:22px}}
@media(prefers-reduced-motion:reduce){.sd-exhibit .sd-mount .sd-face{transition:none}}
@media(forced-colors:active){.sd-face,.sd-file,.sd-flip{border:1px solid CanvasText}.sd-trace>svg{stroke:CanvasText}}