:root{--ink:#29241f;--paper:#f8f4ed;--orange:#d97736;--orange-dark:#a94e21;--teal:#315f61;--line:#ded5c9;--muted:#756c63;--white:#fffdf9;--dark:#262d2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}a{color:inherit}.site-nav{height:84px;display:flex;align-items:center;max-width:1180px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}.site-nav img{width:43px;height:43px}.site-nav strong{font-size:24px;margin-left:13px}.site-nav .links{margin-left:auto;display:flex;gap:25px;font:700 12px sans-serif;letter-spacing:.06em}.site-nav .links a{text-decoration:none;color:var(--muted)}.site-nav .links a:hover{color:var(--orange-dark)}.hero{max-width:1180px;min-height:670px;margin:auto;padding:105px 28px 70px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #e4b58f;border-radius:50%;right:-140px;top:-90px;box-shadow:0 0 0 74px rgba(230,166,115,.08),0 0 0 148px rgba(230,166,115,.05)}.kicker,.eyebrow{font:700 12px sans-serif;letter-spacing:.2em;color:var(--orange-dark)}.hero h1{font-size:clamp(60px,8vw,118px);line-height:.88;letter-spacing:-.055em;max-width:900px;margin:28px 0 35px;position:relative;z-index:1}.hero p{font:18px/1.7 sans-serif;color:var(--muted);max-width:650px}.actions{display:flex;gap:13px;margin-top:38px}.button{display:inline-block;font:700 13px sans-serif;text-decoration:none;padding:15px 20px;border-radius:8px}.button.primary{background:var(--orange);color:white}.button.secondary{border:1px solid var(--line);color:var(--teal);background:#fff}.showcase,.blog-section{max-width:1180px;margin:auto;padding:100px 28px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:40px}.section-head h2{font-size:clamp(40px,5vw,68px);line-height:1;margin:12px 0 0;letter-spacing:-.035em}.section-head p{font:16px/1.7 sans-serif;color:var(--muted);margin:0}.screen{margin:0}.screen img,.article-figure img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid var(--line);box-shadow:0 25px 70px rgba(50,40,30,.13)}.screen figcaption,.article-figure figcaption{font:12px/1.5 sans-serif;color:var(--muted);margin-top:12px}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.features{background:var(--dark);color:var(--paper)}.feature-grid{max-width:1180px;margin:auto;padding:90px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.feature-grid article{border-top:1px solid #62716d;padding-top:22px}.feature-grid b{font:11px sans-serif;color:#ef9a62;letter-spacing:.18em}.feature-grid h2{font-size:30px;margin:18px 0 12px}.feature-grid p{font:14px/1.7 sans-serif;color:#bfc8c5}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.post-card{background:var(--white);border:1px solid var(--line);padding:28px;min-height:250px;display:flex;flex-direction:column;text-decoration:none;transition:.2s}.post-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(55,43,31,.1);border-color:#d8a47e}.post-card small,.post-meta{font:700 11px sans-serif;letter-spacing:.1em;color:var(--orange-dark)}.post-card h3{font-size:29px;line-height:1.08;margin:18px 0 13px}.post-card p{font:14px/1.65 sans-serif;color:var(--muted);margin:0}.post-card span{margin-top:auto;padding-top:25px;font:700 12px sans-serif;color:var(--teal)}.site-footer{max-width:1180px;margin:auto;padding:35px 28px;display:flex;gap:22px;font:12px sans-serif;color:#7e746b}.site-footer a{color:inherit}.site-footer span{margin-left:auto}.blog-hero{max-width:980px;margin:auto;padding:90px 28px 60px}.blog-hero h1{font-size:clamp(50px,7vw,82px);line-height:.95;letter-spacing:-.045em;margin:20px 0}.blog-hero p{max-width:720px;font:17px/1.75 sans-serif;color:var(--muted)}.article{max-width:820px;margin:auto;padding:70px 28px}.article .post-meta{display:flex;gap:15px}.article h1{font-size:clamp(46px,6.5vw,76px);line-height:1;letter-spacing:-.045em;margin:22px 0 25px}.article .dek{font:20px/1.65 sans-serif;color:var(--muted);margin-bottom:45px}.article h2{font-size:36px;line-height:1.15;margin:60px 0 17px}.article h3{font-size:24px;margin:36px 0 12px}.article p,.article li{font:17px/1.82 Georgia,serif}.article li{margin:8px 0}.article blockquote{margin:35px 0;padding:24px 28px;border-left:4px solid var(--orange);background:#f1e8dc;font-size:21px;line-height:1.55}.article-figure{margin:45px -100px}.checklist{background:var(--dark);color:#f4f0e9;padding:30px;margin:38px 0}.checklist h3{margin-top:0}.checklist li{color:#d7dedb}.callout{border:1px solid #c8d5d1;background:#edf3f0;padding:26px;margin:38px 0}.callout h3{margin-top:0;color:var(--teal)}.toc{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:35px 0}.toc strong{font:700 11px sans-serif;letter-spacing:.15em}.toc ol{columns:2;padding-left:22px}.related{max-width:980px;margin:70px auto;padding:0 28px}.related h2{font-size:40px}.breadcrumbs{font:12px sans-serif;color:var(--muted);margin-bottom:35px}.breadcrumbs a{color:var(--teal)}@media(max-width:760px){.site-nav{height:72px;padding:0 18px}.site-nav .links{gap:12px}.site-nav .links a:first-child{display:none}.hero{padding:75px 20px 55px;min-height:580px}.hero h1{font-size:56px}.section-head,.screen-grid,.post-grid,.feature-grid{grid-template-columns:1fr}.showcase,.blog-section{padding:70px 20px}.article{padding:50px 20px}.article-figure{margin:35px 0}.toc ol{columns:1}.site-footer{flex-wrap:wrap}.site-footer span{width:100%;margin:0}.blog-hero{padding:65px 20px 40px}}
