
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700;800&display=swap');
:root{--ej-paper:#f0ede4;--ej-paper-deep:#e6e0d4;--ej-ink:#181817;--ej-muted:#777269;--ej-rule:rgba(24,24,23,.18);--ej-accent:#ff5a1f;--ej-display:"Instrument Sans",Arial,sans-serif;--ej-body:"Instrument Sans",Arial,sans-serif;--ej-mono:ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ej-paper);color:var(--ej-ink);font:400 17px/1.6 var(--ej-body);-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' seed='21' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.78'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a:hover{color:var(--ej-accent)}button{font:inherit}.skip-link{position:absolute;left:12px;top:-70px;background:white;padding:10px;z-index:10}.skip-link:focus{top:12px}:focus-visible{outline:2px solid var(--ej-accent);outline-offset:4px}::selection{background:var(--ej-accent);color:white}
.site-masthead{max-width:1440px;min-height:108px;margin:auto;padding:0 clamp(22px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;border-bottom:1px solid var(--ej-rule);font:700 10px/1.3 var(--ej-display);letter-spacing:.12em}.wordmark{justify-self:start;white-space:nowrap;font-size:13px;letter-spacing:-.02em}.wordmark::before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;background:var(--ej-accent)}.wordmark-tag{color:var(--ej-muted);font-size:10px;font-weight:500;letter-spacing:.04em}.site-context{color:var(--ej-muted);font:400 9px/1.5 var(--ej-mono);letter-spacing:.06em;text-align:center}.site-masthead nav{justify-self:end;display:flex;gap:clamp(14px,2.2vw,30px);white-space:nowrap}.site-masthead nav a{padding:10px 0}.journal-surface{padding:clamp(56px,7vw,100px) clamp(20px,4vw,64px) 0}.journal-surface>main{max-width:1320px;margin:0 auto}.eyebrow,.hero-top,.hero-bottom,.section-heading .collection-count,.card-meta,.hero-scroll,.text-link,.build-journal__label,.personal-footer{font-family:var(--ej-mono);font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.07em;text-transform:uppercase}.orange{color:var(--ej-accent)}.orange-square{display:inline-block;background:var(--ej-accent);width:8px;height:8px;vertical-align:1px;margin-right:10px}.eyebrow{margin:0}
.library-hero{border-bottom:1px solid var(--ej-rule)}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-top{padding:0 0 20px;border-bottom:1px solid var(--ej-rule)}.hero-top span:last-child{color:var(--ej-muted)}.hero-split{min-height:580px;display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:clamp(30px,5vw,100px);padding:70px 0 85px}.hero-split h1{margin:35px 0 0;font-weight:800;font-size:clamp(76px,8.4vw,148px);line-height:.9;letter-spacing:-.083em;text-wrap:balance}.hero-split h1 span{white-space:nowrap}.hero-aside{align-self:end;padding-bottom:4px}.hero-sparkle{display:block;color:var(--ej-accent);font:700 58px/1 var(--ej-display);margin-bottom:38px}.hero-aside p{margin:0;color:#514e48;font-size:clamp(17px,1.4vw,21px);line-height:1.6;letter-spacing:-.02em}.hero-scroll{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:42px;padding-bottom:14px;border-bottom:1px solid var(--ej-ink);font-family:var(--ej-display);font-weight:800;font-size:12px;letter-spacing:0}.hero-scroll span{font-size:24px}.hero-bottom{padding:24px 0;color:var(--ej-muted)}.hero-bottom i{color:var(--ej-accent);font-style:normal}
.collection{padding:clamp(115px,13vw,180px) 0 clamp(140px,16vw,220px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:48px}.section-heading h2{margin:20px 0 0;font:800 clamp(48px,6vw,80px)/1 var(--ej-display);letter-spacing:-.065em}.collection-count{padding-bottom:7px;color:var(--ej-muted)}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(38px,5vw,78px)}.library-card{min-width:0}.library-card__image-link{display:block;padding:0 13px 15px 0}.library-card__image-link .template-resource__browser{transition:transform .2s ease,box-shadow .2s ease}.library-card__image-link:hover .template-resource__browser{transform:translate(-2px,-2px);box-shadow:22px 26px 0 var(--ej-paper-deep)}.library-card__image-link .template-resource__browser-bar{min-height:42px}.library-card__image-link img{aspect-ratio:1.5;object-fit:cover;object-position:top}.library-card__details{padding:20px 0 0}.card-meta{display:flex;justify-content:space-between;gap:12px;color:var(--ej-muted)}.card-meta i{font-style:normal;color:var(--ej-accent);margin:0 4px}.library-card__bottom{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-top:19px}.library-card h3{margin:0;font:800 clamp(27px,3.1vw,43px)/1.07 var(--ej-display);letter-spacing:-.05em}.library-card p{max-width:510px;margin:16px 0 0;color:#666057;font-size:16px;line-height:1.62}.round-arrow{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid var(--ej-ink);border-radius:50%;font-size:26px;line-height:1}.round-arrow:hover{background:var(--ej-accent);border-color:var(--ej-accent);color:var(--ej-ink)}
.project-method{border-top:1px solid var(--ej-rule);padding:clamp(95px,11vw,160px) 0 clamp(125px,14vw,180px);display:grid;grid-template-columns:1fr 390px;gap:90px}.project-method h2{margin:38px 0 0;font:800 clamp(55px,7vw,110px)/.95 var(--ej-display);letter-spacing:-.075em}.method-details{padding-top:10px}.method-details p{margin:0 0 24px;color:#555047;font-size:clamp(18px,1.6vw,22px);line-height:1.62}.text-link{display:inline-flex;gap:50px;align-items:center;padding:15px 0;border-bottom:1px solid var(--ej-ink);font-family:var(--ej-display);font-size:12px;font-weight:800;letter-spacing:0}.text-link span{font-size:20px;line-height:1}.about-page{padding:30px 0 175px}.about-page h1{margin:45px 0 90px;font:800 clamp(75px,10vw,145px)/.9 var(--ej-display);letter-spacing:-.08em}.about-copy{max-width:680px;margin-left:auto}.about-copy p{margin:0 0 27px;color:#514e48;font-size:21px;line-height:1.7}.about-copy .about-lead{color:var(--ej-ink);font-size:27px;font-weight:600;line-height:1.42}.about-copy p a{text-decoration:underline;text-decoration-color:var(--ej-accent);text-underline-offset:5px}.about-copy .text-link{margin-top:30px}
.build-journal{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;border-top:1px solid var(--ej-rule);padding:clamp(90px,9vw,140px) 0 clamp(100px,12vw,170px)}.build-journal__label{color:var(--ej-ink)}.build-journal__label span{color:var(--ej-accent)}.build-journal h2{margin:24px 0 32px;font:800 clamp(45px,5vw,72px)/1 var(--ej-display);letter-spacing:-.06em}.build-journal p:not(.eyebrow){max-width:620px;margin:0 0 20px;color:#555047;font-size:clamp(19px,1.55vw,22px);line-height:1.66}.build-journal .text-link{margin-top:24px}.template-resource__bottom{margin-top:0}
.personal-footer{max-width:1320px;margin:0 auto;padding:50px 0 26px;border-top:1px solid var(--ej-rule);color:var(--ej-muted)}.footer-intro{display:flex;gap:30px;align-items:start;margin-bottom:95px;color:var(--ej-ink)}.footer-marker{color:var(--ej-accent);font:700 40px/1 var(--ej-display)}.footer-intro p{margin:0;font-size:14px;font-weight:700;letter-spacing:0;line-height:1.5}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--ej-rule);padding-top:21px}
@media(max-width:1050px){.site-masthead{grid-template-columns:1fr auto}.site-context{display:none}.hero-split{min-height:500px;grid-template-columns:1fr 260px;gap:35px}.hero-split h1{font-size:clamp(63px,8.9vw,100px)}.project-method{grid-template-columns:1fr 1fr;gap:55px}}
@media(max-width:760px){.site-masthead{min-height:90px;padding:0 20px}.wordmark{font-size:12px}.wordmark-tag{font-size:8px}.site-masthead nav{gap:14px;font-size:9px}.site-masthead nav a:last-child{display:none}.journal-surface{padding:48px 20px 0}.hero-top span:last-child{display:none}.hero-split{display:block;min-height:auto;padding:65px 0 80px}.hero-split h1{font-size:clamp(55px,11vw,85px)}.hero-split h1 span{white-space:normal}.hero-aside{margin-top:72px;max-width:480px}.hero-sparkle{margin-bottom:15px;font-size:41px}.hero-aside p{font-size:19px}.collection{padding:100px 0 125px}.section-heading{align-items:start}.section-heading h2{font-size:55px}.collection-count{display:none}.collection-grid{grid-template-columns:1fr;gap:80px}.library-card__bottom{gap:15px}.project-method,.build-journal{grid-template-columns:1fr;gap:43px}.project-method{padding:85px 0 115px}.project-method h2{font-size:70px}.about-page h1{font-size:clamp(65px,11vw,100px)}.about-copy{margin-left:0}.about-copy p{font-size:19px}.about-copy .about-lead{font-size:23px}}
@media(max-width:420px){.site-masthead nav{gap:12px}.wordmark-tag{display:none}.site-masthead nav a{font-size:8px}.hero-split h1{font-size:clamp(49px,11vw,66px)}.hero-bottom{font-size:8px}.section-heading h2{font-size:48px}.round-arrow{width:44px;height:44px;flex-basis:44px}.footer-bottom{font-size:8px}.library-card h3{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.library-card__image-link .template-resource__browser{transition:none}}
