/* Feuille de style importée de la maquette V05.5 (prototype/content/v055/style.css + navigation.css) par scripts/importer-css.mjs. Ne pas éditer à la main : modifier le script ou ajouter des règles dans ghost-cartes.css. */
@font-face{font-family:Fraunces;src:url('../fonts/fraunces-600.ttf');font-weight:600;font-display:swap}
@font-face{font-family:Fraunces;src:url('../fonts/fraunces-italic-400.ttf');font-style:italic;font-weight:400;font-display:swap}
:root{--ink:#293e31;--rust:#8c4934;--serif:Fraunces,Georgia,serif;--reading:'Iowan Old Style',Baskerville,Georgia,serif;--sans:'Helvetica Neue',Arial,sans-serif;--mono:'Courier New',monospace;color:var(--ink);font-family:var(--sans);--paper:#faf5e7;background:#d2d0bf}
*{box-sizing:border-box}
body{margin:0;font-size:16px;line-height:1.6;background:#d2d0bf}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:wait}
a:hover{text-decoration:underline;text-underline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:5px}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.12}
h1{font-size:clamp(45px,6.2vw,85px);letter-spacing:-.045em}
h2{font-size:clamp(29px,3vw,42px);letter-spacing:-.025em}
h3{font-size:27px;letter-spacing:-.02em}
em{font-family:var(--serif);font-weight:400}
img{display:block;width:100%;height:auto;object-fit:cover}
[hidden]{display:none!important}
.skip{position:fixed;left:15px;top:-100px;z-index:500;padding:10px;background:var(--ink);color:white}
.skip:focus{top:10px}
.notebook{position:relative;margin:28px 174px 50px 42px;max-width:1370px;min-height:90vh;box-shadow:2px 2px 0 #c2bba7,5px 5px 0 #e3dcc7,7px 7px 0 #b9b39f,10px 10px 0 #e1dbc7,12px 14px 18px #34423025;border-left:1px solid #aaa990;background-color:#faf5e7;background-image:linear-gradient(#fffaf0b0,#fffaf0b0),url('../textures/paper-scan.jpg');background-size:auto,520px}
.site-header{padding:30px 6% 26px 8%;display:flex;align-items:center;gap:30px;border-bottom:1px solid #6c735c40}
.brand{font-family:var(--serif);font-size:23px;letter-spacing:-.8px}
.site-header>span{font:10px/1.5 var(--mono);margin-left:auto}
.account-link{font:11px var(--mono);border-bottom:1px solid;padding-bottom:5px}
.binding{position:absolute;left:-23px;pointer-events:none;top:108px;bottom:16px;overflow:hidden;width:48px;z-index:3;display:flex;flex-direction:column;gap:55px;padding-top:12px}
.binding i{display:block;width:45px;border:4px solid #535d50;border-top-color:#a9ad9d;border-radius:50%;transform:rotate(-10deg);box-shadow:0 2px 1px #2225,inset 0 2px 0 #fff8;height:17px;flex-shrink:0;margin:0;min-height:17px}
.ribbons{position:fixed;right:25px;top:127px;width:146px;display:flex;flex-direction:column;gap:9px;z-index:60}
.ribbons a{position:relative;padding:19px 12px 20px 17px;min-height:66px;font:12px/1.3 var(--mono);background-color:var(--ribbon);background-image:repeating-linear-gradient(90deg,#ffffff24 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,#27382116 0 1px,transparent 1px 3px);clip-path:polygon(0 0,100% 2%,94% 50%,100% 98%,0 100%);border-block:1px dashed #59634d80;transform:rotate(-1deg);box-shadow:inset 8px 0 12px #39452b22;transition:transform 100ms}
.ribbons a:nth-child(2n){transform:rotate(1deg)}
.ribbons a:hover,.ribbons a[aria-current]{transform:translateX(7px);text-decoration:none}
.ribbons a[aria-current]:before{content:'•';position:absolute;left:5px;top:18px}
.ribbons a[aria-current]{font-weight:bold}
main{padding:54px 7% 70px 9%;min-height:70vh}
main:focus{outline:0}
footer{display:flex;flex-wrap:wrap;gap:20px;align-items:center;border-top:1px solid #6c735c40;padding:26px 6% 32px 8%;font:11px var(--mono)}
footer>span{margin-right:auto}
.handwritten{font-family:var(--serif);font-style:italic;font-weight:400;font-size:27px;color:#795541}
.ticket{display:inline-block;padding:15px 23px;background:var(--ink);color:#f5eedb;border:0;font:12px/1.4 var(--mono);clip-path:polygon(0 0,97% 0,100% 25%,97% 50%,100% 75%,97% 100%,0 100%,2% 75%,0 50%,2% 25%);box-shadow:2px 3px 0 #9a9c83;transition:background 100ms}
.ticket:hover{background:#78513b;text-decoration:none}
.ticket.light{background:#d8d6bd;color:var(--ink)}
.underlink{display:block;margin-top:20px;text-decoration:underline;text-underline-offset:5px;font-size:14px;background:none;border:0;padding:0}
.underlink.inline{display:inline}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:30px 0}
.actions .underlink{margin:0}
.photo{padding:12px;background:#f6efdc;box-shadow:3px 6px 2px #5d624b25;transform:rotate(-2deg)}
.photo img{aspect-ratio:4/3}
.cover{display:grid;grid-template-columns:1.1fr .9fr;gap:25px 45px;align-items:start}
.cover-title h1{font-size:clamp(85px,11vw,155px);line-height:.87;letter-spacing:-.07em}
.cover-title h1 em{display:block}
.cover-title .handwritten{display:block;margin:30px 0 5px}
.cover-photo{transform:rotate(4deg);margin-top:42px;position:relative}
.cover-photo:before,.about-photo:before{content:'';position:absolute;width:90px;height:28px;top:-10px;left:30%;background:#beaf8460;transform:rotate(-5deg)}
.cover-photo img{aspect-ratio:3/4}
.cover-intro{grid-column:1/-1;max-width:710px;font-family:var(--reading);font-size:21px;line-height:1.65;padding:20px 0 10px}
.cover-intro p+p{margin-top:17px}
.cover-intro p:first-child{font-family:var(--serif);font-size:29px}
.entry-pages{border-top:1px solid #858d704d;margin-top:45px;padding-top:45px}
.entry-pages>h2{font-size:clamp(27px,2.7vw,37px);max-width:720px;margin-bottom:20px}
.story{display:flex;align-items:start;gap:25px;padding:30px 0;border-bottom:1px solid #828b7240;position:relative;color:inherit}
.story-copy{flex:1;min-width:0;display:flex;flex-direction:column}
.story h3{font-size:28px;max-width:700px;margin:18px 0 12px}
.story .intro{font-size:18px;max-width:620px;margin-bottom:18px}
.tagline{display:flex;flex-wrap:wrap;gap:10px}
.paper-tag{display:inline-block;padding:5px 12px 6px;background:var(--tag,#d8c17c);font:12px/1.4 var(--mono);transform:rotate(-2deg);box-shadow:1px 2px 1px #504d3025;background-image:url('../textures/paper-scan.jpg');background-size:400px;background-blend-mode:soft-light}
.paper-tag.autre{--tag:#d5b8aa}
.paper-tag.projet{--tag:#b9c7a4}
.paper-tag.monde{--tag:#b5c7cc}
.paper-tag.soi{--tag:#d8c17c}
.meta{display:flex;flex-wrap:wrap;gap:8px 18px;font:11px/1.6 var(--mono);color:#59604e}
.page-no{color:#815a40}
.reserved-note{display:block;font:10px var(--mono);margin-top:15px;color:#78513b}
.open-story{font-size:30px;border:1px solid #8b947b;min-width:42px;text-align:center;transform:rotate(3deg);margin-top:38px}
.spotlight{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:center;border:0;padding:5px 0 45px}
.spotlight h2{font-size:clamp(30px,3.4vw,47px);margin:23px 0}
.spotlight .photo img{aspect-ratio:4/5}
.page-heading{margin-bottom:45px}
.research{display:grid;align-items:center;background:transparent;border-block:1px solid #83906d45;margin:25px 0 40px;padding:42px 0 40px;grid-template-columns:.9fr 1.1fr;gap:35px}
.research>div>p{font-family:var(--reading);margin-top:20px;max-width:320px;font-size:18px}
.postits{position:relative;isolation:isolate;width:94%;margin:0 auto;max-width:430px}
.postits:before,.postits:after{content:'';position:absolute;background:#bfcaad;transform:rotate(-5deg);z-index:-1;inset:10px 0 51px;border:1px solid #a9996e;box-shadow:2px 4px 4px #5a54342b;background-image:linear-gradient(#e2d5ac88,#e2d5ac88),url('../textures/paper-scan.jpg');background-blend-mode:normal;background-size:auto,430px}
.postits:after{background:#d9bfa0;transform:rotate(3deg) translate(6px,3px);background-color:#d6c298}
.stack{background:#e4d59e;position:relative;min-height:265px;background-color:#e6d394;border:1px solid #baa7747a;box-shadow:1px 5px 5px #655c342b;padding:36px 27px 27px;transform:rotate(-1.3deg);background-image:linear-gradient(#b49c5940,transparent 35px),linear-gradient(#efdc9a99,#efdc9a99),url('../textures/paper-scan.jpg');background-size:auto,auto,430px;background-blend-mode:normal}
.postit h3{font-family:var(--serif);font-style:italic;font-weight:400;font-size:27px;line-height:1.25}
.postit p{font-family:var(--reading);font-size:18px;line-height:1.5;margin-top:16px}
.stack-controls{display:flex;align-items:center;font:11px var(--mono);justify-content:center;gap:18px;padding:22px 6px 4px}
.stack-controls button{background:transparent;border:1px solid #8b805e;border-radius:50%;width:36px;height:36px;font-size:18px;line-height:1}
.list-status{text-align:center;font:12px var(--mono);padding:25px 0}
.entries>#load-more{display:block;margin:0 auto}
.section-title{margin:45px 0 28px}
.index-group{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;padding:32px 0;border-bottom:1px solid #828b7250;scroll-margin-top:25px}
.index-heading>p{font-family:var(--reading);font-size:17px;line-height:1.5;margin-top:17px}
.index-row{display:flex;gap:18px;justify-content:space-between;padding:14px 0;border-bottom:1px dotted #9ca189;font-family:var(--reading);font-size:19px;line-height:1.4}
.index-row>span:first-child{flex:1}
.index-row time,.index-row>span:last-child:not(:first-child){font:10px/1.5 var(--mono);flex-shrink:0;align-self:end}
.index-row small{font:10px var(--mono)}
.empty{font-family:var(--reading);font-style:italic;margin:15px 0;color:#696c55}
.notions-index{columns:2;column-gap:40px}
.notion{break-inside:avoid;border-bottom:1px solid #8c937347;margin:0 0 12px}
.notion summary{padding:13px 0;cursor:pointer;display:flex;justify-content:space-between;font:23px var(--reading)}
.notion .index-row{font-size:17px}
.search-field{display:flex;border-bottom:1px solid #59664e;max-width:620px;gap:10px}
.search-field input{background:transparent;border:0;padding:12px 0;width:100%;font-family:var(--reading);font-size:23px}
.search-field button{background:none;border:0;font-size:27px}
#search{margin-top:35px}
#search label{font:12px var(--mono)}
#search-results .result-type{display:block;font:10px var(--mono);color:#7c6049}
.reading-header{max-width:850px;margin:auto}
.back{display:inline-block;font:12px var(--mono);margin-bottom:30px}
.reading-header h1{font-size:clamp(40px,5.5vw,72px);margin:30px 0}
.intro{font-family:var(--reading);font-size:24px;line-height:1.5}
.reading-header .meta{margin:25px 0 15px}
.notion-links{display:flex;flex-wrap:wrap;gap:20px;font:12px var(--mono);color:#59604e}
.notion-links a{text-decoration:underline;text-decoration-style:dotted}
.reading-photo{max-width:760px;margin:35px 0 45px;transform:rotate(-1deg)}
.reading-photo img{aspect-ratio:16/8}
.reading{max-width:680px;margin:45px auto}
.prose{font-family:var(--reading);font-size:21px;line-height:1.75}
.prose p+p{margin-top:23px}
.prose h2{font-size:30px;margin:40px 0 20px}
.prose blockquote{font-family:var(--serif);font-size:27px;line-height:1.4;border-left:2px solid #927e53;margin:35px 0;padding:8px 0 8px 25px}
.prose .source-note{font:11px/1.6 var(--mono);color:#66705d;margin-top:40px}
.related{border-top:1px solid #858d7055;margin-top:50px;padding-top:35px}
.related h3{font-size:24px}
.annotation{color:#6e4533;position:relative;background:#f4e9c9 url('../textures/paper-scan.jpg');background-size:480px;background-blend-mode:soft-light;border-left:2px solid #965b45;margin:35px 0 35px 15px;padding:24px 25px;transform:rotate(-.6deg);box-shadow:2px 4px 3px #81765d25}
.annotation small{font:11px var(--mono);display:block;color:#84533e;line-height:1.6;font-size:12px}
.annotation p{font-size:18px;line-height:1.55;margin-top:15px}
.annotation a{text-decoration:underline;display:inline-block;margin-top:16px;font-size:16px}
.annotation s{text-decoration-thickness:2px}
.comments{padding:40px 0 0;max-width:700px;margin:auto}
.comments h2{margin-bottom:25px}
.comment-entry{border-bottom:1px dashed #9fa18a;padding:20px 0}
.comment-entry p{white-space:pre-wrap;font-family:var(--reading);font-size:20px}
.comment-entry small{font:11px var(--mono)}
.member-only{display:none}
.is-member .member-only{display:block}
.is-member .visitor-only{display:none}
.gate{margin:40px auto;max-width:660px;padding:35px;background:#dfd8bc;box-shadow:3px 4px 0 #afb19555}
.gate h2{font-size:32px;margin:20px 0}
.gate p{font-family:var(--reading);font-size:20px;margin-bottom:20px}
.letter-sheet{position:relative;background:#f6edda;background-size:auto,650px;padding:55px 9%;margin:15px auto 55px;max-width:850px;box-shadow:4px 7px 1px #8c917838;transform:rotate(-.6deg);border:1px solid #c8c3ab;background-image:linear-gradient(#f6edda73,#f6edda73),url('../textures/paper-scan.jpg')}
.letter-sheet h1{margin:45px 0 30px}
.letter-sheet>p{font-family:var(--reading);font-size:23px;margin-bottom:24px;line-height:1.6}
.letter-stamp{display:block;border:2px dotted #80573d;width:100px;text-align:center;padding:10px;line-height:1.1;font-family:var(--serif);color:#80573d;transform:rotate(9deg);margin-left:auto}
.letter-small{margin-top:35px;font:13px/1.7 var(--sans)}
.letter-small p+p{margin-top:16px}
.archives{padding-top:25px}
.archives h2{margin-bottom:25px}
.about h1{margin-bottom:40px}
.about-photo{float:right;width:37%;margin:10px -3% 30px 35px;transform:rotate(3deg);position:relative}
.about .prose{max-width:850px}
.editorial{max-width:790px;margin:auto}
.editorial>h1{margin-bottom:35px}
.editorial>h2{margin:40px 0 20px}
.form-page{max-width:660px;margin:10px auto}
.form-page h1{margin-bottom:32px}
.form-page>p{margin:20px 0;font-family:var(--reading);font-size:21px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
form label{display:block;font-size:13px;margin:20px 0}
input:not([type=checkbox]),textarea{display:block;width:100%;border:0;border-bottom:1px solid #7d886d;border-radius:0;padding:12px 5px;background:#ffffff25}
textarea{border:1px solid #939b80;resize:vertical}
.check{display:flex;gap:10px;align-items:start;font-size:13px;margin:22px 0}
.check input{accent-color:var(--ink);width:18px;height:18px;flex-shrink:0;margin-top:3px}
.form-page button{margin-top:15px}
#comment-form button{margin-top:10px}
.missing{max-width:780px;margin:auto}
.missing h1{font-size:clamp(40px,5vw,65px);margin:30px 0}
.missing>p{font:22px/1.6 var(--reading);margin-bottom:30px}
.tear{position:relative;height:220px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 90%,95% 95%,88% 84%,80% 99%,75% 92%,66% 100%,58% 88%,48% 97%,41% 87%,32% 98%,23% 90%,17% 97%,8% 83%,0 92%);box-shadow:inset 4px 4px 15px #0005}
.tear .photo{padding:0;transform:none}
.tear img{height:230px;object-position:center 40%}
.tear .handwritten{position:absolute;right:30px;top:25px;color:#f2e9ce;font-size:70px;transform:rotate(9deg)}
.editorial>p{font:20px/1.65 var(--reading);margin-bottom:20px}
::selection{background:#bead76;color:#203829}
#home-selection,#post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 22px;align-items:stretch;padding:12px 0 25px}
#home-selection .story,#post-list .story{position:relative;min-width:0;padding:24px 20px 35px;background:#f4ecd6 url('../textures/paper-scan.jpg') repeat;border:1px solid #9a92773d;border-bottom:2px solid #8b826a63;box-shadow:3px 5px 5px #4d4b3528;transform:rotate(-1deg);transition:transform 150ms,box-shadow 150ms;--sheet-tint:#f8efd4a3;background-image:linear-gradient(var(--sheet-tint),var(--sheet-tint)),url('../textures/paper-scan.jpg');background-blend-mode:normal;background-size:auto,420px;display:flex;padding-bottom:47px;align-items:stretch}
#home-selection .story:nth-child(3n+2),#post-list .story:nth-child(3n+2){transform:rotate(1deg);background-color:#e4e6ce;--sheet-tint:#e0e6c3ab}
#home-selection .story:nth-child(3n),#post-list .story:nth-child(3n){transform:rotate(-.4deg);background-color:#eadbc8;--sheet-tint:#f0ddc4ad}
#home-selection .story:before,#post-list .story:before{content:'';position:absolute;inset:0 0 auto;height:7px;background:repeating-linear-gradient(95deg,transparent 0 8px,#c0b69b6b 8px 9px,transparent 9px 13px);clip-path:polygon(0 0,100% 0,100% 30%,85% 60%,65% 30%,42% 70%,20% 30%,0 80%)}
#home-selection .story:hover,#post-list .story:hover{transform:translateY(-3px) rotate(0);box-shadow:4px 8px 8px #4d4b352e}
#home-selection .story h3,#post-list .story h3{font-size:clamp(21px,2.05vw,29px);line-height:1.15;margin:17px 0 13px}
#home-selection .story .intro,#post-list .story .intro{font-size:16px;line-height:1.45;margin:0 0 18px}
#home-selection .story .meta,#post-list .story .meta{font-size:11px;gap:2px 10px}
#home-selection .open-story,#post-list .open-story{position:absolute;right:13px;bottom:8px;border:0;font-size:22px;min-width:25px;margin:0}
#home-selection .paper-tag,#post-list .paper-tag{font-size:11px;padding:4px 7px}
#home-selection .tagline,#post-list .tagline{gap:7px}
#home-selection .reserved-note,#post-list .reserved-note{font-size:11px;margin:13px 20px 0 0;line-height:1.4;margin-top:12px;margin-right:0}
.entry-pages>.ticket{margin-top:6px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:42px;align-items:start}
.article-body{min-width:0;padding-right:30px;border-right:1px solid #9b776253}
.article-layout .reading{margin:25px 0 35px;max-width:680px}
.article-layout .related{margin:38px 0 0;padding:0;border:0}
.article-layout .related>h2{font-size:24px;line-height:1.15;margin:0 0 15px}
.related .story{display:block;padding:17px 0;border-bottom:1px dashed #8b806659;padding-bottom:39px}
.related .story h3{font-size:21px;line-height:1.2;margin:8px 0 10px}
.related .story .intro,.related .story .tagline,.related .story .open-story{display:none}
.related .meta{font-size:11px;gap:3px 8px}
.related .reserved-note{font-size:10px;line-height:1.5}
.article-layout .comments{padding:30px 0 0;margin:0;max-width:none;border-top:1px solid #998b6755}
.article-layout .comments h2{font-size:29px}
.research>div>h2{font-size:clamp(29px,3.2vw,42px)}
.postits:before{transform:rotate(-4deg) translate(-8px,6px);background-color:#c8cfad;background-image:linear-gradient(#ccd6b299,#ccd6b299),url('../textures/paper-scan.jpg')}
.stack:before{content:'';position:absolute;width:72px;height:24px;top:-10px;left:calc(50% - 36px);transform:rotate(-4deg);background:#d1bd8470;border-inline:1px dashed #aa976367}
.stack:after{content:'';position:absolute;bottom:0;right:0;width:21px;height:21px;background:linear-gradient(135deg,#c5b47b44 50%,#f2e4b5 51%);pointer-events:none}
.stack-controls button:hover{background:#dfd3aa}
.stack-controls span{font-size:11px}
.photo figcaption{font:italic 15px/1.5 var(--reading);color:#655d49;margin:11px 4px 2px;text-align:left}
.cover-photo figcaption{font-size:14px}
.about-photo figcaption{font-size:15px}
.quiet-footer{position:relative;justify-content:space-between;gap:20px;font:12px/1.6 var(--mono);padding-block:25px}
.quiet-footer>a:last-child{margin-left:auto}
.legal-note{position:relative}
.legal-note summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.legal-note p{max-width:340px;padding:15px;background:#faf5e7;border:1px solid #bab19a;position:absolute;bottom:28px;left:0;z-index:4;box-shadow:2px 3px 6px #4a452b20;font:14px/1.5 var(--sans)}
.annotation:before{content:'↳';position:absolute;top:8px;left:-27px;color:#965b45;font:30px var(--reading)}
.reply-button{display:inline-block;font:13px/1.5 var(--sans);border:0;background:none;padding:8px 0;color:#714a37;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.reply-thread{margin-left:17px;padding-left:17px;border-left:1px solid #a898745c}
.reply-thread.deep-thread{margin-left:0;padding-left:0;border-left:0}
.reply-thread .comment-entry:last-child{border-bottom:0}
.reply-form{padding:12px 0}
.reply-form label{line-height:1.5}
.reply-form .reply-button{margin-left:16px}
.comment-entry>small{font-size:12px}
.comment-entry>p{font-size:19px}
.comment-entry:focus{outline:1px dashed #9b8a68;outline-offset:5px}
.intro-signature{display:block;text-align:right;margin:25px 0 0;font-size:26px}
.story:hover{text-decoration:none}
.story:hover h2,.story:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.story:focus-visible{outline:3px solid #8c4934;outline-offset:5px}
.card-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font:11px/1.6 var(--mono);color:#545c48;margin-top:auto;padding-top:10px}
.card-meta time{display:block}
.card-page-no{position:absolute;bottom:14px;right:18px;font:12px/1.4 var(--mono);color:#79563e}
.related .card-page-no{right:0;bottom:10px}
.related .card-meta{font-size:11px;gap:3px 10px}
.related .story-copy{display:flex}
.spotlight .story-copy{position:relative;padding-bottom:32px}
.spotlight .card-meta{margin-top:0}
.spotlight .card-page-no{right:0;bottom:0}
.about .actions{gap:14px}
.about .actions .ticket{margin:0}
.bookmark-toggle,.bookmark-dismiss{display:none}
html.page-arrive [data-transition-surface]{transform-origin:left 120px;animation:leaf-arrive 220ms cubic-bezier(.18,.75,.25,1) both}
html[data-motion=off] [data-transition-surface]{animation:none!important}
@view-transition{navigation:none}
@keyframes leaf-arrive{from{transform:translateX(15px) rotate(.15deg)}to{transform:none}}
@media(min-width:1600px){
.notebook{margin-left:auto;margin-right:auto}
.ribbons{right:calc((100vw - 1370px)/2 - 148px)}
}
@media(max-width:1150px){
#home-selection,#post-list{gap:18px}
#home-selection .story,#post-list .story{padding:20px 15px 32px;padding-bottom:47px}
.article-layout{grid-template-columns:minmax(0,1fr) 170px;gap:23px}
.article-body{padding-right:23px}
.related .story h3{font-size:19px}
.article-layout .related>h2{font-size:22px}
.research{grid-template-columns:1fr 1.1fr;gap:22px}
.postits{width:94%}
}
@media(max-width:1050px){
.notebook{margin-right:147px;margin-left:26px}
.ribbons{width:126px;right:16px}
.ribbons a{font-size:11px;padding-left:14px}
.site-header{gap:15px}
.site-header>span{display:none}
.account-link{margin-left:auto}
.cover{gap:25px}
.cover-intro{font-size:20px}
.spotlight{grid-template-columns:1fr 1.2fr;gap:25px}
.research>div>p{max-width:none}
.index-group{grid-template-columns:1fr;gap:15px}
.index-heading>p{max-width:550px}
.index-row{font-size:18px}
}
@media(max-width:950px){
#home-selection,#post-list{grid-template-columns:repeat(2,minmax(0,1fr))}
#home-selection .story:last-child{grid-column:auto}
.article-layout{display:block}
.article-body{padding-right:0;border:0}
.article-layout .related{margin:40px 0 0;padding:25px 0 0;border-top:1px solid #9b776253;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.article-layout .related>h2{grid-column:1/-1}
.research{grid-template-columns:1fr}
.postits{margin:18px auto 0}
}
@media(max-width:700px){
body{padding-bottom:185px}
.notebook{margin:12px 12px 20px 17px;box-shadow:3px 4px 0 #d4cdb7,5px 6px 0 #aca992;margin-bottom:20px;background-size:auto,440px}
.site-header{padding:22px 20px 20px 30px}
.brand{font-size:21px}
.account-link{font-size:10px}
.binding{left:-13px;width:28px;top:100px;bottom:16px;gap:59px}
.binding i{width:25px;border-width:3px;min-height:13px;height:13px}
main{padding:35px 24px 45px 30px;min-height:75vh}
.ribbons{flex-direction:row;overflow-x:auto;scrollbar-width:thin;scroll-padding-inline:12px;overscroll-behavior-x:contain;position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:auto;overflow:visible;background:#d2d0bff5;z-index:100;border-top:1px solid #b1ad96;box-shadow:0 -4px 12px #6c65411a;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:9px 8px calc(9px + env(safe-area-inset-bottom));align-items:end}
.ribbons a,.ribbons a:nth-child(n){flex:0 0 122px;text-align:center;border-block:0;border-inline:1px dashed #64725888;font-size:11px;width:auto;min-width:0;min-height:49px;height:auto;padding:8px 4px 12px;font:12px/1.2 var(--sans);display:flex;align-items:center;justify-content:center;transform:none;clip-path:polygon(0 0,100% 0,100% 100%,50% 93%,0 100%)}
.ribbons a[aria-current]{transform:translateY(-5px);box-shadow:inset 0 0 0 1px #627055;font-weight:700}
.ribbons a[aria-current]:before{left:8px;top:15px;display:none}
footer{padding:25px 25px 35px 30px;gap:15px}
footer>span{flex-basis:100%;order:3;font-size:10px}
.cover{grid-template-columns:1fr .7fr;gap:16px}
.cover-title h1{font-size:clamp(68px,15vw,100px);letter-spacing:-.06em}
.cover-title .handwritten{font-size:20px;margin-top:22px}
.cover-photo{margin:20px -5px 0 0;padding:6px}
.cover-intro{padding-top:18px;font-size:19px}
.cover-intro p:first-child{font-size:25px}
.entry-pages{margin-top:25px;padding-top:30px}
.story{gap:15px;padding:24px 0}
.story h3{font-size:25px}
.open-story{font-size:25px;min-width:34px}
.spotlight{display:flex;flex-direction:column;gap:30px;padding-bottom:25px}
.spotlight .photo{width:82%;margin:auto}
.spotlight .photo img{aspect-ratio:5/3}
.spotlight h2{font-size:33px}
.research{margin:20px 0 30px;padding:32px 0;gap:20px}
.research h2{font-size:30px}
.stack{padding:32px 23px 26px;min-height:260px}
.postit h3{font-size:26px}
.postits{width:90%;margin:12px auto 0}
.index-row{flex-wrap:wrap;gap:7px 15px}
.index-row>span:first-child{flex-basis:100%}
.notions-index{columns:1}
.reading-header h1{font-size:41px}
.intro{font-size:21px}
.reading-photo{padding:7px;margin:30px 0}
.reading-photo img{aspect-ratio:4/3}
.prose{font-size:20px;line-height:1.7}
.prose h2{font-size:28px}
.prose blockquote{font-size:24px;padding-left:18px}
.annotation{padding:20px;margin:30px 0 30px 12px}
.gate{padding:25px 20px}
.gate h2{font-size:28px}
.letter-sheet{padding:28px 23px;margin:0 -7px 35px}
.letter-sheet h1{font-size:50px;margin:30px 0}
.letter-sheet>p{font-size:21px}
.letter-small{font-size:12px}
.about-photo{float:none;width:80%;margin:30px auto}
.form-row{grid-template-columns:1fr;gap:0}
.form-row label{margin-bottom:0}
.form-page h1{font-size:44px}
.meta{font-size:10px;gap:8px 12px}
.paper-tag{font-size:10px}
.ticket{padding:14px 19px}
.comments h2{font-size:29px}
.tear{height:180px}
.tear img{height:200px}
#home-selection{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 8px 22px;margin:0 -8px;gap:18px}
#home-selection .story{flex:0 0 84%;scroll-snap-align:start}
#home-selection .story h3,#post-list .story h3{font-size:24px}
#post-list{grid-template-columns:1fr;gap:20px}
#post-list .story{padding:20px 20px 30px}
#post-list .story .intro{font-size:17px}
.article-layout .related{grid-template-columns:1fr}
.related .story h3{font-size:22px}
.related .story{padding:14px 0;padding-bottom:39px}
.article-layout .comments h2{font-size:28px}
.ribbons a:nth-child(n+5){grid-column:auto}
.ribbons a:last-child{grid-column:3/5}
.quiet-footer{padding:22px 20px 25px 30px;gap:12px 20px;align-items:start}
.quiet-footer>a:last-child{margin-left:0}
.legal-note p{position:static;margin-top:12px;width:100%;max-width:280px}
.legal-note[open]{flex-basis:100%;order:3}
.annotation:before{left:-23px}
.annotation p{font-size:18px}
.photo figcaption{font-size:14px;line-height:1.4;margin-top:9px}
.cover-photo figcaption{font-size:12px}
.reply-thread{margin-left:8px;padding-left:12px}
.reply-thread .comment-entry p{font-size:18px}
.intro-signature{font-size:23px;margin-top:23px}
.ribbons a,.ribbons a:nth-child(n),.ribbons a:last-child{grid-column:auto;min-width:0;width:100%;min-height:146px;height:146px;padding:12px 4px 13px;display:flex;align-items:center;justify-content:center;transform:none;font:12px/1.15 var(--mono);clip-path:polygon(0 0,100% 0,100% 100%,50% 95%,0 100%)}
.ribbon-text{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;text-align:center;display:block}
#home-selection .story,#post-list .story{padding-bottom:45px}
.card-meta{font-size:11px;gap:3px 9px}
.card-page-no{font-size:12px;right:17px;bottom:13px}
.about .actions .ticket{flex:1 1 100%;text-align:center}
.enhanced-nav body{padding-bottom:56px}
.enhanced-nav .ribbons{transform:translateY(calc(100% - 25px - env(safe-area-inset-bottom)));transition:transform 200ms cubic-bezier(.2,.75,.25,1);box-shadow:none;border:0;background:transparent;overflow:visible}
.enhanced-nav .ribbons a[aria-current]{transform:translateY(-12px)}
.enhanced-nav .ribbons .ribbon-text{opacity:0;transition:opacity 100ms}
.enhanced-nav .bookmark-toggle{display:flex;position:fixed;bottom:0;left:0;width:100%;height:calc(48px + env(safe-area-inset-bottom));align-items:flex-start;justify-content:center;padding:2px 0 0;z-index:110;background:transparent;border:0;cursor:pointer;transition:bottom 200ms cubic-bezier(.2,.75,.25,1)}
.bookmark-toggle>span{font:17px/18px Arial,sans-serif;color:#68705a;background:#f7f1dfce;width:22px;border-radius:8px;box-shadow:0 1px 3px #4a50321c}
.enhanced-nav.bookmarks-open .ribbons{transform:none;background:#d2d0bff5;box-shadow:0 -3px 12px #6c654122}
.enhanced-nav.bookmarks-open .ribbons .ribbon-text{opacity:1}
.enhanced-nav.bookmarks-open .bookmark-toggle{bottom:calc(160px + env(safe-area-inset-bottom));height:36px;align-items:center}
.bookmarks-open .bookmark-toggle>span{transform:rotate(180deg)}
.enhanced-nav.bookmarks-open .bookmark-dismiss{display:block;position:fixed;inset:0;background:transparent;border:0;padding:0;z-index:95;cursor:default}
}
@media(min-width:701px)and(max-height:800px){
.ribbons{top:98px;gap:6px}
.ribbons a{min-height:52px;padding-block:13px}
}
@media(prefers-reduced-motion:reduce){
*{scroll-behavior:auto!important;transition:none!important;animation:none!important}
.enhanced-nav .ribbons,.enhanced-nav .bookmark-toggle,.enhanced-nav .ribbon-text{transition:none!important}
html.page-arrive [data-transition-surface]{animation:none!important}
}