@charset "UTF-8";
:root{--paper:#f4f2ea;--ink:#213e31;--muted:#74776c;--line:#d9dccf;--white:#fffef9;--sage:#d9e0cf;--green:#244e38;--serif:Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}p,h1,h2,h3{margin-top:0}button,a{-webkit-tap-highlight-color:transparent}.page-width{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip-link{position:absolute;top:12px;left:12px;padding:12px 18px;background:var(--green);color:#fff;transform:translateY(-150%);z-index:5}.skip-link:focus{transform:none}
.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}.wordmark{display:inline-flex;align-items:center;font-weight:750;font-size:39px;letter-spacing:-2px;line-height:1}.brand-dot{color:#789467}.brand-symbol{width:24px;height:29px;border:2px solid var(--ink);border-radius:1px 11px 1px 1px;margin-right:12px;transform:rotate(-8deg);position:relative}.brand-symbol:after{content:"";position:absolute;left:5px;right:5px;top:14px;border-top:1px solid var(--ink);box-shadow:0 5px 0 var(--ink)}.main-nav{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:500}.main-nav a{padding:10px 0;border-bottom:1px solid transparent}.main-nav a:hover{border-color:var(--ink)}.main-nav span{margin-left:14px}
.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:650px;gap:40px;align-items:center;padding-block:70px 66px}.eyebrow{text-transform:uppercase;font-size:10px;line-height:1.5;letter-spacing:2px;font-weight:650;margin-bottom:28px}.hero .eyebrow{display:flex;align-items:center;gap:12px}.small-line{display:inline-block;width:27px;height:1px;background:var(--ink)}h1{font-size:clamp(48px,5.2vw,73px);font-weight:500;line-height:1.04;letter-spacing:-4px;margin-bottom:29px}h1 em,h2 em,.closing-note em{font-family:var(--serif);font-weight:400}.hero-description{font-size:16px;line-height:1.75;color:#697164;margin-bottom:30px}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--green);color:#fffef9;font-size:13px;font-weight:550;padding:18px 23px;transition:background .2s,transform .2s}.primary-link:hover{background:#183a28;transform:translateY(-2px)}.primary-link span{font-size:20px;line-height:1}.hero-footnote{display:flex;gap:16px;font-size:10px;letter-spacing:.5px;color:#8a8b7e;margin-top:61px}.hero-footnote span{color:#56664f}
.paper-scene{position:relative;min-height:500px;isolation:isolate}.scene-ring{position:absolute;width:400px;height:400px;border:1px solid #dde1d3;border-radius:50%;left:5%;top:9%;z-index:-1}.scene-ring:after{content:"";position:absolute;inset:26px;border:1px solid #e5e6dc;border-radius:50%}.paper-shadow{position:absolute;left:10%;top:30%;width:290px;height:270px;background:#35503a;filter:blur(38px);opacity:.15;transform:rotate(-13deg)}.paper-sheet{position:absolute;width:264px;height:350px;left:10%;top:8%;background:var(--white);border:1px solid #e3e1d5;box-shadow:3px 11px 20px #233f3010}.sheet-bottom{transform:rotate(-14deg) translate(-9px,15px);background:#e8e6d9}.sheet-middle{transform:rotate(-6deg) translate(13px,8px);background:#eeede4}.sheet-top{transform:rotate(5deg);padding:30px;overflow:hidden}.paper-corner{position:absolute;right:0;top:0;width:27px;height:27px;background:linear-gradient(45deg,#ecebdc 50%,#f4f2ea 50%);box-shadow:-2px 2px 3px #2238290c}.sheet-eyebrow{display:block;font-size:7px;letter-spacing:2.3px;margin-top:10px;color:#75816d}.sheet-title{display:block;font-size:37px;letter-spacing:-2px;line-height:1.04;margin-top:25px}.sheet-title i{font-family:var(--serif);font-weight:400}.sheet-rule{display:block;width:40px;height:1px;background:#aeb89e;margin-top:25px}.sheet-signature{position:absolute;bottom:25px;left:30px;font-size:23px;letter-spacing:-1px;font-weight:700}.green-card{position:absolute;right:0;top:42%;width:210px;height:180px;background:#385b41;color:#f2f3e8;transform:rotate(-8deg);padding:26px;box-shadow:5px 13px 23px #213a3020}.green-card>span:first-child{font-family:var(--serif);font-size:26px;line-height:1.13;letter-spacing:-.6px}.card-circle{position:absolute;bottom:20px;right:23px;width:30px;height:30px;border:1px solid #b7c5aa80;border-radius:50%;display:grid;place-items:center;font-size:20px}.scene-caption{position:absolute;bottom:15px;left:20%;font-size:10px;color:#778371;letter-spacing:.4px;display:flex;gap:9px;align-items:center}.caption-dot{height:4px;width:4px;border-radius:50%;background:#7c8b70}
.section-divider{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.8px;color:#788171}.section-divider>span:last-child{font-size:22px;color:var(--ink)}.catalog-section{padding-block:80px 100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:43px}.section-heading .eyebrow{margin-bottom:19px;color:#73816b}h2{font-weight:450;font-size:clamp(34px,3.2vw,45px);letter-spacing:-1.8px;line-height:1.12;margin-bottom:0}.section-intro{max-width:310px;color:#727b6c;font-size:13px;line-height:1.85;margin-bottom:3px}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.material-art{height:285px;position:relative;overflow:hidden;background:#e8eadf}.art-office{background:#e6e9df}.art-creative{background:#eae4d8}.art-notes{background:#dde4d8}.sample-label{position:absolute;left:22px;bottom:20px;font-size:8px;letter-spacing:1.7px;color:#717d66}.sample-sheet{position:absolute;width:132px;height:174px;top:36px;left:calc(50% - 66px);background:#fafaf4;border:1px solid #fdfdf9;box-shadow:3px 8px 14px #2c412614}.sample-back{transform:rotate(-13deg);background:#f1f1e8}.sample-front{transform:rotate(5deg);padding:18px}.sample-format{display:block;font-size:29px;font-weight:300;letter-spacing:-1px;color:#687760;margin-top:3px}.sample-lines{display:block;width:61px;height:1px;background:#c3cabc;margin-top:24px;box-shadow:0 8px 0 #c3cabc,0 16px 0 #c3cabc,0 24px 0 #c3cabc}.color-sheet{position:absolute;width:137px;height:171px;top:42px;left:calc(50% - 68px);box-shadow:3px 6px 13px #463e2412}.color-cream{background:#f7f1db;transform:rotate(-17deg) translate(-28px,0)}.color-sage{background:#a7b69a;transform:rotate(-2deg)}.color-clay{background:#b78367;transform:rotate(13deg) translate(30px,10px)}.notebook{position:absolute;width:132px;height:174px;left:calc(50% - 66px);top:38px;border-radius:1px 4px 4px 1px;box-shadow:3px 7px 14px #2a40221a}.notebook-back{background:#e8e6d4;transform:rotate(-12deg) translate(-15px,0);border-right:5px solid #f2f0e4}.notebook-front{background:#456447;transform:rotate(7deg);border-right:4px solid #dce0cd}.notebook-label{position:absolute;left:22px;top:34px;color:#e2e9d7;font-size:17px;font-weight:400;letter-spacing:-.5px;line-height:1.1}.notebook-label>span{display:block;font-size:5px;letter-spacing:.4px;margin-top:20px}.notebook-spine{position:absolute;left:8px;top:0;bottom:0;border-left:1px solid #71856c}.material-info{display:flex;gap:17px;padding-top:24px}.material-number{font-size:10px;line-height:23px;color:#7f8974}.material-info h3{font-size:17px;font-weight:550;letter-spacing:-.3px;margin-bottom:10px}.material-info p{font-size:12px;line-height:1.8;color:#78816f;margin-bottom:0;max-width:270px}
.materials-section{background:#274533;color:#f0f0e4}.materials-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;padding-block:82px}.materials-heading .eyebrow{color:#b7c5ac}.materials-heading h2{font-size:42px;line-height:1.15;margin-bottom:24px}.materials-heading>p:last-child{font-size:13px;line-height:1.9;color:#bbc7b1}.material-details article{display:flex;gap:20px;padding-block:22px;border-top:1px solid #81977955}.material-details article:first-child{padding-top:0;border-top:0}.material-details article:last-child{padding-bottom:0}.detail-mark{font-size:19px;color:#c6d4bb}.material-details h3{font-size:15px;font-weight:500;letter-spacing:.2px;margin-bottom:9px}.material-details p{font-size:12px;line-height:1.85;color:#bdc9b6;margin:0;max-width:390px}
.guide-section{padding-block:90px 0}.guide-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin:0;padding:0}.guide-grid li{border-top:1px solid var(--line);padding-top:25px}.guide-number{display:block;font-family:var(--serif);font-size:39px;line-height:1;color:#9ba98e;margin-bottom:26px}.guide-grid h3{font-size:17px;font-weight:550;letter-spacing:-.3px;margin-bottom:12px}.guide-grid p{font-size:12px;line-height:1.9;color:#78816f;max-width:300px;margin:0}.closing-note{display:flex;justify-content:space-between;align-items:center;margin-top:85px;padding:50px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:30px}.closing-note p{font-size:44px;line-height:1.13;font-weight:450;letter-spacing:-1.8px;margin:0}.text-link{font-size:12px;border-bottom:1px solid #9aa98e;padding-bottom:12px;display:flex;gap:45px}.text-link:hover{border-color:var(--ink)}.text-link span{font-size:17px}.site-footer{display:flex;align-items:center;gap:28px;padding-block:31px 35px}.footer-wordmark{font-size:29px;letter-spacing:-1.5px}.site-footer p{color:#838b79;font-size:10px;margin:0}.back-top{font-size:11px;margin-left:auto}.back-top span{margin-left:12px}
@media(min-width:1500px){.hero{min-height:700px}.paper-scene{transform:scale(1.06)}}
@media(max-width:1100px){.page-width{width:calc(100% - 64px)}.hero{gap:14px;min-height:600px}.paper-scene{min-height:440px}.paper-sheet{left:8%;width:225px;height:310px}.sheet-title{font-size:33px}.green-card{width:180px;height:160px;right:-6px;top:46%;padding:22px}.green-card>span:first-child{font-size:23px}.scene-ring{width:330px;height:330px}.scene-caption{left:9%;font-size:9px}.hero-footnote{font-size:9px;gap:10px}.materials-inner{gap:45px}.materials-heading h2{font-size:36px}.material-art{height:260px}.material-info{gap:11px}.material-info h3{font-size:16px}.guide-grid{gap:30px}}
@media(max-width:800px){.site-header{min-height:92px}.main-nav{gap:22px;font-size:12px}.wordmark{font-size:34px}.hero{grid-template-columns:1fr;padding-block:48px 22px;gap:0}.hero-copy{position:relative;z-index:1}h1{font-size:60px;letter-spacing:-3px}.hero-description{font-size:15px}.hero-footnote{margin-top:32px}.paper-scene{width:420px;max-width:100%;margin:22px auto 10px;min-height:420px}.paper-sheet{left:10%;top:7%;width:230px;height:310px}.green-card{right:0;top:43%}.scene-ring{left:6%;top:6%;width:330px;height:330px}.scene-caption{left:19%;bottom:12px}.catalog-section{padding-block:55px 60px}.section-heading{gap:25px;align-items:flex-start;margin-bottom:30px}.section-intro{font-size:12px;max-width:235px;padding-top:32px}.material-grid{gap:16px}.material-art{height:210px}.sample-sheet{width:103px;height:136px;left:calc(50% - 52px);top:29px;padding:13px}.sample-format{font-size:24px}.sample-lines{width:49px;margin-top:15px}.color-sheet{width:94px;height:130px;left:calc(50% - 47px);top:34px}.color-cream{transform:rotate(-17deg) translate(-17px,0)}.color-clay{transform:rotate(13deg) translate(17px,10px)}.notebook{width:100px;height:134px;left:calc(50% - 50px);top:29px}.notebook-label{font-size:13px;left:17px;top:28px}.notebook-label>span{font-size:4px;margin-top:15px}.sample-label{font-size:6px;left:12px;letter-spacing:1px;bottom:16px}.material-info{display:block;padding-top:17px}.material-number{display:block;margin-bottom:4px}.material-info h3{font-size:15px;line-height:1.4}.material-info p{font-size:11px;line-height:1.8}.materials-inner{grid-template-columns:1fr;gap:30px;padding-block:55px}.material-details article{gap:17px}.material-details p{max-width:none}.guide-section{padding-top:55px}.guide-grid{gap:25px}.guide-grid h3{font-size:15px;line-height:1.4}.guide-grid p{font-size:11px}.guide-number{margin-bottom:19px}.closing-note{margin-top:55px;padding-block:35px}.closing-note p{font-size:35px}.text-link{gap:20px;font-size:11px}}
@media(max-width:540px){.page-width{width:calc(100% - 40px)}.site-header{min-height:86px;gap:16px;flex-wrap:wrap;padding-block:18px}.wordmark{font-size:31px}.brand-symbol{width:18px;height:23px;border-radius:1px 8px 1px 1px;margin-right:9px}.brand-symbol:after{top:10px;left:4px;right:4px}.main-nav{gap:16px;font-size:10px}.main-nav a{padding:5px 0}.main-nav span{margin-left:3px}.hero{padding-top:38px}h1{font-size:46px;letter-spacing:-2.5px;line-height:1.08}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:23px}.hero-description{font-size:13px;line-height:1.85;margin-bottom:24px}.primary-link{font-size:12px;padding:16px 19px;gap:39px}.hero-footnote{font-size:8px;letter-spacing:.2px}.paper-scene{width:330px;min-height:365px;margin-top:30px}.paper-sheet{width:205px;height:275px;left:8%;padding:24px}.sheet-title{font-size:29px;margin-top:24px}.sheet-eyebrow{font-size:6px;letter-spacing:1.6px}.sheet-rule{margin-top:20px}.sheet-signature{font-size:21px;left:24px;bottom:20px}.green-card{width:151px;height:139px;top:46%;padding:19px;right:-1px}.green-card>span:first-child{font-size:21px}.card-circle{width:25px;height:25px;right:18px;bottom:17px;font-size:17px}.scene-ring{width:275px;height:275px;top:5%}.scene-caption{font-size:8px;left:14%;bottom:5px}.section-divider{font-size:8px;letter-spacing:.2px;padding-top:15px}.section-divider>span:last-child{font-size:19px}.catalog-section{padding-top:42px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:15px}h2{font-size:33px;letter-spacing:-1.3px}.section-intro{padding-top:18px;max-width:290px;font-size:12px;line-height:1.8;margin:0}.material-grid{grid-template-columns:1fr;gap:30px}.material-art{height:280px}.sample-sheet{width:138px;height:177px;left:calc(50% - 69px);top:35px;padding:20px}.sample-format{font-size:30px}.sample-lines{width:61px;margin-top:24px}.color-sheet{width:137px;height:171px;left:calc(50% - 68px);top:42px}.color-cream{transform:rotate(-17deg) translate(-28px,0)}.color-clay{transform:rotate(13deg) translate(30px,10px)}.notebook{width:132px;height:174px;left:calc(50% - 66px);top:38px}.notebook-label{left:22px;top:34px;font-size:17px}.notebook-label>span{font-size:5px;margin-top:20px}.sample-label{font-size:8px;left:22px;bottom:20px;letter-spacing:1.7px}.material-info{display:flex;gap:17px;padding-top:20px}.material-info h3{font-size:17px}.material-info p{font-size:12px;max-width:none}.materials-heading h2{font-size:33px}.materials-heading>p:last-child{font-size:12px}.guide-grid{grid-template-columns:1fr;gap:24px}.guide-grid li{position:relative;padding:22px 0 0 49px;min-height:130px}.guide-number{position:absolute;left:0;top:23px;font-size:32px}.guide-grid h3{font-size:16px}.guide-grid p{font-size:12px;max-width:none}.closing-note{display:block;margin-top:35px;padding-block:32px}.closing-note p{font-size:36px;margin-bottom:28px}.text-link{display:inline-flex;font-size:12px;gap:36px}.site-footer{gap:16px;flex-wrap:wrap;padding-block:26px}.site-footer p{font-size:8px}.back-top{font-size:10px}.footer-wordmark{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-link{transition:none}.primary-link:hover{transform:none}}
.error-page{padding-top:15vh;padding-bottom:15vh;min-height:100vh}.error-page h1{max-width:900px;margin-bottom:30px}
.purchase-contact{font-size:14px;line-height:1.75;color:var(--muted);max-width:370px}.contact-email{font-weight:600;color:var(--ink);white-space:nowrap}.closing-note .purchase-contact{font-size:16px;line-height:1.7;letter-spacing:0;font-weight:400;max-width:350px;margin:0}.site-footer .footer-contact{font-size:12px;line-height:1.7;max-width:430px}
