:root{--c-bg:#eeede9;--c-surface:#f8f7f4;--c-fg:#17130f;--c-muted:#5d5650;--c-line:#17130f24;--c-line-strong:#17130f52;--c-accent:#7a2e2a;--c-accent-deep:#5e211e;--c-bone:#f2ede6;--c-curtain:var(--c-accent);--f-body:var(--font-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--f-display:var(--font-sans), ui-sans-serif, system-ui, sans-serif;--f-serif:var(--font-serif), "Times New Roman", serif;--t-mega:clamp(3.5rem, 1rem + 11vw, 12.5rem);--t-xl:clamp(2.6rem, 1.2rem + 5.2vw, 6.5rem);--t-l:clamp(1.9rem, 1.3rem + 2.2vw, 3.4rem);--t-m:clamp(1.2rem, 1.05rem + .6vw, 1.6rem);--t-body:clamp(1rem, .96rem + .18vw, 1.125rem);--t-s:.875rem;--t-xs:.8125rem;--u:clamp(.5rem, .36rem + .6vw, 1rem);--gutter:clamp(16px, 2.6vw, 40px);--header-h:68px;--cols:12;--radius:0px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.215, .61, .355, 1);--ease-aperture:cubic-bezier(.55, 0, .1, 1);--z-content:1;--z-header:50;--z-menu:60;--z-viewer:70;--z-sheet:75;--z-cursor:80;--z-curtain:90;--z-loader:100}@media (max-width:767px){:root{--header-h:60px;--cols:4}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:none;text-size-adjust:none;background:var(--c-bg);color:var(--c-fg)}body{background:var(--c-bg);min-height:100dvh;font-family:var(--f-body);font-size:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-kerning:normal;line-height:1.5;overflow-x:clip}img,picture,video,canvas,svg{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:inherit;font-size:inherit;text-wrap:balance}p{text-wrap:pretty}ul,ol{padding:0;list-style:none}::selection{background:var(--c-accent);color:var(--c-bone)}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:2px}#main:focus{outline:none}.skip-link{left:var(--gutter);z-index:calc(var(--z-loader) + 1);background:var(--c-fg);color:var(--c-bone);font-size:var(--t-s);border-radius:999px;padding:.7em 1.1em;position:fixed;top:10px;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}#main,[data-layer=content]{z-index:var(--z-content);position:relative}.motion [data-split],.motion [data-reveal]{visibility:hidden}.split-line{margin-bottom:-.08em;padding-bottom:.08em}[data-split]>*,[data-split]>*>*{text-indent:0}[data-split]>:first-child,[data-split]>:first-child>:first-child{text-indent:inherit}#curtain{z-index:var(--z-curtain);pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}.curtain__panel{background:var(--c-curtain);place-items:center;display:grid;position:absolute;inset:0}.curtain__mark{width:56px;height:auto}#loader{z-index:var(--z-loader);background:var(--c-bg);color:var(--c-fg);clip-path:circle(150%);place-items:center;animation:.5s cubic-bezier(.55,0,.1,1) .9s forwards loader-leave;display:grid;position:fixed;inset:0}html.seen #loader{display:none}@keyframes loader-leave{to{clip-path:circle(0);visibility:hidden}}html.motion:not(.is-booted) [data-split],html.motion:not(.is-booted) [data-reveal]{animation:0s linear 1.6s forwards unhide}@keyframes unhide{to{visibility:visible}}@media (prefers-reduced-motion:reduce){#loader{display:none}}.loader__inner{justify-items:center;gap:18px;display:grid}.loader__disc{width:112px;height:112px;position:relative}.loader__disc img{width:72px;height:72px;position:absolute;inset:20px}.loader__ring{width:100%;height:100%;position:absolute;inset:0;rotate:-90deg}.loader__ring circle{fill:none;stroke-width:1.5px}.loader__ring .track{stroke:var(--c-line)}.loader__ring .fill{stroke:var(--c-accent);stroke-dasharray:339.3;stroke-dashoffset:339.3px}.loader__count{font-size:var(--t-xs);letter-spacing:.08em;color:var(--c-muted);font-variant-numeric:tabular-nums}html:not(.js) #loader,#loader[hidden]{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wrap{padding-inline:var(--gutter)}.grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);display:grid}.label{font-size:var(--t-xs);color:var(--c-muted);letter-spacing:.01em;line-height:1.35}.label:before{content:"";background:var(--c-accent);border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block;translate:0 -1px}.display{font-family:var(--f-display);font-variation-settings:"wdth" 75;letter-spacing:-.035em;font-weight:500;font-stretch:75%;line-height:.92}.adorn{font-family:var(--f-serif);font-variation-settings:normal;letter-spacing:-.01em;font-style:italic;font-weight:400;font-stretch:100%}.t-mega{font-size:var(--t-mega)}.t-xl{font-size:var(--t-xl)}.t-l{font-size:var(--t-l)}.t-m{font-size:var(--t-m);letter-spacing:-.01em;line-height:1.25}.lede{font-size:var(--t-m);letter-spacing:-.012em;max-width:34ch;line-height:1.35}.body{font-size:var(--t-body);max-width:60ch;line-height:1.55}.muted{color:var(--c-muted)}.num{font-variant-numeric:tabular-nums}.btn{isolation:isolate;min-height:48px;font-size:var(--t-s);letter-spacing:0;white-space:nowrap;transition:color .35s var(--ease-soft), border-color .35s var(--ease-soft);border-radius:999px;align-items:center;gap:12px;padding:0 8px 0 22px;font-weight:500;display:inline-flex;position:relative;overflow:clip}.btn__fill{z-index:-1;clip-path:circle(0%);position:absolute;inset:0}.btn__icon{border-radius:50%;place-items:center;width:32px;height:32px;display:grid;overflow:clip}.btn__icon svg{width:14px;height:14px;transition:translate .45s var(--ease-out)}.btn__icon svg+svg{position:absolute}.btn-primary{background:var(--c-accent);color:var(--c-bone)}.btn-primary .btn__fill{background:var(--c-fg)}.btn-primary .btn__icon{background:#f2ede629}.btn-ghost{border:1px solid var(--c-line-strong);color:var(--c-fg);padding-right:22px}.btn-ghost .btn__fill{background:var(--c-fg)}.btn-ghost.is-filled{color:var(--c-bone);border-color:var(--c-fg)}.btn-bone{background:var(--c-bone);color:var(--c-fg)}.btn-bone .btn__fill{background:var(--c-accent)}.btn-bone.is-filled{color:var(--c-bone)}.btn-bone .btn__icon{background:#17130f14}.btn:active .btn__fill{clip-path:circle(150%)}.btn-ghost:active,.btn-bone:active{color:var(--c-bone)}.btn-lg{min-height:60px;font-size:var(--t-body);padding-left:28px}.btn-lg .btn__icon{width:44px;height:44px}.btn__label{display:grid;overflow:clip}.btn__label>span{transition:translate .55s var(--ease-out), opacity .3s var(--ease-soft);grid-area:1/1}.btn__l2{opacity:0;translate:0 110%}.btn.is-done .btn__l1{opacity:0;translate:0 -110%}.btn.is-done .btn__l2{opacity:1;translate:0}.btn__icon .a3{transition:scale .45s var(--ease-out) .12s;position:absolute;scale:0}.btn.is-done .btn__icon svg:is(.a1,.a2){translate:150% -150%}.btn.is-done .btn__icon .a3{scale:1}.btn.is-done .btn__icon{transition:background-color .35s var(--ease-soft), color .35s var(--ease-soft)}.btn-primary.is-done .btn__icon{background:var(--c-bone);color:var(--c-accent)}.btn-bone.is-done .btn__icon,.btn-ghost.is-done .btn__icon{background:var(--c-accent);color:var(--c-bone)}.btn.is-still,.btn.is-still *{transition:none!important}@media (prefers-reduced-motion:reduce){.btn__label>span,.btn__icon .a3{transition:none}}.btn__icon .a2{translate:-150% 150%}.btn.is-filled .btn__icon .a1{translate:150% -150%}.btn.is-filled .btn__icon .a2{translate:0}@media (prefers-reduced-motion:reduce){.btn:focus-visible .btn__fill{clip-path:none}.btn-ghost:focus-visible,.btn-bone:focus-visible{color:var(--c-bone)}}@media (prefers-reduced-motion:reduce) and (hover:hover){.btn:hover .btn__fill{clip-path:none}.btn-ghost:hover,.btn-bone:hover{color:var(--c-bone)}}.tlink{min-height:32px;font-size:var(--t-s);background:linear-gradient(var(--c-accent) 0 0) left calc(100% - 4px) / 100% 1px no-repeat;transition:background-size .4s var(--ease-out), color .3s;align-items:center;gap:8px;padding-bottom:4px;font-weight:500;display:inline-flex}.tlink svg{width:14px;height:14px;transition:translate .4s var(--ease-out)}@media (hover:hover){.tlink:hover{background-size:100% .5em}.tlink:hover svg{translate:5px}}.tlink:focus-visible{background-size:100% .5em}.tlink:focus-visible svg{translate:5px}@media (prefers-reduced-motion:reduce){.tlink,.tlink svg{transition:none}}.ilink{background:linear-gradient(var(--c-accent) 0 0) left bottom / 100% 1px no-repeat;transition:background-size .4s var(--ease-out)}@media (hover:hover){.ilink:hover{background-size:100% .45em}}.ilink:focus-visible{background-size:100% .45em}.aperture{contain:layout paint;background:var(--c-surface);--ar:28%;--ax:50%;--ay:50%;position:relative;overflow:clip}.aperture__base,.aperture__top{position:absolute;inset:0}.aperture__base img,.aperture__top img,.aperture__top video{object-fit:cover;width:100%;height:100%;display:block}.aperture__top{clip-path:circle(var(--ar) at var(--ax) var(--ay))}.aperture__ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.aperture__ring circle{fill:none;stroke:var(--c-bone);stroke-width:1.5px;vector-effect:non-scaling-stroke}.aperture__tag{translate:var(--tx,-100px) var(--ty,-100px);background:var(--c-bone);color:var(--c-fg);font-size:var(--t-xs);white-space:nowrap;pointer-events:none;border-radius:999px;padding:6px 11px;line-height:1;position:absolute;top:0;left:0}.aperture__cap{background:var(--c-surface);color:var(--c-fg);font-size:var(--t-xs);white-space:nowrap;border-radius:999px;padding:6px 11px;line-height:1;position:absolute;bottom:12px;left:12px}.frame{background:var(--c-surface);position:relative;overflow:clip}.frame img,.frame video{object-fit:cover;width:100%;height:100%;display:block}.chip{background:var(--c-surface);color:var(--c-fg);font-size:var(--t-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;line-height:1;display:inline-flex}.frame>.chip{position:absolute;bottom:10px;left:10px}.chip--dot:before{content:"";background:var(--c-accent);border-radius:50%;width:6px;height:6px}#loupe{z-index:var(--z-cursor);pointer-events:none;background-color:var(--c-surface);width:176px;height:176px;box-shadow:0 0 0 1.5px var(--c-bone), 0 0 0 2.5px #17130f2e;opacity:0;transition:opacity .25s var(--ease-soft), scale .45s var(--ease-out);background-repeat:no-repeat;border-radius:50%;margin:-88px 0 0 -88px;position:fixed;top:0;left:0;scale:.4}#loupe.is-on{opacity:1;scale:1}@media (hover:none),(pointer:coarse){#loupe{display:none}}[data-loupe]{cursor:zoom-in}.round{background:var(--c-surface);width:44px;height:44px;color:var(--c-fg);border:1px solid var(--c-line);transition:background .3s, color .3s, scale .35s var(--ease-out);border-radius:50%;place-items:center;display:inline-grid}.round svg{width:16px;height:16px}@media (hover:hover){.round:hover{background:var(--c-fg);color:var(--c-bone);scale:1.06}}.round:focus-visible{background:var(--c-fg);color:var(--c-bone)}.round:active{scale:.94}.pill-toggle{background:var(--c-surface);border:1px solid var(--c-line);min-height:36px;font-size:var(--t-xs);border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 10px;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.pill-toggle svg{width:12px;height:12px}@media (hover:hover){.pill-toggle:hover{background:var(--c-fg);color:var(--c-bone);border-color:var(--c-fg)}}.pill-toggle:focus-visible{background:var(--c-fg);color:var(--c-bone)}.pagebar{padding:calc(var(--header-h) + 6vh) var(--gutter) 6vh}.pagebar__grid{align-items:end;row-gap:22px}.pagebar__title{grid-column:1/span 7;margin-left:-.04em;line-height:.86}.pagebar__beat{font-size:var(--t-l);max-width:26ch;margin:.18em 0 0 .04em;line-height:1.05;display:block}.pagebar__line{font-size:var(--t-m);letter-spacing:-.012em;grid-column:8/-1;max-width:34ch;padding-bottom:.4em;line-height:1.32}.pagebar__nav{flex-wrap:wrap;grid-column:8/-1;gap:4px 22px;display:flex}@media (max-width:960px){.pagebar{padding-top:calc(var(--header-h) + 32px);padding-bottom:32px}.pagebar__title,.pagebar__line,.pagebar__nav{grid-column:1/-1}}.btn__icon{position:relative}@property --pr{syntax:"<percentage>";inherits:true;initial-value:0%}.aperture__tag,.aperture__cap{transition:opacity .35s var(--ease-soft)}.slate{font-size:var(--t-xs);color:var(--c-fg);flex-wrap:wrap;align-items:baseline;gap:2px 0;line-height:1.35;display:flex}.slate>span:not(:last-child):after{content:"·";color:var(--c-muted);margin:0 .5em}.slate .slate__shot,.slate--dim{color:var(--c-muted)}.brief-count{background:var(--c-bone);width:20px;height:20px;color:var(--c-accent);font-variant-numeric:tabular-nums;transition:scale .45s var(--ease-aperture);border-radius:50%;place-items:center;margin-left:-4px;font-size:.72rem;font-weight:600;line-height:1;display:inline-grid;scale:0}.brief-count[data-on]{scale:1}.brief-count[data-on][data-beat]{animation:brief-beat .6s var(--ease-out)}@keyframes brief-beat{0%{scale:.4}55%{scale:1.3}to{scale:1}}@media (prefers-reduced-motion:reduce){.brief-count[data-on][data-beat]{animation:none}}html.sheet-open{overflow:clip}
