.notebook-edition{padding:0 var(--margin);--notebook-space:clamp(56px,7vw,104px)}.notebook-masthead{justify-content:space-between;align-items:flex-end;gap:32px;padding-block:clamp(24px,3vw,44px) 28px;display:flex}.notebook-register{font:11px/1.7 var(--font-evidence),monospace;letter-spacing:.03em;color:var(--muted)}.notebook-masthead h1{font:400 clamp(58px,8vw,110px)/.94 var(--font-display),Georgia,serif;letter-spacing:-.055em;margin-top:14px}.notebook-masthead h1>span{color:var(--accent)}.notebook-masthead-note{max-width:380px;padding-bottom:6px}.notebook-masthead-note>p{font:17px/1.55 var(--font-display),Georgia,serif;margin-bottom:12px}.notebook-masthead-note>a{min-height:44px;font:13px/1.6 var(--font-system),sans-serif;text-underline-offset:5px;flex-direction:column;align-items:flex-start;gap:4px;text-decoration:underline;display:flex}.notebook-shelf{grid-template-columns:repeat(12,minmax(0,1fr));gap:112px 64px;max-width:1520px;margin:0 auto;padding:64px clamp(24px,4vw,64px) 112px;list-style:none;display:grid}.notebook-shelf>li{perspective:2200px;min-width:0;display:flex;position:relative}.notebook-shelf>li:before{content:"";pointer-events:none;background:radial-gradient(at 25% 25%,#b7a07730,#0000 65%);position:absolute;inset:-48px -40px -64px}.notebook-volume{background:var(--notebook-paper,#f2eee3);color:#22251f;transform-origin:50%;width:100%;box-shadow:var(--notebook-book-shadow);border-radius:2px 7px 8px 2px;display:flex;position:relative;transform:rotateX(5deg)rotateY(-4deg)rotate(-1deg);container-type:inline-size}.notebook-volume:before{content:"";pointer-events:none;border-left:1px solid #a36b4b38;position:absolute;top:24px;bottom:24px;left:20px}.notebook-volume-cover:after{content:"";background:var(--notebook-binding-light);pointer-events:none;width:56px;position:absolute;top:0;bottom:0;left:calc(64% - 28px)}.notebook-volume-cover{width:100%;min-height:380px;color:inherit;border-radius:inherit;background-image:var(--notebook-paper-light),linear-gradient(#637b7010 1px,transparent 1px),linear-gradient(90deg,#637b7010 1px,transparent 1px);background-position:0 0;background-size:100% 100%,20px 20px,20px 20px;flex-direction:column;padding:28px 32px 22px 36px;display:flex;position:relative}.notebook-volume-register{font:10px/1.7 var(--font-evidence),monospace;color:#50564b;border-bottom:1px solid #262b2530;justify-content:space-between;gap:16px;padding-bottom:18px;display:flex}.notebook-volume-composition{flex:1;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:32px;padding-block:32px 36px;display:grid}.notebook-volume :is(h2,h3){font:400 clamp(28px,4.8cqi,42px)/1.1 var(--font-display),Georgia,serif;letter-spacing:-.03em;text-wrap:balance;margin:0 0 20px}.notebook-volume-copy>p{font:13px/1.8 var(--font-system),sans-serif}.notebook-cover-sketch{color:#55594e;width:100%;margin:0;transform:rotate(-3deg)}.notebook-cover-sketch svg{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:auto;display:block;overflow:visible}.notebook-cover-sketch svg text{fill:currentColor;stroke:none;text-anchor:middle;font:10px var(--font-evidence),monospace;letter-spacing:.03em}.notebook-sketch-dashed{stroke-dasharray:3 5;opacity:.7}.notebook-cover-sketch figcaption{font:italic 13px/1.45 var(--font-display),Georgia,serif;text-align:center;max-width:18ch;margin:4px auto 0}.notebook-volume-footer{border-top:1px solid #262b2530;margin-top:auto;padding-top:16px}.notebook-volume-footer>span:first-child{font:10px/1.8 var(--font-evidence),monospace;color:#50564b;display:block}.notebook-volume-open{min-height:44px;font:13px/1.6 var(--font-system),sans-serif;justify-content:space-between;align-items:center;margin-top:8px;display:flex}.notebook-volume-cover:hover .notebook-volume-open{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.notebook-volume-cover:focus-visible{outline:3px solid var(--notebook-thread-ink);outline-offset:7px}.notebook-shelf>li[data-presentation=spread]{grid-column:1/-1;justify-self:center;width:min(100%,1080px);margin:0 0 16px}.notebook-shelf>li[data-presentation=spread] .notebook-volume{transform:rotateX(4deg)rotateY(-2deg)rotate(-.8deg)}.notebook-shelf>li[data-presentation=spread] .notebook-volume-cover{min-height:490px;padding:36px 48px 28px}.notebook-shelf>li[data-presentation=spread] .notebook-volume-composition{gap:clamp(40px,6vw,96px);padding-block:56px}.notebook-shelf>li[data-presentation=spread] :is(h2,h3){font-size:clamp(38px,5.2cqi,68px);line-height:1.06}.notebook-shelf>li[data-presentation=spread] .notebook-volume-copy>p{max-width:46ch;font-size:15px}.notebook-shelf>li[data-presentation=spread] .notebook-cover-sketch{justify-self:center;max-width:260px}.notebook-find{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);margin-bottom:32px;padding:40px 0;display:grid}.notebook-find h2{font:400 clamp(32px,4vw,52px)/1.15 var(--font-display),Georgia,serif;letter-spacing:-.025em;margin-block:16px}.notebook-find>div>p:last-child{font:14px/1.8 var(--font-system),sans-serif;max-width:44ch;color:var(--muted)}.notebook-find form{align-self:center;min-width:0}.notebook-find label{font:12px/1.6 var(--font-system),sans-serif;margin-bottom:12px;display:block}.notebook-find form>div{border-bottom:1px solid var(--fg);display:flex}.notebook-find input{width:100%;min-width:0;min-height:52px;color:var(--fg);font:15px/1.6 var(--font-system),sans-serif;background:0 0;border:0;padding:12px 8px 12px 0}.notebook-find input::placeholder{color:var(--muted);opacity:1}.notebook-find button{color:var(--fg);font:13px/1.6 var(--font-system),sans-serif;background:0 0;border:0;flex-shrink:0;padding:12px 8px}.notebook-find form>a{min-height:44px;font:12px/1.6 var(--font-system),sans-serif;text-underline-offset:4px;align-items:center;margin-top:12px;text-decoration:underline;display:inline-flex}.notebook-follow{border-top:1px solid var(--rule);padding-block:16px 32px}.notebook-follow>summary{font:14px/1.6 var(--font-system),sans-serif;cursor:pointer;padding-block:12px}.notebook-follow .follow-section{margin:0;padding-inline:0}.notebook-collection{margin-block:var(--notebook-space);scroll-margin-top:88px}.notebook-collection-heading{border-top:1px solid var(--rule);justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px;padding-top:28px;display:flex}.notebook-collection-heading h2{font:400 clamp(38px,5vw,68px)/1.08 var(--font-display),Georgia,serif;letter-spacing:-.03em;margin-block:16px}.notebook-collection-heading>div>p:last-child{font:15px/1.8 var(--font-system),sans-serif;max-width:60ch;color:var(--muted)}.notebook-collection-heading>a{min-height:44px;font:13px/1.6 var(--font-system),sans-serif;text-underline-offset:5px;flex-shrink:0;align-items:center;text-decoration:underline;display:inline-flex}.notebook-selection{z-index:30;background:var(--bg);border-block:1px solid var(--rule);margin-top:0;scroll-margin-top:0;position:sticky;top:0}.notebook-filter-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding-block:12px;list-style:none;display:flex}.notebook-filter-panel>summary::-webkit-details-marker{display:none}.notebook-filter-label{font:16px/1.5 var(--font-display),Georgia,serif;align-items:center;gap:20px;display:inline-flex}.notebook-filter-indicator{flex:none;width:12px;height:12px;position:relative}.notebook-filter-indicator:before,.notebook-filter-indicator:after{content:"";background:currentColor;position:absolute}.notebook-filter-indicator:before{width:12px;height:1px;top:5px}.notebook-filter-indicator:after{width:1px;height:12px;left:5px}.notebook-filter-panel[open] .notebook-filter-indicator:after{display:none}.notebook-filter-panel>summary:focus-visible{outline:2px solid var(--fg);outline-offset:-3px}.notebook-filter-panel[open] .notebook-filters{background:var(--bg);overscroll-behavior:contain;max-height:calc(100dvh - 100px);padding:24px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 20px 32px #0003}.notebook-filters{border-block:1px solid var(--rule);flex-wrap:wrap;align-items:flex-end;gap:20px 40px;padding-block:24px;display:flex}.notebook-filters>div{flex:1;min-width:200px;max-width:340px}.notebook-filters label{font:10px/1.6 var(--font-evidence),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:block}.notebook-filters :is(select,input){border:0;border-bottom:1px solid var(--rule);background:var(--bg);width:100%;min-height:44px;color:var(--fg);font:18px/1.5 var(--font-display),Georgia,serif;border-radius:0;padding:8px 28px 8px 0}.notebook-filters button,.notebook-filters>a{min-height:44px;color:var(--fg);font:12px/1.6 var(--font-system),sans-serif;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;align-items:center;gap:28px;padding:8px 0;display:inline-flex}.notebook-filters :is(select,input,button,a):focus-visible{outline:2px solid var(--fg);outline-offset:5px}.notebook-selection-count{text-align:right;font:10px/1.7 var(--font-evidence),monospace;color:var(--muted)}.notebook-empty{font:26px/1.5 var(--font-display),Georgia,serif;padding-block:64px}.notebook-empty a{text-underline-offset:5px;font-size:17px;text-decoration:underline;display:block}.notebook-shelf>li[data-presentation=portrait]{grid-column:span 5;align-self:start;margin:0 5% 40px}.notebook-shelf>li[data-presentation=study]{grid-column:span 7;align-self:end;margin-top:64px}.notebook-shelf>li[data-presentation=portrait] .notebook-volume{transform:rotateX(2deg)rotateY(3deg)rotate(1deg)}.notebook-shelf>li[data-presentation=portrait] .notebook-volume-composition{grid-template-columns:minmax(0,1fr);gap:28px}.notebook-shelf>li[data-presentation=portrait] .notebook-volume-cover:after{display:none}.notebook-shelf>li[data-presentation=portrait] .notebook-cover-sketch{width:158px;margin-inline:auto 0;transform:rotate(2deg)}.notebook-shelf>li[data-presentation=study] .notebook-volume{transform:rotateX(3deg)rotateY(-2deg)rotate(-.4deg)}.notebook-volume-register{color:var(--notebook-thread-ink);border-bottom-color:color-mix(in srgb,var(--notebook-thread-ink) 35%,transparent)}.notebook-shelf>li[data-presentation=study] .notebook-volume-composition{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.notebook-shelf>li[data-presentation=study] .notebook-volume-cover:after{left:calc(57% - 28px)}.notebook-shelf>li[data-presentation=spread]:not(:first-child){margin-inline:10% 0}.notebook-collection:first-child{margin-top:28px}.notebook-collection:first-child .notebook-collection-heading{border-top:0;margin-bottom:12px;padding-top:0}.notebook-collection:first-child .notebook-collection-heading h2{margin-block:8px;font-size:clamp(30px,3vw,42px)}.notebook-collection:first-child .notebook-shelf{padding-top:64px}@media (max-width:1000px){.notebook-shelf>li[data-presentation]{grid-column:1/-1;margin:0}.notebook-shelf{grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto}.notebook-shelf>li[data-presentation=spread],.notebook-shelf>li[data-presentation=spread]:not(:first-child){margin-inline:0}}@media (max-width:700px){.notebook-collection-heading{display:block}.notebook-collection-heading>a{margin-top:16px}.notebook-masthead{padding-bottom:20px;display:block}.notebook-masthead-note{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.notebook-masthead-note>p{margin:0;font-size:17px}.notebook-shelf{gap:64px;padding:36px 0 64px}.notebook-shelf>li:before{inset:-20px 0 -32px}.notebook-collection:first-child .notebook-shelf{padding-top:36px}.notebook-volume,.notebook-shelf>li[data-presentation] .notebook-volume{transform:none}.notebook-shelf>li[data-presentation=spread]{margin-bottom:0}.notebook-shelf>li[data-presentation=spread] .notebook-volume-cover{min-height:0;padding:28px 24px 22px 36px}.notebook-shelf>li[data-presentation=spread] .notebook-volume-composition{gap:24px;padding-block:32px}.notebook-volume-cover{min-height:0;padding-right:24px}.notebook-find{grid-template-columns:minmax(0,1fr);gap:24px}}@container (max-width:500px){.notebook-volume-cover:after{display:none}.notebook-volume-composition,.notebook-shelf>li[data-presentation=study] .notebook-volume-composition{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:24px}.notebook-cover-sketch{width:140px;margin-left:auto}.notebook-volume :is(h2,h3),.notebook-shelf>li[data-presentation=spread] :is(h2,h3){font-size:32px}.notebook-shelf>li[data-presentation=spread] .notebook-cover-sketch{justify-self:end;width:140px}}@media print{.notebook-volume,.notebook-shelf>li[data-presentation] .notebook-volume{box-shadow:none;transform:none}.notebook-shelf>li:before{display:none}.notebook-volume{break-inside:avoid}.notebook-shelf{display:block}.notebook-shelf>li{margin-block:24px}.notebook-find form,.notebook-selection{display:none}}.notebook-collection-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:100px 64px;padding-top:64px}.notebook-collection-shelf>li:first-child{grid-column:1/-1;justify-self:center;width:min(100%,1080px)}.notebook-collection-shelf>li{align-self:stretch}.notebook-collection-shelf>li:nth-child(2n) .notebook-volume{transform:rotateX(2deg)rotateY(2deg)rotate(.5deg)}.notebook-collection-preview .notebook-volume-cover{min-height:390px}.notebook-collection-preview .notebook-volume-composition{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px}.notebook-collection-preview h2{font:400 clamp(34px,6cqi,54px)/1.08 var(--font-display),Georgia,serif;letter-spacing:-.035em;margin-bottom:20px}.notebook-collection-glimpse{margin-top:28px}.notebook-collection-glimpse>span{font:10px/1.7 var(--font-evidence),monospace;color:#50564b}.notebook-collection-glimpse ul{margin-top:10px;padding:0;list-style:none}.notebook-collection-glimpse li{font:15px/1.45 var(--font-display),Georgia,serif;padding-block:6px}.notebook-back{min-height:44px;font:12px/1.6 var(--font-system),sans-serif;text-underline-offset:5px;align-items:center;text-decoration:underline;display:inline-flex}.notebook-edition[data-notebook-view=collection] .notebook-masthead h1{max-width:16ch;font-size:clamp(44px,6vw,82px)}.notebook-edition[data-notebook-view=collection] .notebook-collection:first-child{margin-top:12px}@container (max-width:500px){.notebook-collection-preview .notebook-volume-composition{grid-template-columns:minmax(0,1fr)}.notebook-collection-preview .notebook-cover-sketch{width:130px}}@media (max-width:900px){.notebook-collection-shelf{grid-template-columns:minmax(0,1fr);max-width:680px}}@media (max-width:700px){.notebook-collection-shelf{gap:64px;padding-top:36px}.notebook-collection-shelf>li:nth-child(2n) .notebook-volume{transform:none}.notebook-collection-preview .notebook-volume-cover{min-height:0}}@media print{.notebook-collection-shelf>li:nth-child(2n) .notebook-volume{transform:none}}.notebook-volume[data-notebook-format=lookbook] .notebook-volume-cover,.notebook-volume[data-notebook-format=thematic] .notebook-volume-cover{background-image:var(--notebook-paper-light);background-size:100% 100%}.notebook-volume[data-notebook-format=experimental] .notebook-volume-cover{background-image:var(--notebook-paper-light),radial-gradient(circle,#50564b38 .65px,transparent .85px);background-size:100% 100%,20px 20px}.notebook-shelf .notebook-volume[data-notebook-format=lookbook]{--notebook-thread-ink:#c9beaa;color:#eee7d8;box-shadow:none;background:#151714;border-radius:0;transform:none}.notebook-volume[data-notebook-format=lookbook]:before,.notebook-volume[data-notebook-format=lookbook] .notebook-volume-cover:after{display:none}.notebook-volume[data-notebook-format=lookbook] .notebook-volume-cover{background-image:none;border-block:1px solid #eee7d82e}.notebook-volume[data-notebook-format=lookbook] .notebook-volume-composition{grid-template-columns:1fr 1.2fr}.notebook-volume[data-notebook-format=lookbook] .media{min-width:0;margin:0}.notebook-volume[data-notebook-format=lookbook] .media img{width:100%;height:auto}.notebook-volume[data-notebook-format=lookbook] .media-caption{color:#c0baad;font-size:10px;line-height:1.7}.notebook-volume[data-notebook-format=lookbook] .notebook-volume-footer{border-color:#eee7d82e}.notebook-volume[data-notebook-format=lookbook] .notebook-volume-footer>span:first-child{color:#c0baad}@container (max-width:600px){.notebook-volume[data-notebook-format=lookbook] .notebook-volume-composition{grid-template-columns:1fr}}
