@charset "UTF-8";
:root{--paper:#f4f1e9;--ink:#292a25;--muted:#6c6c62;--line:#d6d3c8;--accent:#b84a32;--white:#fffdf7;--sans:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0}a,button{transition:color .18s,background .18s,transform .18s}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:active,.button:active{transform:translateY(1px)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:650;letter-spacing:-.7px;white-space:nowrap}.brand-mark{width:33px;height:33px;display:flex;justify-content:center;align-items:center;background:var(--ink);color:var(--paper);font:italic 25px/1 var(--serif);letter-spacing:-5px;padding-right:4px}.brand-mark span{margin-left:2px}.brand-dot{height:6px;width:6px;background:var(--accent);align-self:center;margin-left:-5px}.header nav{display:flex;gap:32px;font-size:13px;font-weight:550}.header nav a:hover,.text-link:hover,.footer a:hover{color:var(--accent)}.header nav span{padding-left:7px}.header-note{font-size:12px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;padding-block:75px 70px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;margin:0 0 23px}.hero-copy .eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:.6px;font-size:11px}.square{width:6px;height:6px;background:var(--accent)}h1{font:400 clamp(60px,6.8vw,96px)/1.02 var(--serif);letter-spacing:-5px;margin:0 0 28px;text-wrap:balance}h1 em{font-weight:400;color:var(--accent)}.intro{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 30px}.button{background:var(--ink);color:var(--white);display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:14px 21px;font-size:12px;font-weight:550;min-height:48px}.button:hover{background:var(--accent)}.button span{font-size:20px;line-height:1}.hero-footnote{color:var(--muted);font-size:10px;margin:14px 0 0}.hero-art{height:442px;background:#e7e3d8;position:relative;padding:27px;overflow:hidden}.art-caption{display:flex;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:1.4px}.sheet{position:absolute;box-shadow:0 16px 24px #64594317}.sheet-back{height:310px;width:245px;right:36px;top:70px;background:#c1c4b0;transform:rotate(10deg);padding:24px;font-size:7px;letter-spacing:1px}.sheet-grid{height:210px;background:repeating-linear-gradient(90deg,transparent 0 25px,#80846a55 25px 26px),repeating-linear-gradient(0deg,transparent 0 25px,#80846a55 25px 26px);border:1px solid #80846a55;margin-top:15px}.sheet-back small{font-size:8px;display:block;margin-top:12px;letter-spacing:0}.sheet-front{width:250px;top:67px;left:46px;height:326px;background:var(--white);transform:rotate(-8deg);padding:25px}.sheet-label{font-size:7px;letter-spacing:1.2px}.sheet-front strong{font:400 30px/1.12 var(--serif);display:block;margin-top:16px;letter-spacing:-1px}.planner-mini{display:grid;grid-template-columns:24px 1fr;gap:13px 10px;margin-top:25px}.planner-mini span{font-size:6px;color:var(--muted);align-self:center}.planner-mini i{border-bottom:1px solid #dedacf}.sheet-bottom{margin-top:27px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px}.sheet-bottom span+span{font-size:17px;line-height:10px}.art-sticker{position:absolute;right:22px;bottom:18px;border-radius:50%;width:97px;height:97px;background:var(--accent);color:var(--white);display:grid;place-content:center;transform:rotate(11deg);font-size:11px;line-height:1.5;text-align:center}.collection-bar{border-block:1px solid var(--line)}.bar-inner{display:flex;justify-content:space-between;padding-block:17px;font-size:11px;color:var(--muted)}.bar-inner>span+span{font-size:10px;letter-spacing:.3px}.bar-inner>span+span span{margin-left:40px;color:var(--ink)}.collection{padding-block:70px 85px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:12px}h2{font:400 42px/1.15 var(--serif);letter-spacing:-1.7px;margin:0;text-wrap:balance}.section-heading>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 3px}.tools{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:15px 0;margin-bottom:32px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{background:transparent;color:var(--muted);font-size:11px;padding:8px 13px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--white)}.filters button:hover{background:#dedbd2;color:var(--ink)}.filters button span{font-size:9px;opacity:.7;padding-left:7px}.search{display:flex;align-items:center;gap:8px;border-bottom:1px solid #b8b6aa;padding:5px 0;width:192px}.search>span{font-size:23px;line-height:1}.search input{background:transparent;border:0;min-width:0;width:100%;font-size:12px;color:var(--ink);padding:5px 1px}.search input:focus-visible{outline-offset:2px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}.file-card{min-width:0;display:flex;flex-direction:column}.file-card[hidden]{display:none}.preview{width:100%;height:274px;position:relative;overflow:hidden;text-align:left;padding:20px;background:#e1ddd1}.preview:focus-visible{outline-offset:4px}.preview:hover .preview-arrow{transform:translate(2px,-2px)}.preview>div{transition:transform .25s}.preview:hover>div{transform:translateY(-4px)}.file-number{position:absolute;top:17px;left:18px;font-size:7px;letter-spacing:1px;font-weight:600}.preview-arrow{position:absolute;bottom:17px;right:18px;font-size:21px;transition:transform .2s}.preview-planner{background:#e4dfd3}.mini-page{position:absolute;top:54px;left:22%;width:58%;padding:21px;background:#fffdf7;box-shadow:0 7px 14px #534d3910;min-height:260px}.mini-page>span{font-size:6px;letter-spacing:1px}.mini-page strong{display:block;font:400 29px/1.1 var(--serif);letter-spacing:-1px;margin:10px 0 17px}.mini-lines{height:93px;background:repeating-linear-gradient(0deg,transparent 0 20px,#d8d5ca 20px 21px)}.mini-page small{font-size:6px;letter-spacing:1px}.preview-grid{background:#b9bdab}.grid-art{position:absolute;inset:53px 32px 58px;display:flex;gap:10px}.grid-art i{flex:1;background:#7e876c44;border-inline:1px solid #64704e55}.grid-label{position:absolute;bottom:21px;left:20px;font-size:11px;line-height:1.4}.preview-brief{background:#d8dfdf}.brief-art{margin:33px 15px 0}.brief-art>span{font-size:7px;letter-spacing:1.3px}.brief-art strong{display:block;font:400 38px/.97 var(--serif);letter-spacing:-1px;margin:13px 0 17px}.brief-art>div{border-top:1px solid #b5c0c0;font-size:8px;display:flex;justify-content:space-between;padding-top:10px}.preview-icons{background:#e8d3c2}.icon-art{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:40px 10px 0;text-align:center;font-size:48px;font-weight:300;line-height:1.3}.preview-reading{background:#dddcbf}.reading-art{margin:42px 11px 0}.reading-art strong{font:400 29px/1.1 var(--serif);letter-spacing:-1px;display:block;margin-bottom:16px}.reading-art>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bdbc9d;padding:8px 0;font-size:6px;letter-spacing:.6px}.reading-art i{width:63%;border-bottom:2px solid #aaa98c88}.reading-art b{font-size:5px;font-weight:400;border:1px solid #acaa89;padding:2px 4px}.preview-colors{background:#dedacf}.color-art{position:absolute;inset:68px 24px 67px;display:flex}.color-art i{flex:1}.color-art i:nth-child(1){background:#f4f1e9}.color-art i:nth-child(2){background:#c1c4b0}.color-art i:nth-child(3){background:#b84a32}.color-art i:nth-child(4){background:#6c6c62}.color-art i:nth-child(5){background:#292a25}.color-label{position:absolute;bottom:23px;font-size:10px}.card-meta{display:flex;justify-content:space-between;margin:19px 0 9px;font-size:9px;color:var(--muted)}h3{font-size:20px;font-weight:550;letter-spacing:-.7px;margin:0 0 8px;line-height:1.3}h3 button{background:none;padding:0;font:inherit;text-align:left}h3 button:hover{color:var(--accent)}.file-card>p{font-size:12px;color:var(--muted);margin:0 0 19px;line-height:1.8;max-width:34ch}.download{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:11px;font-weight:550;margin-top:auto}.download:hover{color:var(--accent)}.download span{font-size:16px;line-height:1}.about{border-top:1px solid var(--line);padding-block:65px 78px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.about>.eyebrow{margin-top:8px}.about h2{margin-bottom:23px}.about p:not(.eyebrow){max-width:56ch;font-size:14px;color:var(--muted);line-height:1.9}.text-link{display:inline-flex;gap:35px;border-bottom:1px solid var(--ink);font-size:11px;padding-block:10px 7px;margin-top:9px}.guide{border-top:1px solid var(--line);padding-block:60px 70px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.guide h2{font-size:32px;letter-spacing:-1px}.guide .eyebrow{margin-bottom:15px}.guide-items article{display:grid;grid-template-columns:35px 1fr;gap:15px;padding-bottom:24px}.guide-items article+article{padding-top:23px;border-top:1px solid var(--line)}.guide-items article>span{font:12px var(--serif);padding-top:3px;color:var(--accent)}.guide-items h3{font-size:16px;letter-spacing:-.4px}.guide-items p{font-size:12px;color:var(--muted);margin:0;max-width:60ch}.footer{padding-block:28px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}.footer .brand{font-size:17px}.footer>span{font-size:10px;color:var(--muted)}.footer>div{display:flex;gap:25px;font-size:10px}.footer button{font-size:10px;background:none;padding:0}.footer button:hover{color:var(--accent)}.empty{text-align:center;padding:70px 15px}.empty h3{font:32px var(--serif)}.empty p{color:var(--muted);font-size:13px}.empty .button{margin-top:12px}.empty[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:8px;left:8px;background:var(--ink);color:var(--white);padding:10px 16px;z-index:5;transform:translateY(-150%)}.skip:focus{transform:none}.no-script{font-size:12px;color:var(--muted);padding-top:20px}dialog{width:min(660px,calc(100% - 32px));max-height:90dvh;overflow:auto;background:var(--paper);border:1px solid var(--line);padding:28px;color:var(--ink)}dialog::backdrop{background:#292a2577;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top .eyebrow{margin:0}.dialog-top button{background:none;font-size:28px;line-height:1;padding:6px;min-width:40px;min-height:40px}dialog h2{font-size:32px;letter-spacing:-1px;margin:15px 0 10px}dialog>p{font-size:13px;color:var(--muted)}.preview-body{background:#e5e1d6;padding:20px;margin:20px 0;min-height:80px;overflow:auto}.preview-body img{width:100%;max-height:410px;display:block;object-fit:contain}.preview-body pre{font-size:12px;line-height:1.8;white-space:pre-wrap;word-break:break-word;margin:0;font-family:Consolas,monospace}.preview-body p{margin:0 0 12px;font-size:13px;line-height:1.8}.preview-body p:last-child{margin:0}.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:var(--muted)}.dialog-bottom .button{color:var(--white)}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero{padding-block:90px}.hero-art{height:460px}.sheet-front{left:65px;top:76px}.sheet-back{right:48px;top:78px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header-note{display:none}.hero{gap:30px;padding-block:60px}.hero-art{height:390px}.sheet-front{left:25px;width:220px;height:300px;padding:22px;top:65px}.sheet-front strong{font-size:26px}.sheet-back{width:200px;right:23px;height:285px}.sheet-grid{height:185px}.art-sticker{width:80px;height:80px;font-size:9px}.hero h1{font-size:73px;letter-spacing:-4px}.intro br{display:none}.intro{max-width:34ch}.preview{height:245px}.cards{gap:36px 22px}.mini-page{left:18%;width:64%;padding:17px}.mini-page strong{font-size:25px}.brief-art{margin-inline:4px}.brief-art strong{font-size:33px}.icon-art{font-size:36px;gap:15px}.reading-art{margin-inline:0}.reading-art strong{font-size:26px}.footer{flex-wrap:wrap}.footer>span{margin-left:auto}.footer>div{width:100%;justify-content:flex-end;margin-top:-5px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{min-height:84px;gap:16px}.brand{font-size:18px}.brand-mark{width:27px;height:28px;font-size:22px}.header nav{gap:18px;font-size:11px}.header nav a:last-child{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-block:43px 35px}.hero h1{font-size:76px;letter-spacing:-4px;line-height:1}.hero-copy .eyebrow{font-size:10px;margin-bottom:20px}.intro{font-size:14px;max-width:40ch;margin-bottom:23px}.hero-footnote{font-size:10px}.hero-art{height:370px;width:100%;max-width:550px}.sheet-front{left:18%;top:55px}.sheet-back{right:17%;top:57px}.art-sticker{right:13%;bottom:19px}.bar-inner{font-size:10px;padding-block:13px}.bar-inner>span+span{display:none}.collection{padding-block:44px 54px}.section-heading{margin-bottom:24px}.section-heading>p{display:none}h2{font-size:34px;letter-spacing:-1.3px}.tools{align-items:stretch;flex-direction:column;gap:15px;padding-block:13px;margin-bottom:25px}.filters{gap:2px}.filters button{padding:7px 11px;font-size:11px}.search{width:100%;padding:0}.search input{padding-block:8px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:33px 20px}.preview{height:235px;padding:15px}.file-number{font-size:6px;left:13px;top:14px}.mini-page{left:14%;width:72%;padding:16px}.mini-page strong{font-size:25px}.brief-art{margin-top:35px;margin-inline:2px}.brief-art strong{font-size:31px}.grid-art{inset:46px 23px 60px;gap:7px}.grid-label{font-size:9px;left:15px}.reading-art{margin-top:36px}.reading-art strong{font-size:25px}.icon-art{font-size:34px;gap:16px 9px;padding-inline:0}.card-meta{font-size:8px;margin-top:14px;gap:4px}.file-card h3{font-size:18px}.file-card>p{font-size:11px}.download{font-size:10px}.about,.guide{grid-template-columns:1fr;gap:23px;padding-block:38px 45px}.about>.eyebrow{margin:0}.about h2{font-size:33px}.about p:not(.eyebrow){font-size:13px}.guide h2{font-size:30px}.guide-items article{gap:9px;padding-bottom:20px}.footer{padding-block:25px;gap:18px}.footer>span{font-size:9px}.footer>div{justify-content:space-between;margin-top:0;gap:15px}}
@media(max-width:420px){.header nav{gap:12px}.header nav a:nth-child(2){display:none}.hero h1{font-size:67px;letter-spacing:-3.6px}.hero-art{height:330px}.sheet-front{left:11%;width:200px;height:270px;top:47px;padding:20px}.sheet-front strong{font-size:25px}.planner-mini{gap:10px;margin-top:20px}.sheet-bottom{margin-top:20px}.sheet-back{right:9%;width:186px;height:260px;top:49px;padding:20px}.sheet-grid{height:172px}.art-sticker{right:5%;bottom:12px}.cards{gap:30px 14px}.preview{height:204px}.mini-page{top:43px;padding:13px}.mini-page strong{font-size:22px}.mini-page>span{font-size:5px}.mini-lines{height:70px}.brief-art{margin-top:26px}.brief-art strong{font-size:29px}.brief-art>span{font-size:6px}.brief-art>div{font-size:6px}.reading-art{margin-top:30px}.reading-art strong{font-size:22px}.reading-art b{font-size:4px;padding:2px}.icon-art{font-size:29px;padding-top:30px;gap:11px}.color-art{inset:58px 15px 65px}.color-label{font-size:8px}.grid-label{font-size:8px}.preview-arrow{font-size:18px;right:13px;bottom:13px}.file-card h3{font-size:16px}.card-meta{font-size:7px}.download{font-size:9px}.file-card>p{font-size:10px}.footer>span{display:none}.dialog-bottom{flex-wrap:wrap}.dialog-bottom .button{width:100%}}
[hidden]{display:none!important}
@media(max-width:420px){.file-card>p{font-size:12px;line-height:1.65}.download{font-size:11px}.card-meta{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}