:root{--bg:#F6F1E9;--bg-2:#EFE7D9;--ink:#2C2A24;--ink-soft:#615C50;--sage:#7C8B6E;--sage-deep:#56654B;--clay:#B47A50;--teal:#3E5C63;--line:rgba(44,42,36,.10);--max:1140px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.45,0,.15,1)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"Hanken Grotesk",system-ui,sans-serif;font-weight:400;line-height:1.72;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-feature-settings:"kern" 1,"liga" 1}
body::before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,.serif{font-family:"Fraunces",Georgia,serif;font-weight:400;line-height:1.1;letter-spacing:-.02em}
h2{line-height:1.08}
.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
a{color:inherit;text-decoration:none}
.eyebrow{font-family:"Courier Prime",monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sage-deep);font-weight:700}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(12px) saturate(1.4);background:rgba(246,241,233,.78);border-bottom:1px solid transparent;transition:border-color .5s var(--ease-out),background .5s var(--ease-out)}
nav.scrolled{border-color:var(--line);background:rgba(246,241,233,.88)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:68px;max-width:var(--max);margin:0 auto;padding:0 32px}
.brand{font-family:"Fraunces",serif;font-size:1.4rem;font-style:italic;letter-spacing:-.03em;transition:opacity .25s}
.brand:hover{opacity:.7}
.brand b{font-style:normal;font-weight:500}
.nav-right{display:flex;gap:20px;align-items:center}
.nav-links{display:flex;gap:24px;align-items:center}
.nav-links a{font-size:.95rem;letter-spacing:.01em;color:var(--ink-soft);transition:color .2s var(--ease-out);position:relative}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--sage-deep);transition:width .3s var(--ease-out)}
.nav-links a:not(.nav-cta):hover{color:var(--ink)}
.nav-links a:not(.nav-cta):hover::after{width:100%}
.nav-links a.active{color:var(--ink)}
.nav-links a.active::after{width:100%}
.nav-cta{padding:8px 18px;border:1px solid rgba(44,42,36,.3);border-radius:40px;color:var(--ink)!important;transition:background .25s var(--ease-out),border-color .25s,color .25s}
.nav-cta:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)!important}
.nav-cta::after{display:none!important}
.lang{background:none;border:1px solid var(--line);border-radius:40px;padding:7px 13px;font:inherit;font-size:.78rem;font-weight:600;letter-spacing:.05em;color:var(--ink-soft);cursor:pointer;transition:border-color .2s,color .2s}
.lang:hover{border-color:rgba(44,42,36,.4);color:var(--ink)}
.burger{display:none;font-size:1.4rem;background:none;border:none;cursor:pointer;color:var(--ink)}

/* HERO */
header.hero{position:relative;min-height:100vh;padding-top:160px;overflow:hidden}
.breath{position:absolute;right:-8%;top:50%;transform:translateY(-50%);width:min(58vw,720px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 35%,rgba(124,139,110,.38),rgba(124,139,110,.08) 55%,transparent 72%);animation:breathe 11s ease-in-out infinite;z-index:0}
.breath.two{right:6%;width:min(34vw,420px);background:radial-gradient(circle at 50% 50%,rgba(62,92,99,.20),transparent 70%);animation-duration:13s;animation-delay:-3s}
@keyframes breathe{0%,100%{transform:translateY(-50%) scale(1);opacity:.8}50%{transform:translateY(-50%) scale(1.12);opacity:1}}
.hero-in{position:relative;z-index:2;max-width:720px;text-align:left}
.hero-in .eyebrow{opacity:0;animation:rise .9s .1s var(--ease-out) forwards}
h1.title{font-size:clamp(3.6rem,11vw,8.2rem);font-style:italic;white-space:nowrap;margin:.2em 0 .12em;letter-spacing:-.03em;opacity:0;animation:rise 1s .25s var(--ease-out) forwards}
h1.title em{font-style:normal;color:var(--sage-deep)}
.tagline{font-family:"Fraunces",serif;font-size:clamp(1.15rem,2.2vw,1.48rem);color:var(--ink-soft);font-style:italic;max-width:560px;line-height:1.4;opacity:0;animation:rise 1s .45s var(--ease-out) forwards}
.lede{max-width:500px;margin:1.8rem 0 2.4rem;font-size:1.04rem;line-height:1.75;color:var(--ink-soft);opacity:0;animation:rise 1s .6s var(--ease-out) forwards}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:rise 1s .75s var(--ease-out) forwards}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* HERO STONES */
.hero-stones{display:inline-block;vertical-align:middle;margin-left:.5rem;position:relative;top:.05em}
.hero-stones svg{display:block}
/* Her taş ayrı ayrı aşağıdan yukarıya süzülür */
.hero-stones circle,.hero-stones ellipse{opacity:0;animation:stone-in .55s var(--ease-out) forwards}
.hero-stones circle{animation-delay:.1s}
.hero-stones ellipse:nth-child(2){animation-delay:.22s}
.hero-stones ellipse:nth-child(3){animation-delay:.34s}
.hero-stones ellipse:nth-child(4){animation-delay:.46s}
@keyframes stone-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* SECTION BRIDGE */
.section-bridge{height:1px;background:rgba(124,139,110,.25);max-width:var(--max);margin:0 auto;padding:0 32px;box-sizing:content-box;width:calc(100% - 64px)}

/* WELCOME GRID */
.welcome-grid{display:grid;grid-template-columns:1fr 44%;gap:4.5rem;align-items:stretch}
.welcome-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}
.welcome-visual{display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative;z-index:1}
.welcome-sym{width:64px;height:auto;opacity:.85}
.welcome-img{width:100%;border-radius:.75rem;overflow:hidden;flex:1;min-height:0;box-shadow:0 16px 48px rgba(0,0,0,.12)}
.welcome-img img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}
@media(max-width:980px){.welcome-grid{grid-template-columns:1fr}.welcome-visual{display:none}}

/* WELCOME BODY */
.wel-intro{margin-bottom:.5rem;line-height:1.75}
.wel-p{font-size:.97rem;line-height:1.76;color:var(--ink-soft);margin-bottom:1rem}
.wel-quote{margin:1.6rem 0 0;padding:1.2rem 1.8rem;background:rgba(124,139,110,.08);border-radius:.75rem;font-family:'Fraunces',serif;font-size:1.05rem;font-style:italic;color:var(--sage-deep);line-height:1.6;text-align:center}
.wel-quote cite{display:block;font-style:normal;font-family:'Hanken Grotesk',sans-serif;font-size:.8rem;margin-top:.5rem;opacity:.65;letter-spacing:.02em}

/* MIND QUOTE (mindfulness page blockquote) */
.mind-quote{border-left:3px solid var(--sage);margin:2rem 0;padding:.8rem 0 .8rem 1.6rem;font-family:'Fraunces',serif;font-size:1.15rem;font-style:italic;color:var(--sage-deep);line-height:1.6}
.mind-quote cite{display:block;font-style:normal;font-family:'Hanken Grotesk',sans-serif;font-size:.85rem;margin-top:.5rem;opacity:.7}

/* MINDFULNESS PAGE — Nedir editorial layout */
.mind-intro-section{padding:5rem 0 0;position:relative;overflow:hidden}
.mind-intro-head{margin-bottom:2.5rem;border-bottom:1px solid rgba(124,139,110,.25);padding-bottom:2rem}
.mind-intro-title{font-size:clamp(3.2rem,7vw,6rem);line-height:1.02;margin:.3rem 0 0}
.mind-intro-body{display:grid;grid-template-columns:1fr 420px;gap:4rem;align-items:stretch}
.mind-intro-text{padding-bottom:5rem}
.mind-intro-text .mind-lead{font-size:1.15rem;font-style:italic;color:var(--sage-deep);margin-bottom:1.6rem;line-height:1.7}
.mind-intro-text p{margin-bottom:1.2rem;line-height:1.78}
.mind-intro-img{margin:0;border-radius:0;overflow:hidden;width:100%;min-height:520px;align-self:stretch}
.mind-intro-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) brightness(1.02)}
@media(max-width:900px){.mind-intro-body{grid-template-columns:1fr}.mind-intro-img{display:none}}

/* SECTION SEPARATOR */
.mind-sep{display:flex;align-items:center;gap:1rem;padding:0 var(--wrap-pad,2rem);max-width:var(--wrap,1080px);margin:0 auto}
.mind-sep span{flex:1;height:1px;background:rgba(124,139,110,.3)}

/* BÖLÜM BAŞLIKLARI — daha büyük */
.mind-bilim-grid h2,.mind-def-grid h2,.mind-section h2{font-size:clamp(2rem,3.5vw,2.8rem);margin-bottom:1.2rem}

/* NE DEĞİLDİR KARTLARI — yeniden tasarım */
.mind-notcards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2.8rem}
.mind-notcard{border-radius:1rem;padding:2.4rem 2rem;display:flex;flex-direction:column;gap:1rem;background:#fff;box-shadow:0 2px 20px rgba(0,0,0,.055);transition:box-shadow .25s}
.mind-notcard:hover{box-shadow:0 6px 32px rgba(0,0,0,.1)}
.mind-notcard__icon{width:44px;height:44px;flex-shrink:0}
.mind-notcard__icon svg{width:44px;height:44px}
.mind-notcard b{font-size:1.05rem;line-height:1.3;font-family:'Fraunces',serif;font-weight:500}
.mind-notcard p{font-size:.93rem;line-height:1.7;margin:0;color:#666}
.mind-notcard--sage{border-top:3px solid #56654B}
.mind-notcard--clay{border-top:3px solid #B47A50}
.mind-notcard--teal{border-top:3px solid #3E5C63}
.mind-notcard--warm{border-top:3px solid #8C7B5E}
@media(max-width:640px){.mind-notcards{grid-template-columns:1fr}}

/* MINDFULNESS PAGE — Nedir grid (bilim vs) */
.mind-def-grid{display:grid;grid-template-columns:1fr 380px;gap:4rem;align-items:start}
.mind-def-grid .mind-img{border-radius:0;overflow:hidden;aspect-ratio:3/4;width:100%}
.mind-def-grid .mind-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) brightness(1.02)}
@media(max-width:900px){.mind-def-grid{grid-template-columns:1fr}.mind-def-grid .mind-img{display:none}}

/* MINDFULNESS PAGE — Bilim grid (image left) */
.mind-bilim-grid{display:grid;grid-template-columns:360px 1fr;gap:4rem;align-items:start}
.mind-bilim-grid .mind-img{border-radius:0;overflow:hidden;aspect-ratio:3/4;width:100%}
.mind-bilim-grid .mind-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) brightness(1.02)}
@media(max-width:900px){.mind-bilim-grid{grid-template-columns:1fr}.mind-bilim-grid .mind-img{display:none}}

/* MINDFULNESS PAGE — sections */
.mind-section{padding:4rem 0;border-top:1px solid var(--sage-light,rgba(124,139,110,.2))}
.mind-section:first-child{border-top:none}

/* TEMEL TUTUMLAR */
.attitude-head{font-size:1.05rem;font-family:"Hanken Grotesk",sans-serif;font-weight:600;letter-spacing:.01em;margin-top:2rem;margin-bottom:.6rem;color:var(--ink)}
.attitude-list{list-style:none;margin:0;border-top:1px solid var(--line)}
.attitude-list li{display:grid;grid-template-columns:9rem 1fr;gap:.5rem 1.2rem;padding:.65rem 0;border-bottom:1px solid var(--line);align-items:baseline;font-size:.94rem;line-height:1.6}
.attitude-list b{color:var(--ink);font-weight:600;white-space:nowrap}
.attitude-list span{color:var(--ink-soft)}

/* MINDFULNESS PAGE — compact section wrappers */
.mind-pg{padding:3.5rem 0!important}
.mind-notcards-bg{background:rgba(116,132,104,.08)}
.mind-notcards-bg .mind-section{border-top:none;padding:0}

/* MINDFULNESS PAGE — typography tuning */
.mind-intro-section{padding:5.5rem 0 0}
.mind-intro-head{margin-bottom:2rem;border-bottom:1px solid rgba(124,139,110,.2);padding-bottom:1.6rem}
.mind-intro-title{font-size:clamp(3.2rem,6.5vw,5.5rem);line-height:1.02;margin:.3rem 0 0}.mind-intro-title em{font-style:italic}
.mind-intro-text .mind-lead{font-size:1.1rem;margin-bottom:1.3rem}
.mind-intro-text p{font-size:.97rem;line-height:1.76;margin-bottom:1rem;color:var(--ink-soft)}
.mind-bilim-grid h2,.mind-def-grid h2,.mind-section h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:1rem}
.mind-bilim-grid p,.mind-def-grid p,.mind-section p{font-size:.97rem;line-height:1.76;color:var(--ink-soft)}
.mind-notcard b{font-size:1rem}
.mind-notcard p{font-size:.9rem}
.mind-sep{margin:0 auto;padding:0 32px;max-width:var(--max)}
.mind-sep span{background:rgba(124,139,110,.22)}

/* PAGE HERO (alt sayfalar) */
.page-hero{padding:148px 0 72px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.page-hero .eyebrow{opacity:0;animation:rise .8s .1s var(--ease-out) forwards}
.page-hero h1{font-size:clamp(2.8rem,7vw,5.5rem);font-style:italic;margin:.2em 0 .4em;letter-spacing:-.03em;opacity:0;animation:rise 1s .2s var(--ease-out) forwards}
.page-hero h1 em{font-style:normal;color:var(--sage-deep)}
.page-hero .sub{font-size:clamp(1rem,2vw,1.22rem);color:var(--ink-soft);max-width:540px;line-height:1.65;opacity:0;animation:rise 1s .35s var(--ease-out) forwards}
.page-hero .blob{z-index:0}
.page-hero .wrap{position:relative;z-index:1}
.page-hero .train-hero-wrap{text-align:center;display:flex;justify-content:center}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:44px;font-weight:500;font-size:.95rem;letter-spacing:.01em;transition:background .22s var(--ease-out),color .22s var(--ease-out),border-color .22s var(--ease-out),transform .22s var(--ease-out),box-shadow .22s var(--ease-out);cursor:pointer;border:1px solid transparent}
.btn-primary{background:var(--sage-deep);color:var(--bg)}
.btn-primary:hover{background:var(--ink);transform:translateY(-1px);box-shadow:0 6px 20px -6px rgba(44,42,36,.35)}
.btn-ghost{border-color:rgba(44,42,36,.22);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink);transform:translateY(-1px);box-shadow:0 4px 14px -6px rgba(44,42,36,.2)}

/* SECTIONS */
section{padding:clamp(80px,10vh,136px) 0;position:relative}
.section-head{max-width:680px;margin-bottom:56px}
.section-head h2{font-size:clamp(2rem,4.6vw,3.1rem);margin:.4em 0 .45em}
.section-head p{color:var(--ink-soft);font-size:1.06rem;line-height:1.72}

/* WELCOME */
.welcome .inner{max-width:760px;margin:0;text-align:left}
.welcome.alt{background:var(--bg-2)}
.welcome h2{font-size:clamp(2.1rem,5vw,3.2rem);margin:.3em 0 .85em}
.welcome p{font-size:1.1rem;line-height:1.78;color:var(--ink-soft);margin-bottom:1.3em}
.welcome p .lead{color:var(--ink)}
.meaning-motif{position:absolute;right:7%;top:50%;transform:translateY(-50%);width:96px;height:auto;opacity:.88;z-index:0}
.welcome .mid{font-family:"Fraunces",serif;font-style:italic;color:var(--sage-deep);font-size:1.28rem;line-height:1.5;margin:1.7em 0}

/* PROSE */
.prose{max-width:760px;margin:0}
.prose .lead2{font-size:1.16rem;line-height:1.72;color:var(--ink);margin-bottom:1.5em}
.prose h3{font-size:1.42rem;margin:2em 0 .55em;letter-spacing:-.02em}
.prose p{color:var(--ink-soft);margin-bottom:1.15em;line-height:1.75}
.prose ul{list-style:none;margin:.4em 0 1.6em}
.prose li{padding:11px 0 11px 28px;border-bottom:1px solid var(--line);position:relative;color:var(--ink-soft);line-height:1.65}
.prose li::before{content:"✦";position:absolute;left:0;top:13px;color:var(--sage);font-size:.78rem}
.prose li b{color:var(--ink);font-weight:600}

/* ILL CARDS */
.illrow{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:10px 0 14px}
.illcard{text-align:center}
.illcard svg{width:100%;height:150px;transition:transform .5s var(--ease-out)}
.illcard:hover svg{transform:translateY(-4px)}
.illcard h3{font-size:1.1rem;margin:.35em 0 .28em;letter-spacing:-.01em}
.illcard p{color:var(--ink-soft);font-size:.91rem;line-height:1.6;max-width:28ch;margin:0 auto}

/* APPROACH */
.approach{background:var(--bg-2)}
.appgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}
.portrait{aspect-ratio:4/5;border-radius:10px;background:linear-gradient(140deg,rgba(124,139,110,.32),rgba(180,122,80,.18)),var(--bg);border:1px solid var(--line);display:flex;align-items:flex-end;padding:24px;color:var(--ink-soft);font-size:.82rem}
.approach h2{font-size:clamp(1.9rem,4vw,2.7rem);margin-bottom:.55em}
.approach p{color:var(--ink-soft);margin-bottom:1.15em;max-width:48ch;line-height:1.72}

/* OFFERINGS */
.offerings{background:var(--ink);color:var(--bg)}
.offerings .eyebrow{color:#A9B79C}
.offerings .section-head h2{color:var(--bg)}
.offerings .section-head p{color:rgba(246,241,233,.65)}
.olist{border-top:1px solid rgba(246,241,233,.15)}
.o{display:grid;grid-template-columns:52px 1fr auto;gap:32px;align-items:baseline;padding:32px 8px;border-bottom:1px solid rgba(246,241,233,.15);transition:padding-left .4s var(--ease-out),background .4s var(--ease-out)}
.o:hover{padding-left:22px;background:rgba(246,241,233,.045)}
.o .idx{font-family:"Fraunces",serif;font-style:italic;color:#A9B79C;font-size:1rem;opacity:.85}
.o h3{font-size:clamp(1.25rem,2.5vw,1.85rem);font-weight:400;letter-spacing:-.02em}
.o .desc{color:rgba(246,241,233,.6);font-size:.95rem;line-height:1.65;margin-top:.45em;max-width:52ch}
.o .meta{color:#A9B79C;font-size:.84rem;white-space:nowrap;text-align:right;line-height:1.6}
.o .meta .price{display:block;color:var(--bg);font-size:1.02rem;font-family:"Fraunces",serif;margin-top:.25em}

/* TRAINING CARDS v2 */
.train-hero-wrap{text-align:center}
.train-hero-wrap h1{display:inline-block}
.train-section{padding:clamp(24px,3vh,36px) 0 clamp(64px,8vh,100px)}
.train-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.train-grid2 .tcard:last-child:nth-child(odd){grid-column:1 / -1;max-width:calc(50% - 1rem);margin:0 auto;width:100%}
.tcard{background:#fff;border-radius:1.2rem;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(44,42,36,.09);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.tcard:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.09)}
.tcard__img{width:100%;aspect-ratio:1/1;background:color-mix(in srgb,var(--tc) 12%,var(--bg));border-bottom:1px solid rgba(44,42,36,.07);display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--tc) 40%,transparent);font-size:.78rem;font-family:"Courier Prime",monospace;letter-spacing:.1em}
.tcard__img::after{content:"fotoğraf";opacity:.35;font-size:.7rem;text-transform:uppercase;letter-spacing:.2em}
.tcard__body{padding:1.8rem 2rem 2rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
.tcard__tag{font-family:"Courier Prime",monospace;font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tc);opacity:.85}
.tcard__title{font-family:"Fraunces",serif;font-size:clamp(1.4rem,2.2vw,1.85rem);font-weight:400;line-height:1.12;letter-spacing:-.025em;color:var(--ink);margin:0}
.tcard__desc{font-size:.94rem;line-height:1.74;color:var(--ink-soft);margin:.2rem 0 0}
.tcard__duration{font-family:"Courier Prime",monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-top:auto;padding-top:.55rem;border-top:1px solid var(--line)}
.tcard__meta{list-style:none;margin-top:auto;padding-top:1.2rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.3rem}
.tcard__meta li{font-size:.84rem;color:var(--ink-soft);padding-left:1rem;position:relative}
.tcard__meta li::before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:50%;background:var(--tc,var(--sage));opacity:.7}
@media(max-width:680px){.train-grid2{grid-template-columns:1fr}.train-grid2 .tcard:last-child:nth-child(odd){grid-column:auto;max-width:100%;margin:0}}

/* PRACTICES */
.practices{background:var(--bg-2)}
.videos{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}
.video{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.35);transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out)}
.video:hover{transform:translateY(-3px);box-shadow:0 16px 40px -16px rgba(44,42,36,.22)}
.video .frame{aspect-ratio:16/9;background:linear-gradient(140deg,rgba(124,139,110,.28),rgba(180,122,80,.15));display:flex;align-items:center;justify-content:center}
.video .frame .play{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--sage-deep);display:flex;align-items:center;justify-content:center;color:var(--sage-deep);transition:background .25s var(--ease-out),color .25s var(--ease-out),transform .25s var(--ease-out)}
.video:hover .play{background:var(--sage-deep);color:var(--bg);transform:scale(1.08)}
.video .cap{padding:20px 24px}
.video .cap h3{font-size:1.12rem;margin-bottom:.28em;letter-spacing:-.01em}
.video .cap p{color:var(--ink-soft);font-size:.9rem;line-height:1.6}
.evidence{max-width:780px;margin:52px auto 0;text-align:center;font-size:1rem;color:var(--ink-soft);border-top:1px solid var(--line);padding-top:34px;line-height:1.7}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:64px}
.post{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:30px;display:flex;flex-direction:column;gap:12px;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .3s}
.post:hover{transform:translateY(-4px);box-shadow:0 20px 44px -20px rgba(44,42,36,.3);border-color:rgba(44,42,36,.18)}
.post .label{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sage-deep);font-weight:700}
.post h3{font-size:1.28rem;letter-spacing:-.02em;line-height:1.2}
.post p{color:var(--ink-soft);font-size:.94rem;line-height:1.65;flex:1}
.post .more{color:var(--sage-deep);font-weight:500;font-size:.88rem;transition:gap .2s var(--ease-out);display:inline-flex;align-items:center;gap:4px}
.post:hover .more{gap:8px}
.share{max-width:560px;margin:0 auto;text-align:center;padding-top:60px;border-top:1px solid var(--line)}
.share h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.55em;letter-spacing:-.02em}
.share p{color:var(--ink-soft);margin-bottom:1.7em;line-height:1.7}
.share-form{display:grid;gap:14px;text-align:left}
.share-form input,.share-form textarea{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.5);font:inherit;font-size:.97rem;color:var(--ink);transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.share-form input:focus,.share-form textarea:focus{outline:none;border-color:var(--sage-deep);box-shadow:0 0 0 3px rgba(86,101,75,.1)}
.share-form textarea{resize:vertical;min-height:120px}

/* SPORCULAR — dark slate theme */
.sp-page{background:#3A4C67;color:#F0EBE1;min-height:100vh}
.sp-page+footer{background:#2E3D52;color:#F0EBE1}
.sp-page+footer .foot-brand,.sp-page+footer .foot-tag,.sp-page+footer .foot-links a,.sp-page+footer .foot-bottom{color:rgba(240,235,225,.75)}
.sp-page+footer .foot-links a:hover{color:#F0EBE1}
.sp-page+footer .foot-bottom{border-color:rgba(240,235,225,.12)}
.sp-hero{position:relative;padding:clamp(140px,16vh,200px) 0 clamp(72px,9vh,110px);overflow:hidden}
.sp-hero__in{position:relative;z-index:4;padding-left:max(32px,(100vw - 1140px)/2 + 32px);padding-right:clamp(32px,4vw,72px);max-width:min(660px,60%)}
.sp-hero__img{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.sp-hero__img img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.45) saturate(.8) contrast(1.1)}
.sp-hero__overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to right,rgba(30,42,58,.72) 0%,rgba(30,42,58,.4) 55%,rgba(30,42,58,.15) 100%),linear-gradient(to top,rgba(20,30,45,.6) 0%,transparent 40%)}
@keyframes imgReveal{from{transform:scale(1.08);opacity:.6}to{transform:scale(1);opacity:1}}
.sp-eyebrow{font-family:"Hanken Grotesk",sans-serif;font-size:clamp(.65rem,1vw,.8rem);letter-spacing:.32em;text-transform:uppercase;color:rgba(201,168,106,.75);margin-bottom:1.4rem;font-weight:700;opacity:0;animation:rise .8s .1s var(--ease-out) forwards}
.sp-title{font-family:"Fraunces",serif;font-size:clamp(3.4rem,8vw,6.8rem);line-height:.98;letter-spacing:-.03em;font-weight:400;margin:.2em 0 .55em;display:flex;flex-direction:column;gap:.05em}
.sp-title__line{display:block;overflow:hidden}
.sp-title__line--1{color:#F0EBE1;clip-path:inset(100% 0 0 0);animation:lineUp .9s .25s var(--ease-out) forwards}
.sp-title__line--2{font-style:italic;color:#C9A86A;clip-path:inset(100% 0 0 0);animation:lineUp .9s .45s var(--ease-out) forwards}
@keyframes lineUp{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0% 0 0 0)}}
.sp-lead{font-size:clamp(.95rem,1.6vw,1.1rem);line-height:1.75;color:rgba(240,235,225,.6);max-width:480px;opacity:0;animation:rise .9s .7s var(--ease-out) forwards}
.sp-hero-actions{margin-top:1.8rem;opacity:0;animation:rise .9s .75s var(--ease-out) forwards}
.sp-pullquote{padding:clamp(56px,8vh,96px) 0}
.sp-pq-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.sp-quote{text-align:left;background:rgba(240,235,225,.06);border:1px solid rgba(201,168,106,.2);border-radius:1.2rem;padding:clamp(1.8rem,3.5vw,2.8rem) clamp(1.4rem,3vw,2.4rem)}
.sp-quote p{font-family:"Fraunces",serif;font-size:clamp(1.1rem,2.2vw,1.55rem);line-height:1.55;font-style:italic;color:#F0EBE1;font-weight:300}
.sp-pq-photo{border-radius:1rem;overflow:hidden;aspect-ratio:3/4;box-shadow:0 24px 64px rgba(0,0,0,.35)}
.sp-pq-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.sp-section{padding:clamp(64px,8vh,100px) 0}
.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.sp-intro{display:flex;flex-direction:column;gap:1.4rem}
.sp-intro__lead{font-family:"Fraunces",serif;font-size:clamp(1.3rem,2.2vw,1.65rem);line-height:1.4;color:#F0EBE1;font-style:italic}
.sp-intro p{font-size:.97rem;line-height:1.78;color:rgba(240,235,225,.7)}
.sp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:.5rem}
.sp-btn{display:inline-flex;align-items:center;padding:12px 26px;border-radius:40px;font-size:.9rem;font-weight:500;letter-spacing:.01em;transition:background .2s,color .2s,border-color .2s;background:#C9A86A;color:#1E2D3D;border:1px solid transparent}
.sp-btn:hover{background:#D9BA7E}
.sp-btn--ghost{background:transparent;color:#F0EBE1;border-color:rgba(240,235,225,.35)}
.sp-btn--ghost:hover{border-color:rgba(201,168,106,.7);color:#C9A86A}
.sp-list{list-style:none;display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(240,235,225,.15)}
.sp-list li{display:grid;grid-template-columns:2.5rem 1fr;gap:.8rem;padding:1.15rem 0;border-bottom:1px solid rgba(240,235,225,.1);font-size:.95rem;line-height:1.65;color:rgba(240,235,225,.7);align-items:baseline;opacity:0;transform:translateX(16px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out)}
.sp-list li.in{opacity:1;transform:translateX(0)}
.sp-list li:nth-child(1){transition-delay:.05s}
.sp-list li:nth-child(2){transition-delay:.15s}
.sp-list li:nth-child(3){transition-delay:.25s}
.sp-list li:nth-child(4){transition-delay:.35s}
.sp-list li:nth-child(5){transition-delay:.45s}
.sp-list b{color:#F0EBE1;font-weight:700}
.sp-num{font-family:"Hanken Grotesk",sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.12em;color:rgba(201,168,106,.5);padding-top:.2em}
@media(max-width:800px){
  .sp-grid{grid-template-columns:1fr}
  .sp-pq-grid{grid-template-columns:1fr}
  .sp-pq-photo{aspect-ratio:4/3;order:-1}
  .sp-title{font-size:clamp(2.8rem,10vw,4.2rem)}
}

/* COMMUNITY / NEWSLETTER */
.community{background:var(--bg-2);text-align:center}
.community .inner{max-width:620px;margin:0 auto}
.community h2{font-size:clamp(2rem,4.6vw,3rem);margin:.45em 0;letter-spacing:-.02em}
.community p{color:var(--ink-soft);font-size:1.06rem;line-height:1.72;margin-bottom:2.1em}
.news-form{display:flex;gap:10px;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.news-form input{flex:1;min-width:220px;padding:13px 20px;border:1px solid var(--line);border-radius:44px;background:var(--bg);font:inherit;font-size:.97rem;color:var(--ink);transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.news-form input:focus{outline:none;border-color:var(--sage-deep);box-shadow:0 0 0 3px rgba(86,101,75,.1)}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px}
.contact-info h2{font-size:clamp(2rem,4.4vw,2.9rem);margin:.3em 0 .65em;letter-spacing:-.02em}
.contact-info p{color:var(--ink-soft);margin-bottom:1.7em;max-width:38ch;line-height:1.7}
.contact-info a.line{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--line);color:var(--ink);font-size:1rem;transition:color .2s var(--ease-out),gap .2s var(--ease-out)}
.contact-info a.line:hover{color:var(--sage-deep);gap:20px}
.contact-info a.line:last-child{border-bottom:1px solid var(--line)}
form.contact{display:grid;gap:18px}
.field label{display:block;font-size:.82rem;color:var(--ink-soft);margin-bottom:7px;letter-spacing:.025em}
.field input,.field textarea{width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.42);font:inherit;font-size:.97rem;color:var(--ink);transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--sage-deep);box-shadow:0 0 0 3px rgba(86,101,75,.1)}
.field textarea{resize:vertical;min-height:130px}
.hp{position:absolute;left:-9999px}

/* FOOTER */
footer{background:var(--ink);color:var(--bg);padding:72px 0 40px}
.foot-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:32px;padding-bottom:42px;border-bottom:1px solid rgba(246,241,233,.15)}
.foot-brand{font-family:"Fraunces",serif;font-style:italic;font-size:2.3rem;letter-spacing:-.03em}
.foot-brand b{font-style:normal;font-weight:500}
.foot-tag{color:#A9B79C;font-style:italic;font-family:"Fraunces",serif;margin-top:.35em;font-size:.97rem}
.foot-links{display:flex;gap:22px;font-size:.9rem;flex-wrap:wrap;align-items:center}
.foot-links a{color:rgba(246,241,233,.6);transition:color .2s var(--ease-out)}
.foot-links a:hover{color:var(--bg)}
.foot-bottom{padding-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.8rem;color:rgba(246,241,233,.42)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease-out),transform .85s var(--ease-out)}
.reveal.in{opacity:1;transform:none}
section>.wrap{position:relative;z-index:1}

/* BLOBS */
.blob{position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.blob.sage{background:radial-gradient(circle,rgba(124,139,110,.18),rgba(124,139,110,0) 70%)}
.blob.clay{background:radial-gradient(circle,rgba(180,122,80,.14),rgba(180,122,80,0) 70%)}
.blob.teal{background:radial-gradient(circle,rgba(62,92,99,.13),rgba(62,92,99,0) 70%)}
.leaf-accent{position:absolute;z-index:0;pointer-events:none}
.sprig{display:block;margin:0 auto 12px;width:32px;height:auto}

/* RESPONSIVE */
@media(max-width:960px){
  .leaf-accent{display:none}
  .meaning-motif{display:none}
  .nav-links{position:fixed;inset:68px 0 auto 0;background:var(--bg);flex-direction:column;padding:28px 32px;gap:20px;border-bottom:1px solid var(--line);transform:translateY(-120%);transition:transform .4s var(--ease-out);align-items:flex-start}
  .nav-links.open{transform:none}
  .burger{display:block}
  .appgrid,.contact-grid{grid-template-columns:1fr;gap:44px}
  .illrow,.videos,.blog-grid{grid-template-columns:1fr}
  .o{grid-template-columns:1fr;gap:6px}
  .o .meta{text-align:left}
  .breath{opacity:.45}
  h1.title{white-space:normal}
}