:root{--beige:#f4ede3;--sand:#e6dccb;--terra:#da6b48;--terra-d:#a24626;--olive:#566148;--cocoa:#33302b;--cream:#fbf8f3;--white:#fff;--r:24px;--max:1120px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:var(--cocoa);background:var(--cream);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0 0 .5em;color:var(--cocoa)}
h1{font-size:clamp(2.4rem,5.6vw,4.2rem)}h2{font-size:clamp(1.8rem,3.6vw,2.7rem)}h3{font-size:1.3rem;letter-spacing:-.01em}
p{margin:0 0 1em}a{color:var(--terra-d)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.skip{position:absolute;top:0;left:0;transform:translateY(-200%);background:var(--cocoa);color:#fff;padding:10px 14px;z-index:99;border-radius:0 0 10px 0}.skip:focus{transform:none}body.ur .skip{left:auto;right:0;border-radius:0 0 0 10px}
header.site{background:rgba(244,237,227,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(230,220,203,.7);position:sticky;top:0;z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;max-width:var(--max);margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cocoa);font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.3rem;letter-spacing:-.02em}
.mark{display:flex;align-items:flex-end;gap:3px;height:28px}.mark i{display:block;width:8px;border-radius:3px;transform-origin:bottom;animation:rise .9s var(--ease) both}
.mark i:nth-child(1){height:11px;background:var(--sand)}.mark i:nth-child(2){height:19px;background:var(--terra);animation-delay:.12s}.mark i:nth-child(3){height:28px;background:var(--olive);animation-delay:.24s}
nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap;align-items:center}
nav a{display:block;padding:8px 13px;border-radius:30px;text-decoration:none;color:var(--cocoa);font-weight:600;font-size:.92rem;transition:background .25s,color .25s}
nav a:hover,nav a[aria-current]{background:var(--sand)}
nav a.cta{background:var(--terra-d);color:#fff}nav a.cta:hover{background:var(--cocoa)}
details.menu{display:none}
.btn{display:inline-block;padding:15px 28px;border-radius:40px;background:var(--terra-d);color:#fff;text-decoration:none;font-weight:700;border:2px solid var(--terra-d);transition:transform .25s var(--ease),background .25s,box-shadow .25s}
.btn:hover{background:var(--cocoa);border-color:var(--cocoa);transform:translateY(-3px);box-shadow:0 10px 24px rgba(51,48,43,.2)}
.btn.alt{background:transparent;color:var(--cocoa);border-color:var(--cocoa)}.btn.alt:hover{background:var(--cocoa);color:#fff}
.hero{background:var(--beige);padding:76px 0 70px;position:relative;overflow:hidden}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;z-index:0}
.hero::before{width:360px;height:360px;background:#f3e4d6;left:-140px;bottom:-160px}
.hero::after{width:150px;height:150px;border:22px solid rgba(218,107,72,.18);right:6%;top:-60px;animation:drift 9s ease-in-out infinite}
.hero .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;position:relative;z-index:1}
.kicker{font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;color:var(--olive);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.kicker::before{content:"";width:26px;height:2px;background:var(--terra)}
.hero p.lead{font-size:1.2rem;max-width:34em;color:#5d4c41}
.hl{color:var(--terra-d);position:relative;white-space:nowrap}
.hl svg{position:absolute;left:0;bottom:-.18em;width:100%;height:.3em}
.hl path{stroke-dasharray:260;stroke-dashoffset:260;animation:draw 1.2s .6s var(--ease) forwards}
.urdu{font-family:'Noto Nastaliq Urdu',serif;line-height:2.1;color:var(--olive);direction:rtl}
.art{width:100%;max-width:480px;margin:0 auto;display:block}
.art .s2{animation-delay:.2s}section{padding:78px 0;position:relative}
section.alt{background:var(--beige)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.card{background:var(--white);border:1px solid rgba(230,220,203,.8);border-radius:var(--r);padding:30px;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(51,48,43,.1)}
section.alt .card{background:var(--cream)}
.ico{width:58px;height:58px;border-radius:18px;background:var(--beige);display:grid;place-items:center;margin-bottom:18px}
section.alt .ico{background:var(--sand)}
.ico svg{width:30px;height:30px;stroke:var(--terra-d);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card .num{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:2.6rem;color:var(--terra-d);line-height:1}
.pill{display:inline-block;background:var(--sand);padding:5px 15px;border-radius:30px;font-size:.82rem;font-weight:700;margin:0 6px 6px 0}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px}
.trust div{border-left:3px solid var(--terra);padding-left:18px}
.cta-band{background:var(--cocoa);color:var(--cream);text-align:center;padding:84px 22px;position:relative;overflow:hidden}
.cta-band::before,.cta-band::after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(230,220,203,.25)}
.cta-band::before{width:320px;height:320px;left:-100px;top:-120px;animation:breathe 8s ease-in-out infinite}
.cta-band::after{width:200px;height:200px;right:-50px;bottom:-80px;animation:breathe 6s ease-in-out infinite reverse}
.cta-band>*{position:relative;z-index:1}
.cta-band h2{color:var(--cream)}.cta-band .btn{background:var(--sand);color:var(--cocoa);border-color:var(--sand)}
.cta-band .btn:hover{background:var(--cream);border-color:var(--cream)}
.page-head{background:var(--beige);padding:64px 0 48px;border-bottom:1px solid var(--sand);position:relative;overflow:hidden}
.page-head::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(218,107,72,.22),rgba(218,107,72,0) 70%);animation:drift 10s ease-in-out infinite}
.page-head .wrap{position:relative;z-index:1}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
ul.tick{list-style:none;padding:0}ul.tick li{padding-left:30px;position:relative;margin-bottom:.7em}
ul.tick li::before{content:"";position:absolute;left:0;top:.45em;width:18px;height:18px;border-radius:50%;background:var(--olive)}
ul.tick li::after{content:"";position:absolute;left:5px;top:.72em;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.notice{background:var(--beige);border-left:4px solid var(--terra);padding:16px 22px;border-radius:0 var(--r) var(--r) 0;font-size:.95rem}
details.faq{background:var(--white);border:1px solid rgba(230,220,203,.8);border-radius:18px;padding:18px 22px;margin-bottom:12px;transition:box-shadow .3s}
details.faq[open]{box-shadow:0 10px 26px rgba(51,48,43,.08)}
details.faq summary{cursor:pointer;font-weight:700;font-family:'Fraunces',Georgia,serif;font-size:1.1rem}
form label{display:block;font-weight:700;margin:16px 0 6px;font-size:.95rem}
form input,form select,form textarea{width:100%;padding:13px 16px;border:1px solid var(--sand);border-radius:14px;font:inherit;background:#fff;color:var(--cocoa);transition:border-color .2s,box-shadow .2s}
form input:focus,form select:focus,form textarea:focus{outline:none;border-color:var(--terra);box-shadow:0 0 0 4px rgba(218,107,72,.15)}
form textarea{min-height:110px}
form .check{display:flex;gap:10px;align-items:flex-start;margin-top:16px}form .check input{width:auto;margin-top:6px}
footer.site{background:var(--cocoa);color:var(--sand);padding:56px 0 28px;font-size:.95rem}
footer.site a{color:var(--cream)}footer.site h3{color:var(--cream);font-size:1.05rem}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}
footer ul{list-style:none;padding:0;margin:0}footer li{margin-bottom:6px}
footer .legal{border-top:1px solid #6b5a4d;margin-top:30px;padding-top:18px;font-size:.85rem}
.wa{position:fixed;right:18px;bottom:88px;width:58px;height:58px;display:grid;place-items:center;background:#128C7E;border-radius:50%;box-shadow:0 8px 22px rgba(0,0,0,.25);z-index:30;transition:transform .25s var(--ease),box-shadow .25s}
.wa svg{width:32px;height:32px}
.wa:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 28px rgba(0,0,0,.3)}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
@keyframes rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes twinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.25) rotate(18deg)}}
@keyframes dash{to{stroke-dashoffset:-150}}
@keyframes draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.hl path{stroke-dashoffset:0}}
@media(max-width:860px){
.hero .grid,.two{grid-template-columns:1fr}.art{max-width:340px}.hl{white-space:normal}
nav ul{display:none}details.menu{display:block}
details.menu summary{list-style:none;cursor:pointer;padding:10px 18px;border:2px solid var(--cocoa);border-radius:30px;font-weight:700}
details.menu summary::-webkit-details-marker{display:none}
details.menu ul{display:flex;flex-direction:column;position:absolute;right:22px;top:66px;background:var(--cream);border:1px solid var(--sand);border-radius:18px;padding:10px;list-style:none;margin:0;min-width:210px;box-shadow:0 14px 34px rgba(0,0,0,.12)}
}

footer.site{background:#2f2520;color:var(--sand);padding:84px 0 32px}
footer.site .ftag{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(1.9rem,4.4vw,3.2rem);letter-spacing:-.02em;line-height:1.1;color:var(--sand);max-width:16em;margin:0 0 56px}
footer .fgrid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:36px}
footer .flogo{display:inline-flex;align-items:center;gap:10px;background:var(--cream);color:var(--cocoa);text-decoration:none;font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.25rem;padding:16px 22px;border-radius:18px}
footer .socs{display:flex;gap:12px;margin:22px 0 18px}
footer .soc{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--cream);color:var(--cocoa);transition:transform .25s var(--ease),background .25s}
footer .soc:hover{transform:translateY(-3px);background:var(--sand)}
footer .soc svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
footer .fcred{font-size:.92rem;line-height:1.5;color:var(--sand);margin:0}
footer.site h3{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.15rem;color:var(--cream);margin:0 0 16px}
footer.site li{margin-bottom:10px}
footer.site li a{color:var(--sand);text-decoration:none;transition:color .2s}
footer.site li a:hover{color:#fff;text-decoration:underline}
footer .legal{display:flex;flex-direction:column;gap:10px;border-top:1px solid #5a4a40;margin-top:56px;padding-top:22px;font-size:.82rem;color:#b9a68c}
footer .legal .disc{font-style:italic;max-width:70em}
@media(max-width:980px){footer .fgrid{grid-template-columns:1fr 1fr}footer .fbrand{grid-column:1/-1}}
@media(max-width:520px){footer .fgrid{grid-template-columns:1fr}}

footer.site .flogo{display:inline-block;background:var(--cream);padding:18px 24px;border-radius:20px;max-width:100%}
footer.site .flogo img{display:block;width:100%;max-width:300px;height:auto}
footer.site .soc{color:var(--cocoa)}
footer.site .soc svg{stroke:var(--cocoa)}
footer.site .soc:hover{color:var(--cocoa)}

/* hero art v2 */
.art{overflow:visible}
.art .plx{transition:transform .6s ease-out}
.art .step{transform-box:fill-box;transform-origin:bottom;animation:rise 1s var(--ease) both}
.art .s2{animation-delay:.2s}.art .s3{animation-delay:.4s}
.art .path{animation:trace 9s linear 1.2s infinite}
.art .starg{opacity:1}
.art .starin{animation:starfade 9s linear 1.2s infinite}
.art .sun{transform-box:fill-box;transform-origin:center;animation:sunpulse 9s ease-in-out 1.2s infinite}
.art .ripple{transform-box:fill-box;transform-origin:center;animation:ripple 5s ease-out infinite}
.art .ripple.r2{animation-delay:2.5s}
.art .dot{animation:drift 6s ease-in-out infinite}.art .dot.d2{animation-duration:8s;animation-direction:reverse}
.art .tw{transform-box:fill-box;transform-origin:center;animation:twinkle 3.4s ease-in-out infinite}
.art .tw.t2{animation-delay:1.1s}.art .tw.t3{animation-delay:2s}
.art .pt{transform-box:fill-box;transform-origin:center;opacity:0;animation:burst 9s linear 1.2s infinite}
.art .leaf{transform-box:fill-box;transform-origin:center;opacity:.9;animation:float 13s ease-in-out infinite}
.art .l2{animation-duration:16s;animation-delay:-5s}.art .l3{animation-duration:11s;animation-delay:-8s}
.art .sprout{transform-box:fill-box;transform-origin:bottom;animation:sway 5s ease-in-out infinite}
@keyframes trace{0%{stroke-dashoffset:100;opacity:.55}6%{stroke-dashoffset:100;opacity:.55}50%{stroke-dashoffset:0;opacity:.55}88%{stroke-dashoffset:0;opacity:.55}100%{stroke-dashoffset:0;opacity:0}}
@keyframes starfade{0%{opacity:0;transform:scale(.6)}6%{opacity:1;transform:scale(1)}50%{transform:scale(1.15) rotate(0)}60%{transform:scale(1) rotate(45deg)}75%{transform:scale(1.15) rotate(90deg)}90%{opacity:1;transform:scale(1) rotate(135deg)}100%{opacity:0;transform:scale(.6) rotate(180deg)}}
@keyframes burst{0%,49%{opacity:0;transform:translate(0,0) scale(.4)}50%{opacity:1}64%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}
@keyframes sunpulse{0%,48%{transform:scale(1)}56%{transform:scale(1.14)}66%,100%{transform:scale(1)}}
@keyframes ripple{0%{transform:scale(1);opacity:.45}100%{transform:scale(2.4);opacity:0}}
@keyframes twinkle{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.8);opacity:.35}}
@keyframes float{0%{transform:translate(0,0) rotate(0)}25%{transform:translate(18px,-60px) rotate(40deg)}50%{transform:translate(-8px,-120px) rotate(-25deg)}75%{transform:translate(14px,-170px) rotate(30deg);opacity:.6}100%{transform:translate(0,-210px) rotate(0);opacity:0}}
@keyframes sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hero .grid>div:first-child>*{animation:fadeUp .9s var(--ease) both}
.hero .grid>div:first-child>*:nth-child(1){animation-delay:.05s}
.hero .grid>div:first-child>*:nth-child(2){animation-delay:.18s}
.hero .grid>div:first-child>*:nth-child(3){animation-delay:.34s}
.hero .grid>div:first-child>*:nth-child(4){animation-delay:.5s}
.hero .grid>div:first-child>*:nth-child(5){animation-delay:.66s}

/* Apricott-inspired scheme */
:root{--green-d:#0c2114;--lime:#dfedca;--apricot-l:#f7d7cb}
body{background:#fbf8f3}
h1,h2,h3{font-weight:700;letter-spacing:-.015em}
.mark i:nth-child(1){background:#f0b9a5}
.btn,nav a.cta{background:var(--terra);color:var(--green-d);border-color:var(--terra)}
.btn:hover,nav a.cta:hover{background:var(--green-d);border-color:var(--green-d);color:var(--cream)}
.btn.alt{background:transparent;color:var(--green-d);border-color:var(--green-d)}
.btn.alt:hover{background:var(--green-d);color:var(--cream)}
.hl{color:var(--terra-d)}
.pill{background:rgba(103,114,89,.14);color:var(--green-d)}
.ico{background:#f4ede3}section.alt .ico{background:#f7d7cb}
.cta-band{background:var(--green-d)}.cta-band h2{color:var(--lime)}.cta-band p{color:var(--cream)}
.cta-band .btn{background:var(--terra);color:var(--green-d);border-color:var(--terra)}.cta-band .btn:hover{background:var(--cream);border-color:var(--cream)}
.cta-band::before,.cta-band::after{border-color:rgba(223,237,202,.18)}
footer.site{background:var(--green-d);color:var(--lime)}
footer.site .ftag{color:var(--lime)}
footer.site h3{color:var(--lime)}
footer.site li a{color:var(--cream)}footer.site li a:hover{color:#fff}
footer.site .fcred{color:var(--lime)}
footer .legal{border-top-color:#2b4636;color:rgba(223,237,202,.65)}
footer.site .soc{background:var(--cream);color:var(--green-d)}footer.site .soc svg{stroke:var(--green-d)}
footer.site .soc:hover{background:var(--lime)}


.tel{font-weight:700;color:var(--green-d)}
.strip{padding:22px 0;background:#fbf8f3;border-bottom:1px solid var(--sand)}
.strip ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 34px;justify-content:center;font-weight:700;font-size:.95rem;color:var(--olive)}
.strip li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--terra);margin-right:10px}
.cards.five{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.nl{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.nl li{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start}
.nl li>span{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:1.7rem;color:var(--terra-d)}
.nl h3{margin:0 0 .2em}.nl p{margin:0}
.imgslot{margin:0;border-radius:var(--r);background:#f4ede3;border:1px dashed var(--sand);min-height:260px;display:grid;place-items:center;overflow:hidden;position:relative}
.imgslot.tall{min-height:420px}
.imgslot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.imgslot figcaption{padding:20px;text-align:center;font-size:.9rem;color:var(--olive)}
.imgslot img+figcaption{display:none}
.tour{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.tour .imgslot{min-height:240px}
@media(max-width:860px){.nl li{grid-template-columns:44px 1fr}}

/* blog */
.post{max-width:780px;padding-top:40px;padding-bottom:30px}
.post h1{font-size:clamp(1.9rem,4.2vw,2.8rem);margin-bottom:.4em}
.post h2{margin-top:1.6em;font-size:clamp(1.4rem,2.8vw,1.8rem)}
.post p,.post li{font-size:1.06rem}
.crumbs{font-size:.88rem;color:var(--olive);margin-bottom:12px}.crumbs a{color:var(--olive)}
.byline{color:var(--olive);font-size:.92rem;margin-bottom:22px}
.langsw{display:inline-block;padding:3px 14px;border:1.5px solid var(--green-d);border-radius:30px;color:var(--green-d);text-decoration:none;font-weight:700;font-size:.85rem}
.langsw:hover{background:var(--green-d);color:var(--cream)}
.pcover{margin:0 0 26px;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;background:#f4ede3}
.pcover img{width:100%;height:100%;object-fit:cover;display:block}
.tldr{background:#dfedca;border-radius:var(--r);padding:22px 26px;margin:0 0 10px}
.tldr h2{margin:0 0 .5em;font-size:1.2rem}.tldr ul{margin:0}
.pfaq{margin-top:2em}.psrc ul{padding-left:1.2em}.psrc a{word-break:break-word}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.pcard{display:flex;flex-direction:column;background:#dfedca;border-radius:26px;padding:16px;text-decoration:none;color:var(--green-d);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.pcard:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(12,33,20,.12)}
.pcard img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;display:block;background:#f4ede3}
.pcard .pb{padding:14px 6px 6px}.pcard .pd{font-size:.85rem;color:var(--terra-d);font-weight:600}
.pcard h3{margin:.3em 0 0;font-size:1.25rem;color:var(--terra-d);line-height:1.25}
/* Urdu */
body.ur{font-family:'Noto Naskh Arabic','Noto Nastaliq Urdu',serif;line-height:2.1;font-size:1.1rem}
body.ur h1,body.ur h2,body.ur h3,body.ur .kicker,body.ur .brand+*{font-family:'Noto Nastaliq Urdu','Noto Naskh Arabic',serif;line-height:1.9;letter-spacing:0}
body.ur .brand,body.ur .tel{font-family:'Fraunces',Georgia,serif}
body.ur .kicker{letter-spacing:0;text-transform:none}
body.ur .tick li{padding-left:0;padding-right:30px}
body.ur ul.tick li::before{left:auto;right:0}body.ur ul.tick li::after{left:auto;right:5px;transform:rotate(45deg)}
body.ur .notice{border-left:0;border-right:4px solid var(--terra);border-radius:var(--r) 0 0 var(--r)}
body.ur .psrc ul{padding-left:0;padding-right:1.2em}
body.ur .crumbs,body.ur .byline{font-size:.95rem}
body.ur .wa{right:auto;left:18px}
.crumbs a{display:inline;padding:0;background:none;border-radius:0;font-size:inherit}.crumbs a:hover{background:none;text-decoration:underline}
.brand{white-space:nowrap}
nav a{padding:8px 10px;font-size:.88rem}
@media(max-width:1180px){nav a.tel{display:none}}

/* audit fixes */
:focus-visible{outline:3px solid #0c2114;outline-offset:3px;border-radius:6px}
footer.site :focus-visible,.cta-band :focus-visible{outline-color:#dfedca}
h2.sub{font-size:1.3rem;letter-spacing:-.01em;margin:0 0 .5em}
details.menu{position:relative}
details.menu:not([open])>ul{display:none}
@media(max-width:860px){
details.menu ul{right:0;left:auto;top:calc(100% + 10px)}
body.ur details.menu ul{right:auto;left:0}
}
.founder-card{border-radius:var(--r);background:#0c2114;color:#dfedca;min-height:420px;display:grid;place-content:center;gap:18px;text-align:center;padding:40px}
.founder-card .mono{width:120px;height:120px;border-radius:50%;background:#da6b48;color:#0c2114;font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:2.8rem;display:grid;place-items:center;margin:0 auto}
.founder-card strong{display:block;font-family:'Fraunces',Georgia,serif;font-size:1.6rem;color:#fbf8f3}
.founder-card span{font-size:1rem}

/* fresher earthy palette */
header.site{background:rgba(251,245,239,.94)}
.hero,.page-head{background:#fbf5ef}
.hero::before{background:#e3efd0}
section.alt{background:#eef5e2}
.strip{background:#eef5e2}
.ico{background:#e3efd0}section.alt .ico{background:#fff}
section.alt .card{background:#fff}
.card{border-color:rgba(103,114,89,.2)}
.notice{background:#eef5e2}
.imgslot{background:#e3efd0;border-color:rgba(103,114,89,.25)}
.pill{background:#e3efd0}
/* story page */
.pull{margin:0;text-align:center;font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(2rem,5.4vw,3.6rem);line-height:1.1;color:var(--terra-d)}
.center{text-align:center;max-width:36em;margin:1em auto 0}
.two.flip>:first-child{order:0}
.two-col{columns:2;column-gap:40px}.two-col li{break-inside:avoid}
.gh{margin:1.8em 0 .6em;color:var(--olive)}
.cards .card a{display:inline-block;margin-top:.4em}
@media(max-width:860px){.two.flip>figure{order:2}.two-col{columns:1}}