:root{--paper:#f1eeeb;--ink:#242625;--muted:#6f716f;--line:#d5d0ca;--white:#faf9f7;--accent:#6d8495;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.28;cursor:default}h1,h2,h3,p{margin:0}button{border:0;background:none}img{display:block;max-width:100%}.shell{max-width:1440px;padding:0 64px;margin:auto}.skip{position:absolute;top:-60px}.skip:focus{top:12px;left:20px;z-index:100}.masthead{display:flex;justify-content:space-between;align-items:center;height:90px;font-size:12px}.masthead a span{color:var(--muted);margin-left:15px}.masthead>span,.micro,.eyebrow,.preview-label,.footer{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.masthead>span{color:var(--muted)}.introduction{padding-top:35px}.eyebrow{display:flex;justify-content:space-between;gap:20px}.eyebrow span:last-child{color:var(--muted)}.intro-grid{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:80px;padding:46px 0 61px}h1{font-size:clamp(64px,7.3vw,110px);font-weight:300;letter-spacing:-.055em;line-height:.99}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.intro-note{padding-bottom:7px}.intro-note i{display:block;width:30px;height:2px;background:var(--accent);margin-bottom:23px}.intro-note p{font-size:16px;font-weight:300;line-height:1.65}.intro-note small{display:block;margin-top:19px;color:var(--muted);font-size:11px}.format-tabs{display:flex;align-items:stretch;justify-content:space-between;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}.format-tabs button{white-space:nowrap;padding:20px 0 18px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.format-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--ink)}sup{font-size:9px;margin-left:5px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:31px;font-size:12px}.panel-heading>span{color:var(--muted);font-size:11px}.gallery{display:flex;gap:30px;overflow-x:auto;padding:40px 9px 18px;margin:0 -9px;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.work-card{flex:0 0 calc((100% - 60px)/3);min-width:0;padding:0;text-align:left;scroll-snap-align:start}.cover-space{height:315px;display:flex;align-items:center;justify-content:center;perspective:1200px;position:relative;background:rgba(250,249,247,.25);transition:background .5s}.book-object{width:62%;aspect-ratio:var(--aspect);position:relative;transform:rotateY(-10deg) rotateZ(-2deg);transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .65s;box-shadow:12px 20px 22px -12px #37302d66,1px 2px 3px #352b2b55}.work-card.landscape .book-object{width:84%;transform:rotateY(-10deg) rotateZ(-3deg)}.book-object img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;box-shadow:inset 3px 0 4px #0002}.book-object::after{content:"";position:absolute;z-index:0;left:5px;right:-6px;top:4px;bottom:-5px;background:repeating-linear-gradient(0deg,#d6d1cb 0 1px,#fbf8f0 1px 3px);transform:translateZ(-5px);border:1px solid #d2ccc5}.book-object::before{content:"";position:absolute;z-index:3;top:0;bottom:0;left:0;width:8%;background:linear-gradient(90deg,#160f1233,transparent 65%,#fff2);pointer-events:none}.work-card:hover .book-object,.work-card:focus-visible .book-object{transform:translateY(-14px) scale(1.075) rotateY(0) rotateZ(0)}.work-card:hover .cover-space{background:#faf9f777}.card-meta{padding:22px 0 0;display:grid;grid-template-columns:25px 1fr 20px;align-items:start;gap:10px}.card-meta>span{font-size:10px;color:var(--muted);padding-top:4px}.card-meta h3{font-weight:400;font-size:16px;line-height:1.3}.card-meta p{font-size:11px;color:var(--muted);margin-top:8px}.card-meta b{font-size:18px;font-weight:300;transition:transform .3s}.work-card:hover .card-meta b{transform:translate(3px,-3px)}.gallery-footer{display:flex;align-items:center;justify-content:space-between;padding:25px 0 32px;font-size:10px;color:var(--muted)}.gallery-footer button{width:36px;height:30px;font-size:20px}.editorial-note{border-top:1px solid var(--line);padding-top:32px;padding-bottom:46px;display:grid;grid-template-columns:1fr 2fr;gap:18px 40px}.editorial-note p{font-size:14px;line-height:1.8;font-weight:300}.editorial-note p span{font-size:12px;color:var(--muted)}.preview-label{grid-column:2;color:var(--muted);font-size:9px}.footer{border-top:6px solid var(--white);padding-top:26px;padding-bottom:30px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}
.placeholder-card{flex-basis:calc((100% - 60px)/3);cursor:default}.material-space{height:315px;display:flex;align-items:center;justify-content:center;background:#faf9f766;perspective:900px}.material-sheet{width:53%;aspect-ratio:3/4;background:#fbfaf7;box-shadow:7px 13px 20px #3332;padding:18px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-3deg);transition:transform .65s cubic-bezier(.22,1,.36,1)}.material-sheet>span{font-size:9px;letter-spacing:.1em;color:var(--muted)}.material-sheet strong{font-family:Georgia,serif;font-weight:400;font-size:23px;line-height:1.2}.material-sheet i{display:block;height:1px;background:var(--line);width:45%}.format-decks .material-sheet{width:85%;aspect-ratio:16/9}.format-social .material-sheet{width:65%;aspect-ratio:1}.format-rednote .material-sheet{aspect-ratio:3/4;width:59%}.placeholder-card:hover .material-sheet,.placeholder-card:focus .material-sheet{transform:translateY(-12px) scale(1.07) rotate(0)}.placeholder-card:nth-child(2) .material-sheet{transform:rotate(3deg)}.placeholder-card:nth-child(2):hover .material-sheet{transform:translateY(-12px) scale(1.07) rotate(0)}
dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;overflow:hidden}dialog::backdrop{background:#f1eeebeb}dialog[open]{display:flex;flex-direction:column;animation:reader-in .45s ease both}@keyframes reader-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.reader-header{display:flex;justify-content:space-between;align-items:start;padding:28px 40px 15px;flex-shrink:0}.reader-header h2{font-size:24px;font-weight:300;letter-spacing:-.02em;margin:8px 0 6px}.reader-header span{font-size:11px;color:var(--muted)}.close{font-size:32px;font-weight:200;width:42px;height:42px;border:1px solid var(--line);border-radius:50%}.reader-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:18px 55px 35px;touch-action:pan-y}.book-stage{width:var(--stage-width);max-width:100%;aspect-ratio:calc(var(--aspect) * 2);position:relative;perspective:2200px;isolation:isolate;user-select:none;filter:drop-shadow(0 21px 19px #302b252e)}.page,.turning-leaf{position:absolute;width:50%;height:100%;top:0}.page{background:#fcfaf5;overflow:hidden}.page.empty{background:#e8e4df}.page img,.leaf-face img{width:100%;height:100%;object-fit:contain;pointer-events:none}.base-left{left:0;border-radius:2px 0 0 3px}.base-right{right:0;border-radius:0 3px 3px 0}.base-left::after,.base-right::after{content:"";position:absolute;inset:0;pointer-events:none}.base-left::after{background:linear-gradient(90deg,transparent 87%,#21160f1a)}.base-right::after{background:linear-gradient(90deg,#21160f1a,transparent 13%)}.turning-leaf{z-index:3;display:none;transform-style:preserve-3d;will-change:transform}.turning-leaf.forward{left:50%;transform-origin:left center}.turning-leaf.backward{left:0;transform-origin:right center}.leaf-face{position:absolute;inset:0;background:#fcfaf5;backface-visibility:hidden;overflow:hidden}.leaf-face.back{transform:rotateY(180deg)}.leaf-face::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#23160b2b,transparent 30%,#fff1);pointer-events:none}.spine{position:absolute;left:calc(50% - 2px);width:4px;top:0;bottom:0;background:linear-gradient(90deg,#17100a1a,#fff8,#17100a1a);z-index:4;pointer-events:none}.reader-controls{display:flex;align-items:center;justify-content:center;gap:22px;flex-shrink:0}.reader-controls button{height:40px;min-width:40px;font-size:20px}.reader-controls #zoom{font-size:12px;min-width:75px}.control-rule{width:1px;height:16px;background:var(--line)}#page-status{min-width:116px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.reading-hint{text-align:center;font-size:11px;color:var(--muted);padding:13px 20px 0}.source-note{text-align:center;font-size:9px;color:var(--muted);padding:10px 15px 20px}.reader-body.enlarged{overflow:auto;display:block;touch-action:auto}.reader-body.enlarged .book-stage{max-width:none;width:max(1400px,150vw);margin:20px auto}.reader-body.enlarged .book-stage{cursor:default}
@media(min-width:1500px){.cover-space,.material-space{height:360px}}@media(max-width:1000px){.shell{padding-left:32px;padding-right:32px}.format-tabs{justify-content:flex-start;gap:28px}.gallery{gap:25px}.work-card{flex-basis:calc((100% - 50px)/3)}.cover-space,.material-space{height:250px}.card-meta h3{font-size:14px}.intro-grid{gap:35px}.panel-heading>span{max-width:180px;text-align:right;line-height:1.5}}
@media(max-width:700px){.shell{padding-left:22px;padding-right:22px}.masthead{height:76px}.masthead>a>span{display:block;margin:7px 0 0;font-size:10px}.masthead>span{font-size:8px;max-width:100px;text-align:right;line-height:1.6}.eyebrow{font-size:9px;line-height:1.5}.eyebrow>span:last-child{display:none}.introduction{padding-top:20px}.intro-grid{grid-template-columns:1fr;gap:28px;padding:29px 0 35px}h1{font-size:65px}.intro-note i{margin-bottom:14px}.intro-note p{font-size:13px}.intro-note small{margin-top:12px}.format-tabs{gap:24px}.format-tabs button{font-size:11px;padding-block:17px}.panel-heading{margin-top:24px}.panel-heading>span{font-size:10px;max-width:150px}.gallery{padding-top:25px;gap:22px}.work-card{flex-basis:82%;max-width:330px}.cover-space,.material-space{height:310px}.card-meta h3{font-size:16px}.gallery-footer{padding-block:12px 25px}.editorial-note{grid-template-columns:1fr;padding-block:28px;gap:15px}.preview-label{grid-column:1}.footer{font-size:8px;flex-wrap:wrap}.footer>span:nth-child(2){display:none}.reader-header{padding:22px 20px 8px}.reader-header h2{font-size:21px}.reader-header .micro{font-size:9px}.reader-body{padding:14px 16px}.reader-controls{gap:9px}.reading-hint{line-height:1.7}.book-stage{perspective:1000px}.source-note{font-size:8px}.material-sheet strong{font-size:24px}}
.book-object{width:auto;height:82%;max-width:90%}.work-card.landscape .book-object{width:84%;height:auto}.paper-strip{position:absolute;top:0;left:0;transform-style:preserve-3d;transform-origin:left center;will-change:transform}.strip-face{position:absolute;inset:0;background-color:#fcfaf5;background-repeat:no-repeat;backface-visibility:hidden}.strip-face.reverse{transform:rotateY(180deg)}.turning-leaf{transform-style:preserve-3d;overflow:visible}.collection-empty{width:100%;min-height:300px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line);gap:18px}.collection-empty h3{font-size:32px;font-weight:300}.collection-empty p{font-size:14px;color:var(--muted)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.book-object{transform:none}.book-stage{filter:none}}
/* Keep social and video formats discoverable without a hidden horizontal tab strip. */
@media(max-width:700px){.format-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;overflow:visible}.format-tabs button{font-size:12px;min-height:48px;padding:13px 0;text-align:left;white-space:normal}.intro-note p{font-size:15px}.panel-heading>span{font-size:11px}}

/* Keep the existing gallery; place its next control beside the content. */
.gallery-shell{position:relative}
.gallery-side-next{position:absolute;z-index:4;right:-16px;top:50%;transform:translateY(-50%);width:46px;height:46px;display:grid;place-items:center;border:1px solid #9aa08f;border-radius:50%;background:#f1eeebf5;color:#41473b;box-shadow:0 4px 14px #24262518;font-size:23px;transition:background .2s}
.gallery-side-next:hover:not(:disabled){background:#e1e3d9}.gallery-side-next:disabled{visibility:hidden}
@media(max-width:700px){.gallery-side-next{right:-12px;width:40px;height:40px;font-size:21px}}
