/* =========================================================
   1) BASE — shared across every page (site.css, unchanged)
   ========================================================= */
:root{--ink:#27312b;--sand:#f5f0e7;--card:#fffdf9;--pink:#f3b7a8;--apricot:#ffcf77;--green:#b9d499;--leaf:#4c6b4c;--line:#dcd7cd;--muted:#687068}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}.shell{width:min(1180px,calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Fraunces,Georgia,serif;letter-spacing:-.06em;font-weight:500}.label{font:500 11px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--leaf);display:flex;align-items:center;gap:8px}.label:before{content:"";height:6px;width:6px;border:1.5px solid var(--leaf);border-radius:50%}nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{font:600 21px/.86 Fraunces,serif;letter-spacing:-.07em;display:flex;align-items:center;gap:9px}.brand-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--apricot);font:18px Georgia}.nav-main{display:flex;gap:27px;font-size:13px;font-weight:600;color:#586059}.nav-main a:hover,.nav-main a.active{color:var(--leaf)}.nav-contact{font-size:13px;text-decoration:underline;text-underline-offset:4px;font-weight:600}.page-hero{padding:73px 0 78px;border-top:1px solid var(--line);background:linear-gradient(120deg,#f5f0e7 55%,#e8eee0 55%)}.page-hero h1{font-size:clamp(3.7rem,7vw,7rem);line-height:.91;max-width:760px;margin:18px 0 24px}.page-hero h1 em,h2 em{font-style:italic;color:var(--leaf)}.intro{max-width:520px;color:var(--muted);font-size:17px;line-height:1.65}.btn{border:1px solid var(--ink);background:transparent;display:inline-flex;align-items:center;gap:12px;padding:13px 18px;border-radius:100px;font-size:14px;font-weight:600;transition:.2s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--pink)}.btn.dark{background:var(--ink);color:#fff}.arrow{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--apricot);color:var(--ink)}section{padding:105px 0}.heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.heading h2{font-size:clamp(2.3rem,4.5vw,4.5rem);line-height:.98;margin:14px 0 0}.heading p{max-width:360px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:25px;min-height:250px}.card-icon{width:43px;height:43px;border-radius:11px;background:#e8eee0;display:grid;place-items:center;color:var(--leaf);font-size:19px;margin-bottom:42px}.card h3{font-size:23px;margin-bottom:9px}.card p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.image{height:465px;border-radius:18px;overflow:hidden;position:relative}.image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.image-badge{position:absolute;left:20px;bottom:20px;background:var(--card);padding:15px;border-radius:10px;font:600 14px/1.3 Fraunces,serif;max-width:190px}.values{display:grid;gap:0}.value{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:32px 1fr;gap:10px}.value:last-child{border-bottom:1px solid var(--line)}.value b{color:var(--leaf);font:11px "DM Mono"}.value h3{font:500 18px Fraunces,serif;margin:0 0 5px}.value p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.soft{background:#e8eee0}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project{background:var(--card);border-radius:16px;overflow:hidden}.project-image{height:280px;overflow:hidden}.project-image img{height:100%;width:100%;object-fit:cover;filter:saturate(.75);transition:.4s}.project:hover img{transform:scale(1.04)}.project-copy{padding:21px}.tag{font:10px "DM Mono";letter-spacing:.07em;color:var(--leaf);text-transform:uppercase}.project h3{font-size:25px;margin:8px 0}.project p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.project:nth-child(3){grid-column:span 2}.project:nth-child(3) .project-image{height:340px}.contact-box{background:var(--leaf);border-radius:18px;padding:58px;display:grid;grid-template-columns:1fr .8fr;gap:55px}.contact-box h2{font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:.97;margin:14px 0}.contact-box h2 em{color:var(--card)}.contact-list{align-self:end;display:grid;gap:12px}.contact-list a,.contact-list span{background:#ffffff99;padding:15px;border-radius:9px;font-size:14px;font-weight:600}.form{display:grid;gap:14px}.form label{font-size:12px;font-weight:600}.form input,.form textarea,.form select{width:100%;border:1px solid #cbd7c2;border-radius:8px;background:#ffffffa8;padding:13px;font:14px "DM Sans";color:var(--ink)}.form textarea{min-height:120px;resize:vertical}.form button{justify-content:center;width:max-content}.timeline{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}.timeline article{border-top:1px solid var(--line);padding:18px 20px 0 0}.timeline span{font:11px "DM Mono";color:var(--leaf)}.timeline h3{font-size:21px;margin:40px 0 9px}.timeline p{font-size:13px;line-height:1.6;color:var(--muted)}footer{background:#e7e4da;padding:54px 0 22px}.foot-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:44px}.foot-copy{font-size:13px;color:var(--muted);line-height:1.6;max-width:290px;margin-top:17px}.foot-links{display:flex;gap:50px}.foot-links div{display:grid;gap:10px;font-size:13px}.foot-links strong{font:10px "DM Mono";color:var(--muted);letter-spacing:.07em}.foot-bottom{border-top:1px solid #cfcac0;padding-top:18px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between}@media(max-width:800px){.nav-main{display:none}.heading,.foot-top{display:block}.heading p{margin-top:20px}.card-grid{grid-template-columns:1fr 1fr}.split,.contact-box{grid-template-columns:1fr;gap:35px}.projects{grid-template-columns:1fr}.project:nth-child(3){grid-column:auto}.project:nth-child(3) .project-image{height:280px}.timeline{grid-template-columns:1fr 1fr;gap:20px}.foot-links{margin-top:34px}}@media(max-width:480px){.shell{width:min(100% - 28px,1180px)}.page-hero{padding:56px 0}.page-hero h1{font-size:3.5rem}.card-grid,.timeline{grid-template-columns:1fr}.image{height:350px}.contact-box{padding:34px 22px}.foot-links{gap:28px}.foot-bottom{display:block}.foot-bottom span+span{display:block;margin-top:6px}}


/* =========================================================
   2) MAIN HEADER — the index.html header treatment,
      applied site-wide as the single main header for every page.
   ========================================================= */
header.shell{position:sticky;top:12px;z-index:20;height:64px;padding:0 20px;background:#fffdf9e8;border:1px solid #e3ded4;border-radius:14px;backdrop-filter:blur(14px);box-shadow:0 8px 28px #313b2d0d;width:min(1180px,calc(100% - 40px));margin:auto}
header.shell nav{height:62px}
.nav-main a.current-menu-item,.nav-main a.active{color:var(--leaf)}
.nav-contact.active{color:var(--leaf)}
@media(max-width:800px){header.shell{top:8px;height:58px;padding:0 14px}header.shell nav{height:56px}}

/* =========================================================
   3) HOME PAGE ONLY — styles unique to the front page,
      scoped under .home-hero / .home-* so inner pages are untouched.
   ========================================================= */
body.home main{overflow-x:hidden}
.home-hero{padding:73px 0 25px;min-height:670px;position:relative}
.home-hero h1{font-size:clamp(3.7rem,8vw,7.8rem);line-height:.91;margin:19px 0 26px;max-width:920px}
.home-hero .intro{font-size:17px;line-height:1.6;color:var(--muted);max-width:480px;margin-bottom:31px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-art{position:absolute;right:0;bottom:-5px;width:40%;height:450px;filter:drop-shadow(0 22px 34px #313b2d18)}
.arch{position:absolute;right:0;bottom:0;width:78%;height:91%;border-radius:200px 200px 0 0;background:var(--green);overflow:hidden}
.arch img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.74;filter:grayscale(.4)}
.hello{position:absolute;left:0;top:22%;background:var(--card);width:174px;padding:17px;border-radius:12px;box-shadow:0 14px 34px #313b2d20;transform:rotate(-6deg);font:600 16px/1.25 Fraunces,serif}
.hello small{display:block;font:10px "DM Mono";text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:7px}
.sun{position:absolute;right:9%;top:5%;width:78px;height:78px;border-radius:50%;background:var(--apricot);z-index:-1}

.banner{border-block:1px solid var(--line);padding:20px 0;overflow:hidden;background:#fffdf9}
.ticker{display:flex;gap:36px;white-space:nowrap;align-items:center;animation:move 25s linear infinite;font:500 14px Fraunces,serif}
.ticker span{display:flex;align-items:center;gap:36px}
.ticker span:after{content:"✳";color:var(--leaf);font-size:16px}
@keyframes move{to{transform:translateX(-33%)}}

.home-section{padding:112px 0}
.home-services{background:var(--card)}
.section-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}
.section-top h2{margin:14px 0 0;font-size:clamp(2.5rem,5vw,5rem);line-height:.97}
.section-copy{max-width:370px;color:var(--muted);font-size:15px;line-height:1.7}
.service-explorer{display:grid;grid-template-columns:1fr 1.25fr;border:1px solid #e5e0d6;border-radius:18px;overflow:hidden;min-height:490px;box-shadow:0 10px 30px #313b2d0c}
.service-list{background:#f8f5ee;padding:18px}
.service-choice{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:19px 13px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);font:500 17px Fraunces,serif;letter-spacing:-.035em;transition:.2s;cursor:pointer}
.service-choice:last-child{border-bottom:0}
.service-choice b{font:11px "DM Mono";opacity:.45;font-weight:400}
.service-choice.active,.service-choice:hover{background:var(--green);border-radius:10px;border-color:transparent;padding-left:19px}
.service-choice.active b{opacity:1}
.service-detail{padding:43px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(150deg,#fffdf9,#f7f3eb)}
.detail-icon{font:31px/1 Georgia;color:var(--leaf)}
.service-detail h3{font:500 clamp(2rem,3vw,3.2rem)/1 Fraunces,serif;letter-spacing:-.06em;margin:20px 0 14px}
.service-detail p{font-size:16px;line-height:1.7;max-width:455px;color:var(--muted)}
.detail-bottom{display:flex;align-items:end;justify-content:space-between;gap:18px}
.detail-note{font-size:12px;color:var(--muted);max-width:180px;line-height:1.45}
.shape{width:75px;height:75px;border-radius:50% 50% 50% 0;background:var(--pink);transform:rotate(-20deg)}

.home-why{background:var(--sand)}
.why-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}
.why-card{min-height:355px;border-radius:18px;padding:31px;position:relative;overflow:hidden;box-shadow:0 10px 30px #313b2d0c}
.why-card h3{font:500 31px/1 Fraunces,serif;letter-spacing:-.06em;margin:13px 0}
.why-card p{max-width:330px;font-size:14px;line-height:1.65;color:#4e594e}
.why-card:first-child{background:var(--pink)}
.why-card:nth-child(2){background:var(--green)}
.why-card:nth-child(3){background:var(--apricot);grid-column:span 2;min-height:250px}
.why-card:nth-child(3) p{max-width:475px}
.squiggle{position:absolute;right:33px;bottom:22px;font:150px/1 Fraunces;color:#fff7;transform:rotate(-14deg)}
.why-card:nth-child(2) .squiggle{color:#fff9}
.why-card:nth-child(3) .squiggle{font-size:200px;right:12%;bottom:-39px}

.journey{background:var(--ink);color:#fffdf9;position:relative;overflow:hidden}
.journey:before{content:"";position:absolute;width:620px;height:620px;border:1px solid #ffffff16;border-radius:50%;right:-310px;top:-240px}
.journey .label{color:var(--apricot)}
.journey .label:before{border-color:var(--apricot)}
.journey h2 em{color:var(--green)}
.journey-head{display:flex;align-items:end;justify-content:space-between;gap:30px}
.journey-head h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.97;margin:14px 0 0}
.journey-head p{max-width:350px;color:#d4d8cf;line-height:1.7;font-size:14px}
.journey-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:62px;position:relative}
.journey-track:before{content:"";height:1px;background:#ffffff38;position:absolute;top:14px;left:0;right:0}
.milestone{padding-right:24px;position:relative}
.dot{display:block;width:29px;height:29px;border-radius:50%;background:var(--apricot);border:8px solid var(--ink);margin-bottom:44px}
.milestone:nth-child(2) .dot{background:var(--pink)}
.milestone:nth-child(3) .dot{background:var(--green)}
.milestone:nth-child(4) .dot{background:#fff}
.milestone .no{font:11px "DM Mono";color:var(--apricot)}
.milestone h3{font:500 22px Fraunces,serif;margin:13px 0 9px}
.milestone p{font-size:13px;line-height:1.65;color:#d4d8cf}

.home-showcase{padding-bottom:0}
.showcase-box{min-height:455px;background:var(--leaf);border-radius:20px 20px 0 0;position:relative;overflow:hidden;padding:53px;box-shadow:0 10px 30px #313b2d0c}
.showcase-box h2{font-size:clamp(2.7rem,5vw,5.8rem);max-width:650px;margin:14px 0 28px;line-height:.97}
.showcase-box h2 em{color:var(--ink)}
.people{position:absolute;right:5%;bottom:0;width:40%;height:91%;object-fit:cover;object-position:center;border-radius:180px 180px 0 0;filter:saturate(.75)}
.project-pill{display:inline-flex;gap:9px;align-items:center;background:#fff;padding:9px 13px;border-radius:100px;font:11px "DM Mono";position:relative}
.project-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--leaf)}

.service-showcase{background:#edf1e8}
.service-showcase-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}
.service-showcase-head h2{margin:14px 0 0;font-size:clamp(2.5rem,5vw,5rem);line-height:.97}
.service-showcase-head p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.7;margin:0}
.service-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.service-tile{position:relative;min-height:260px;border-radius:15px;padding:22px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s,box-shadow .3s}
.service-tile:hover{transform:translateY(-7px);box-shadow:0 16px 28px #313b2d1c}
.service-tile:nth-child(1){background:#f5c2b5;grid-column:span 2}
.service-tile:nth-child(2){background:#ffda92}
.service-tile:nth-child(3){background:#bddaa8}
.service-tile:nth-child(4){background:#dce4f6}
.service-tile:nth-child(5){background:#ead9d3}
.service-tile-number{position:absolute;left:22px;top:20px;font:10px "DM Mono";letter-spacing:.07em;color:#526252}
.service-tile-symbol{position:absolute;right:19px;top:14px;font:68px/1 Fraunces;color:#ffffff80;transition:transform .3s}
.service-tile:hover .service-tile-symbol{transform:rotate(-12deg) scale(1.08)}
.service-tile h3{font:500 27px/1 Fraunces,serif;letter-spacing:-.055em;margin:0 0 8px}
.service-tile p{font-size:13px;line-height:1.55;max-width:290px;color:#425043;margin:0}
.service-tile a{position:absolute;inset:0}
.service-showcase-more{display:flex;justify-content:space-between;align-items:center;margin-top:27px;padding-top:20px;border-top:1px solid #becbb4;font-size:13px;font-weight:600}
.service-showcase-more .btn{padding:11px 15px;font-size:12px}

.testimonials{background:#24352d;color:var(--card);position:relative;overflow:hidden}
.testimonials:after{content:"“";position:absolute;right:5%;top:-93px;font:330px/1 Fraunces,serif;color:#ffffff0c}
.testimonials .label{color:var(--apricot)}
.testimonials .label:before{border-color:var(--apricot)}
.testimonial-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:46px;position:relative;z-index:1}
.testimonial-head h2{margin:14px 0 0;font-size:clamp(2.5rem,5vw,5rem);line-height:.97}
.testimonial-head h2 em{color:var(--green)}
.testimonial-head p{max-width:330px;color:#d4d8cf;font-size:14px;line-height:1.7;margin:0}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;z-index:1}
.testimonial{min-height:265px;border:1px solid #ffffff2e;border-radius:14px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;background:#ffffff08;transition:transform .25s,background .25s;box-shadow:0 10px 30px #313b2d0c}
.testimonial:hover{background:#ffffff12;transform:translateY(-5px)}
.quote-mark{font:48px/0.9 Fraunces,serif;color:var(--apricot)}
.testimonial blockquote{font:500 20px/1.35 Fraunces,serif;letter-spacing:-.03em;margin:8px 0 24px}
.client{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff20;padding-top:15px}
.client-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--ink);font:600 12px "DM Mono"}
.client-avatar.pink{background:var(--pink)}
.client-avatar.apricot{background:var(--apricot)}
.client strong{display:block;font-size:12px}
.client span{display:block;color:#cdd4cb;font-size:11px;margin-top:3px}
.testimonial-note{margin-top:20px;color:#cdd4cb;font-size:11px;position:relative;z-index:1;opacity:.78}

body.home .btn{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
body.home .btn:hover{box-shadow:0 7px 0 var(--pink)}
.foot-intro{margin-top:19px;color:var(--muted);font-size:13px;max-width:280px;line-height:1.6}
.fade{opacity:0;transform:translateY(22px);transition:.65s ease}
.fade.in{opacity:1;transform:none}

@media(max-width:800px){
  .home-hero{min-height:710px;padding-top:65px}
  .hero-art{width:68%;height:310px}
  .hello{transform:scale(.8) rotate(-6deg);transform-origin:left top}
  .section-top,.journey-head{display:block}
  .section-copy{margin-top:23px}
  .service-explorer{grid-template-columns:1fr}
  .service-list{display:grid;grid-template-columns:1fr 1fr}
  .service-choice{font-size:15px}
  .service-detail{min-height:350px}
  .why-grid{grid-template-columns:1fr}
  .why-card:nth-child(3){grid-column:span 1}
  .journey-track{grid-template-columns:1fr 1fr;gap:38px}
  .journey-track:before{display:none}
  .showcase-box{padding:34px;min-height:530px}
  .people{width:58%;height:55%;right:7%}
  .service-showcase-head{display:block}
  .service-showcase-head p{margin-top:23px}
  .service-showcase-grid{grid-template-columns:1fr 1fr}
  .service-tile:nth-child(1){grid-column:span 2}
  .testimonial-head{display:block}
  .testimonial-head p{margin-top:22px}
  .testimonial-grid{grid-template-columns:1fr 1fr}
  .testimonial:last-child{grid-column:span 2}
}
@media(max-width:480px){
  .home-hero h1{font-size:3.7rem}
  .hero-art{right:-28px;width:85%}
  .service-list{grid-template-columns:1fr;padding:12px}
  .service-choice{padding:13px 10px}
  .service-detail{padding:28px}
  .why-card{min-height:300px}
  .journey-track{grid-template-columns:1fr}
  .showcase-box{min-height:520px}
  .people{width:82%;right:9%}
  .service-showcase-grid{grid-template-columns:1fr}
  .service-tile,.service-tile:nth-child(1){grid-column:span 1;min-height:230px}
  .service-showcase-more{display:block}
  .service-showcase-more .btn{margin-top:16px}
  .testimonial-grid{grid-template-columns:1fr}
  .testimonial:last-child{grid-column:span 1}
}

/* =========================================================
   4) BLOG LISTING, SINGLE POST, 404 & THANK YOU PAGES
   ========================================================= */
.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.post-card{background:var(--card);border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.post-card:hover{transform:translateY(-5px);box-shadow:0 16px 28px #313b2d1c}
.post-card-image{height:230px;overflow:hidden;background:#e8eee0}
.post-card-image img{height:100%;width:100%;object-fit:cover;filter:saturate(.75);transition:.4s}
.post-card:hover .post-card-image img{transform:scale(1.04)}
.post-card-copy{padding:21px}
.post-card-copy .tag{display:block;margin-bottom:8px}
.post-card h3{font-size:23px;margin:8px 0;letter-spacing:-.045em}
.post-card h3 a{color:inherit}
.post-card p{font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 14px}
.post-card-meta{font:11px "DM Mono";color:var(--leaf);text-transform:uppercase;letter-spacing:.06em}
.post-card-more{font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.empty-state{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:60px;text-align:center;color:var(--muted)}

.pagination{display:flex;justify-content:center;gap:10px;margin-top:50px;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:100px;border:1px solid var(--line);font:600 13px "DM Sans";color:var(--ink)}
.pagination a:hover{background:var(--green);border-color:transparent}
.pagination span.current{background:var(--ink);color:#fff;border-color:var(--ink)}

.single-post-hero .post-card-meta{margin-bottom:10px}
.single-post-image{border-radius:18px;overflow:hidden;margin:0 0 20px;max-height:480px}
.single-post-image img{width:100%;height:100%;object-fit:cover;display:block}
.post-content{max-width:720px;font-size:16px;line-height:1.8;color:#3b453b}
.post-content p{margin:0 0 22px}
.post-content h2{font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.04em;margin:44px 0 16px;line-height:1.1}
.post-content h3{font-size:1.4rem;letter-spacing:-.03em;margin:34px 0 12px}
.post-content ul,.post-content ol{margin:0 0 22px;padding-left:22px}
.post-content li{margin-bottom:8px}
.post-content a{text-decoration:underline;text-underline-offset:3px;color:var(--leaf)}
.post-content blockquote{border-left:3px solid var(--green);margin:28px 0;padding:4px 0 4px 22px;font:500 19px/1.5 Fraunces,serif;color:var(--ink)}
.post-content img{max-width:100%;border-radius:14px;height:auto}
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.post-tags a{font:11px "DM Mono";text-transform:uppercase;letter-spacing:.05em;background:#e8eee0;color:var(--leaf);padding:8px 12px;border-radius:100px}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:60px;padding-top:34px;border-top:1px solid var(--line)}
.post-nav a{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.post-nav a:hover{border-color:var(--leaf)}
.post-nav-dir{font:11px "DM Mono";color:var(--leaf);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:6px}
.post-nav-next{text-align:right}
.post-author{display:flex;align-items:center;gap:12px;margin-top:50px;padding-top:30px;border-top:1px solid var(--line)}
.post-author img{width:46px;height:46px;border-radius:50%}
.post-author strong{display:block;font-size:14px}
.post-author span{display:block;font-size:12px;color:var(--muted);margin-top:2px}

.error-hero{text-align:left}
.error-code{font:600 13px "DM Mono";letter-spacing:.1em;color:var(--leaf);text-transform:uppercase}
.error-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.error-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;font-size:13px;font-weight:600}
.error-links a{text-decoration:underline;text-underline-offset:4px}

.thankyou-icon{width:58px;height:58px;border-radius:50%;background:var(--green);display:grid;place-items:center;font:26px/1 Georgia;color:var(--ink);margin-bottom:18px}

@media(max-width:800px){
  .post-grid{grid-template-columns:1fr}
  .post-nav{grid-template-columns:1fr}
  .post-nav-next{text-align:left}
}