:root{color:#25231f;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f4efe4;--paper-light:#fbf8f0;--ink:#25231f;--muted:#6e675d;--line:#25231f29;--accent:#7d503b;--accent-soft:#dfc9b7;--green:#344c43;background:#f4efe4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#68594609 1px, transparent 1px), var(--paper);background-size:100% 28px;min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.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}.site-shell{width:min(1180px,100% - 40px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:86px;display:flex}.brand-link{align-items:center;text-decoration:none;display:inline-flex}.brand-mark{white-space:nowrap;align-items:flex-end;padding-bottom:.55rem;display:inline-flex;position:relative}.brand-un{z-index:3;color:var(--accent);letter-spacing:-.16em;margin-right:.08rem;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:2.35rem;font-style:italic;font-weight:500;line-height:.72;position:relative;transform:rotate(-3deg)translateY(2px)}.brand-rest{z-index:2;color:var(--ink);letter-spacing:.17em;text-transform:uppercase;align-items:baseline;font-size:.82rem;font-weight:740;line-height:1;display:inline-flex;position:relative}.brand-letter{display:inline-block}.brand-letter-0{transform:translateY(.4px)rotate(-.35deg)}.brand-letter-1{transform:translateY(-.8px)rotate(.25deg)}.brand-letter-2{transform:translateY(.9px)rotate(-.2deg)}.brand-letter-3{transform:translateY(-.2px)rotate(.4deg)}.brand-letter-4{transform:translateY(.5px)rotate(-.25deg)}.brand-underline{pointer-events:none;z-index:4;width:94%;height:18px;position:absolute;bottom:0;left:10%;overflow:visible}.brand-underline path{fill:none;stroke:var(--accent);stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.brand-link:focus-visible,.site-header nav a:focus-visible,.hero-actions a:focus-visible,.project-footer a:focus-visible,.footer-links a:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}.site-header nav{align-items:center;gap:28px;display:flex}.site-header nav a{color:var(--muted);font-size:.88rem;text-decoration:none}.site-header nav a:hover{color:var(--ink)}.hero{grid-template-columns:1.06fr .94fr;align-items:center;gap:64px;min-height:600px;padding:90px 0 100px;display:grid}.kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin:0 0 14px;font-size:.76rem;font-weight:800}.hero h1,.section h2,.margins-section h2,.about-section blockquote{font-family:Georgia,Times New Roman,serif}.hero h1{letter-spacing:-.055em;max-width:650px;margin:0;font-size:clamp(3.5rem,7vw,6.6rem);font-weight:500;line-height:.9}.hero h1 span{color:var(--accent);font-style:italic;display:block}.hero h1 .sketch-underline{color:inherit;font-style:inherit;display:inline-block}.sketch-underline{display:inline-block;position:relative}.sketch-underline:after,.sketch-underline:before{content:"";background:var(--accent);opacity:.7;pointer-events:none;border-radius:999px;height:2px;position:absolute;bottom:-.13em;left:-2%;right:-3%;transform:rotate(-1.2deg)}.sketch-underline:before{opacity:.35;height:1px;bottom:-.19em;left:5%;right:8%;transform:rotate(.8deg)}.hero-correction{white-space:nowrap;padding-top:1.25rem;display:inline-block;position:relative}.hero-correction-note{color:var(--accent);white-space:nowrap;z-index:3;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:.95rem;font-weight:600;line-height:1;position:absolute;bottom:1.15em;left:48%;transform:translate(-18%)rotate(-3deg)}.hero-correction-caret{color:var(--accent);z-index:3;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:1rem;line-height:1;position:absolute;bottom:.68em;left:56%;transform:rotate(-4deg)}.sketch-crossout{display:inline-block;position:relative}.sketch-crossout:before,.sketch-crossout:after{content:"";background:var(--accent);pointer-events:none;border-radius:999px;height:1.5px;position:absolute;left:-4%;right:-5%}.sketch-crossout:before{opacity:.45;top:48%;transform:rotate(3deg)}.sketch-crossout:after{opacity:.75;top:55%;transform:rotate(-4deg)}.sketch-highlight{z-index:0;display:inline;position:relative}.sketch-highlight:before{content:"";z-index:-1;filter:blur(.2px);background:#d2aa4659;border-radius:42% 55% 38% 48%/36% 42% 55% 45%;height:.62em;position:absolute;bottom:.08em;left:-.08em;right:.04em;transform:rotate(-1.6deg)skew(-4deg)}.sketch-highlight:nth-of-type(2n):before{height:.56em;left:.04em;right:-.12em;transform:rotate(1.1deg)skew(3deg)}.hero-text{max-width:620px;color:var(--muted);margin:30px 0 0;font-size:1.07rem;line-height:1.75}.hero-actions{align-items:center;gap:24px;margin-top:34px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.button-primary{color:var(--paper-light);background:var(--ink)}.text-link{font-weight:700;text-decoration:none}.hero-art{place-items:center;min-height:400px;display:grid;position:relative}.hero-notebook{filter:drop-shadow(0 23px 18px #29221a1f);width:min(100%,620px);height:auto;overflow:visible;transform:rotate(.6deg)}.hero-notebook path{vector-effect:non-scaling-stroke}.hero-notebook .desk-line{fill:none;stroke:#25231f47;stroke-width:2px;stroke-linecap:round}.hero-notebook .desk-line-faint{opacity:.38;stroke-width:1.2px}.hero-notebook .laptop-screen{fill:#80604f;stroke:var(--ink);stroke-width:2.8px;stroke-linejoin:round}.hero-notebook .laptop-screen-inner{fill:#e9e0d2;stroke:var(--ink);stroke-width:1.8px;stroke-linejoin:round}.hero-notebook .laptop-base{fill:#a9846d;stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round}.hero-notebook .code-mark,.hero-notebook .code-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.hero-notebook .code-line{opacity:.62;stroke-width:1.4px}.hero-notebook .cover{fill:#b98264;stroke:var(--ink);stroke-width:3.2px;stroke-linejoin:round}.hero-notebook .cover-back{filter:drop-shadow(0 10px 8px #25231f1a)}.hero-notebook .page{fill:var(--paper-light);stroke:var(--ink);stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round}.hero-notebook .page-left-back,.hero-notebook .page-right-back{fill:#e8ddcc}.hero-notebook .page-edge,.hero-notebook .spine,.hero-notebook .cover-fold{fill:none;stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.hero-notebook .page-edge-light{opacity:.38;stroke-width:1.15px}.hero-notebook .spine{stroke-width:4px}.hero-notebook .spine-echo{opacity:.35;stroke-width:1.3px}.hero-notebook .margin-mark{fill:none;stroke:#c67761;stroke-width:1.6px;stroke-linecap:round}.hero-notebook .note-line{fill:none;stroke:var(--muted);stroke-width:1.5px;stroke-linecap:round;opacity:.65}.hero-notebook .note-crossed{stroke-dasharray:19 5 11 4}.hero-notebook .scribble-line,.hero-notebook .page-brand path,.hero-notebook .loose-stroke,.hero-notebook .motion-mark{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.hero-notebook .page-brand text{fill:var(--accent);letter-spacing:-2px;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:26px;font-style:italic;font-weight:600}.hero-notebook .page-brand path{stroke-width:2.3px}.hero-notebook .pencil,.hero-notebook .pencil-edge,.hero-notebook .pencil-tip{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.hero-notebook .pencil-edge{stroke:var(--accent)}.hero-notebook .loose-stroke,.hero-notebook .motion-mark{opacity:.5;stroke-width:1.5px}.sticky-note{z-index:4;width:118px;min-height:108px;color:var(--ink);clip-path:polygon(2% 2%,98% 0,100% 93%,91% 98%,2% 96%,0 8%);background:#eadb93;flex-direction:column;gap:5px;padding:27px 14px 13px;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;display:flex;position:absolute;top:12%;right:1%;transform:rotate(5deg);box-shadow:0 9px 18px #2a221921}.sticky-note:after{content:"";border-top:0 solid #0000;border-bottom:13px solid #7d503b2e;border-left:13px solid #0000;border-right:0 solid #0000;position:absolute;bottom:0;right:0}.thumbtack{background:var(--accent);border:2px solid #59372a;border-radius:50%;width:14px;height:14px;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:2px 3px #25231f33}.thumbtack:after{content:"";background:var(--ink);transform-origin:top;width:2px;height:9px;position:absolute;top:11px;left:5px;transform:rotate(8deg)}.sticky-note strong{font-size:1rem;font-weight:600}.sticky-check{align-items:center;gap:5px;font-size:.68rem;display:flex}.sticky-check i{border:1px solid var(--ink);width:9px;height:9px;transform:rotate(-2deg)}.sticky-correction{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);align-self:flex-start;font-size:.68rem;transform:rotate(-2deg)}.sticky-note em{color:var(--accent);align-self:flex-end;font-size:.72rem}.section{border-top:1px solid var(--line);padding:94px 0}.section-heading{grid-template-columns:1fr 360px;align-items:end;gap:48px;margin-bottom:45px;display:grid}.section h2,.margins-section h2{letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,4vw,4rem);font-weight:500;line-height:1}.section-heading>p{color:var(--muted);margin:0;line-height:1.65}.project-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.project-card{border:1px solid var(--line);background:#fffcf494;border-radius:22px 8px;min-height:330px;padding:38px;transition:transform .18s,box-shadow .18s;position:relative}.project-card:before{content:"";background:var(--accent);opacity:.42;pointer-events:none;border-radius:999px;width:34px;height:2px;position:absolute;top:22px;left:34px;transform:rotate(-3deg)}.project-card:nth-child(2n):before{width:26px;transform:rotate(2deg)}.project-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px #2b231b12}.project-number{color:#25231f26;font-family:Georgia,serif;font-size:2rem;position:absolute;top:24px;right:28px}.project-eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:14px 0 34px;font-size:.72rem;font-weight:800}.project-card h3{margin:0 0 14px;font-family:Georgia,serif;font-size:2.5rem;font-weight:500}.project-card>p:not(.project-eyebrow){max-width:540px;color:var(--muted);margin:0;line-height:1.7}.project-footer{justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;bottom:31px;left:38px;right:38px}.project-footer a{font-weight:700;text-decoration:none}.status-dot{color:var(--muted);align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.status-dot i{background:var(--green);border-radius:50%;width:7px;height:7px}.margins-section{background:var(--green);color:#f5f0e7;border-radius:4px 28px;grid-template-columns:1fr 250px;align-items:center;gap:70px;margin:20px 0 110px;padding:78px 70px 76px 96px;display:grid;position:relative;overflow:hidden}.margin-rule{background:#e68f7561;border-radius:999px;width:2px;position:absolute;top:-6px;bottom:-8px;left:56px;transform:rotate(.35deg)}.margin-rule:after{content:"";background:#e68f7533;width:1px;height:46%;position:absolute;top:18%;left:3px;transform:rotate(-1deg)}.margins-section .kicker{color:#dcae95}.margins-section p:not(.kicker){color:#f5f0e7b8;max-width:720px;margin:24px 0 0;line-height:1.75}.coming-note{min-height:180px;color:var(--ink);background:#f8f1df;flex-direction:column;justify-content:center;padding:28px;font-family:Comic Sans MS,Bradley Hand,cursive;display:flex;transform:rotate(2deg);box-shadow:0 18px 40px #00000024}.coming-note span{color:var(--muted);font-size:.72rem}.coming-note strong{margin:10px 0 18px;font-size:1.5rem;font-weight:600}.coming-note em{color:var(--accent);font-size:.85rem}.about-section{text-align:center;max-width:850px;margin:0 auto;padding:30px 0 110px}.about-section blockquote{letter-spacing:-.04em;margin:16px 0 26px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.15}.about-section>p:last-child{max-width:650px;color:var(--muted);margin:0 auto;line-height:1.75}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;min-height:140px;display:flex}.footer-brand{align-items:center;gap:18px;display:flex}.footer-brand>div{flex-direction:column;gap:3px;display:flex}.footer-brand>div>span,.footer-links{color:var(--muted);font-size:.78rem}.footer-links{align-items:center;gap:22px;display:flex}.footer-links a{text-decoration:none}@media (width<=900px){.site-header nav a:not(:last-child){display:none}.hero{grid-template-columns:1fr;gap:20px;padding-top:72px}.hero-art{min-height:360px}.hero-notebook{width:min(90%,620px)}.sticky-note{right:5%}.section-heading,.margins-section{grid-template-columns:1fr}.section-heading{gap:20px}.project-grid{grid-template-columns:1fr}.margins-section{padding:60px 40px 60px 70px}.margin-rule{left:42px}.coming-note{width:min(290px,100%)}}@media (width<=620px){.site-shell{width:min(100% - 28px,1180px)}.site-header{min-height:76px}.brand-mark{padding-bottom:.4rem}.brand-un{margin-right:.04rem;font-size:1.85rem}.brand-rest{letter-spacing:.12em;font-size:.66rem}.brand-underline{width:95%;height:14px;left:9%}.brand-underline path{stroke-width:2px}.site-header nav{gap:12px}.hero{min-height:auto;padding:62px 0 70px}.hero h1{font-size:clamp(3.4rem,16vw,5rem)}.hero-actions{flex-direction:column;align-items:flex-start;gap:17px}.hero-art{min-height:280px}.hero-notebook{width:112%;max-width:none}.sticky-note{transform-origin:100% 0;gap:3px;width:100px;min-height:91px;padding:23px 11px 10px;top:1%;right:-1%;transform:rotate(5deg)scale(.88)}.sticky-note strong{font-size:.88rem}.sticky-check,.sticky-correction,.sticky-note em{font-size:.61rem}.hero-correction{padding-top:1.45rem}.hero-correction-note{font-size:.88rem;bottom:1.25em;left:42%;transform:translate(-8%)rotate(-3deg)}.hero-correction-caret{font-size:.9rem;bottom:.76em;left:54%}.section{padding:70px 0}.project-card{min-height:390px;padding:30px}.project-footer{flex-direction:column;align-items:flex-start;bottom:28px;left:30px;right:30px}.margins-section{margin-bottom:80px;padding:52px 26px 52px 50px}.margin-rule{left:28px}footer{flex-direction:column;align-items:flex-start;padding:30px 0}.footer-brand{flex-direction:column;align-items:flex-start;gap:7px}.footer-links{flex-direction:column;align-items:flex-start;gap:8px}}
