:root{
  --bg:#fbf9f2; --bg2:#f3efe2; --ink:#14251b; --muted:#5b6b60;
  --green:#1f4d36; --green2:#2e6b4a; --lemon:#f4e04d; --lemon2:#ffef7a; --line:rgba(20,37,27,.12);
  --serif:"Fraunces",Georgia,serif; --sans:"Inter",system-ui,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font:400 17px/1.65 var(--sans);color:var(--ink);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none;padding:0}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.02em}
h2{font-size:clamp(2.2rem,5vw,4.2rem);max-width:16ch}
.section{padding:clamp(80px,12vw,160px) clamp(20px,5vw,72px)}
.eyebrow{font:500 .78rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--green2);margin-bottom:22px;display:flex;align-items:center;gap:12px}
.eyebrow--light{color:var(--lemon)}

/* loader */
.loader{position:fixed;inset:0;z-index:100;background:var(--green);color:var(--bg);display:grid;place-content:center;justify-items:center;gap:18px;transition:transform 1s var(--ease) .2s}
.loader p{font:italic 1.6rem var(--serif);letter-spacing:.02em}
.loader__lemon{width:84px;animation:spin 2.4s linear infinite}
.loader__lemon circle{fill:var(--lemon);stroke:var(--lemon2);stroke-width:4}
.loader__lemon path{stroke:var(--green);stroke-width:2.5;fill:none;stroke-linecap:round}
.loaded .loader{transform:translateY(-100%)}
@keyframes spin{to{transform:rotate(360deg)}}

.progress{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--lemon);transform-origin:0 50%;transform:scaleX(0);z-index:60}
.cursor{position:fixed;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--lemon);mix-blend-mode:multiply;pointer-events:none;z-index:80;transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease);opacity:0}
.cursor.on{opacity:1}
.cursor.big{width:64px;height:64px;margin:-25px 0 0 -25px}
@media (hover:none){.cursor{display:none}}

/* nav */
.nav{position:fixed;top:14px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 12px 10px 22px;border-radius:999px;background:rgba(251,249,242,.72);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--line);transition:transform .5s var(--ease)}
.nav.hide{transform:translate(-50%,-140%)}
.nav__logo img{height:34px;width:auto}
.nav__links{display:flex;gap:30px;font-size:.95rem}
.nav__links a{position:relative;padding:4px 0}
.nav__links a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--lemon);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.nav__links a:hover::after{transform:scaleX(1);transform-origin:left}
.nav__burger{display:none;background:none;border:0;width:40px;height:40px;position:relative}
.nav__burger i{position:absolute;left:10px;right:10px;height:2px;background:var(--ink);transition:.3s}
.nav__burger i:first-child{top:16px}.nav__burger i:last-child{top:23px}
.nav.open .nav__burger i:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav.open .nav__burger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 28px;border-radius:999px;background:var(--green);color:var(--bg);font-weight:500;position:relative;overflow:hidden;isolation:isolate;transition:transform .3s var(--ease),color .4s;will-change:transform}
.btn::before{content:"";position:absolute;inset:0;background:var(--lemon);transform:translateY(101%);transition:transform .5s var(--ease);z-index:-1;border-radius:50% 50% 0 0/40% 40% 0 0}
.btn:hover::before{transform:translateY(0);border-radius:0}
.btn:hover{color:var(--ink)}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.btn:hover svg{transform:translateX(4px)}
.btn--sm{padding:11px 22px;font-size:.92rem}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn--light{background:var(--lemon);color:var(--ink)}
.btn--light::before{background:var(--bg)}

/* hero */
.hero{position:relative;min-height:100svh;padding:140px clamp(20px,5vw,72px) 80px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;z-index:-1;animation:float 14s ease-in-out infinite alternate}
.blob--a{width:520px;height:520px;background:var(--lemon);right:-120px;top:-100px}
.blob--b{width:420px;height:420px;background:#bfe3c8;left:-140px;bottom:-120px;animation-delay:-6s}
@keyframes float{to{transform:translate(-50px,60px) scale(1.15)}}
.hero__title{font-size:clamp(2.6rem,6vw,5.6rem);font-weight:350;max-width:14ch;margin-bottom:28px}
.hero__title .w em,.hero__title .w{font-style:normal}
.hero__sub{font:italic 300 clamp(1.3rem,2.4vw,2rem)/1.3 var(--serif);color:var(--green);max-width:24ch;margin-bottom:38px}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px}
.hero__visual{position:relative;justify-self:center;width:min(440px,80vw);aspect-ratio:4/5}
.hero__photo{position:absolute;inset:8% 6% 0;border-radius:220px 220px 28px 28px;overflow:hidden;background:var(--bg2);box-shadow:0 40px 80px -30px rgba(31,77,54,.5);clip-path:inset(100% 0 0 0);transition:clip-path 1.4s var(--ease) .5s}
.loaded .hero__photo{clip-path:inset(0)}
.hero__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transform:scale(1.25);transition:transform 2s var(--ease) .5s}
.loaded .hero__photo img{transform:scale(1)}
.hero__ring{position:absolute;width:150px;height:150px;left:-50px;top:4%;z-index:3;animation:spin 22s linear infinite;background:var(--lemon);border-radius:50%}
.hero__ring text{font:600 11.5px var(--sans);letter-spacing:.12em;fill:var(--ink)}
.lemon{position:absolute;width:120px;right:-40px;bottom:14%;z-index:3}
.lemon circle{fill:var(--lemon);stroke:#e6c800;stroke-width:3}
.lemon .in{fill:var(--lemon2);stroke:none}
.lemon path{stroke:#fff;stroke-width:2;opacity:.85;stroke-linecap:round}
.chip{position:absolute;z-index:4;background:#fff;border-radius:999px;padding:10px 18px;font-size:.88rem;font-weight:500;box-shadow:0 14px 34px -12px rgba(20,37,27,.3);animation:bob 5s ease-in-out infinite alternate}
.chip--1{left:-30px;bottom:22%}.chip--2{right:-10px;top:14%;animation-delay:-2.5s}
@keyframes bob{to{margin-top:-12px}}
.scroll-hint{position:absolute;left:50%;bottom:26px;width:24px;height:40px;border:1.5px solid var(--ink);border-radius:14px;transform:translateX(-50%)}
.scroll-hint span{position:absolute;left:50%;top:7px;width:3px;height:8px;background:var(--ink);border-radius:2px;margin-left:-1.5px;animation:dot 1.8s infinite}
@keyframes dot{60%{transform:translateY(14px);opacity:0}}

/* marquee */
.marquee{background:var(--green);color:var(--bg);overflow:hidden;padding:26px 0;transform:rotate(-1.2deg);margin:0 -2vw}
.marquee__track{display:flex;gap:34px;width:max-content;animation:marq 38s linear infinite;font:italic 300 clamp(1.5rem,3vw,2.4rem) var(--serif);white-space:nowrap;align-items:center}
.marquee i{color:var(--lemon);font-style:normal}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}

/* process */
.process__head{margin-bottom:60px}
.steps{border-top:1px solid var(--line)}
.step{isolation:isolate;display:grid;grid-template-columns:90px 1fr 60px;gap:24px;align-items:center;padding:38px 0;border-bottom:1px solid var(--line);position:relative;transition:padding .5s var(--ease)}
.step::before{content:"";position:absolute;inset:0 -20px;background:var(--lemon);z-index:-1;transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease);border-radius:20px}
.step:hover::before{transform:scaleY(1)}
.step:hover{padding-left:20px;padding-right:20px}
.step__n{font:italic 300 2.4rem var(--serif);color:var(--green2)}
.step h3{font-size:clamp(1.5rem,3.2vw,2.6rem);margin-bottom:8px}
.step p{color:var(--muted);max-width:52ch}
.step:hover p,.step:hover .step__n{color:var(--ink)}
.step svg{width:44px;height:44px;fill:none;stroke:var(--green);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .6s var(--ease)}
.step:hover svg{transform:rotate(-12deg) scale(1.2)}

/* about */
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,110px);background:var(--bg2);border-radius:48px;margin:0 12px;align-items:start}
.about__media{position:sticky;top:110px;height:min(640px,80vh)}
.about__img{position:absolute;overflow:hidden;border-radius:26px;box-shadow:0 30px 60px -28px rgba(20,37,27,.45)}
.about__img img{width:100%;height:100%;object-fit:cover}
.about__img--1{left:0;top:0;width:68%;height:72%;border-radius:200px 200px 26px 26px}
.about__img--2{right:0;bottom:0;width:58%;height:52%}
.badge{position:absolute;left:4%;bottom:6%;background:var(--lemon);width:130px;height:130px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:.72rem;line-height:1.3;transform:rotate(-8deg);animation:bob 5s ease-in-out infinite alternate}
.badge b{font:400 2.6rem/1 var(--serif)}
.about__text p{margin-bottom:18px;color:#2c3e33}
.about__text h2{margin-bottom:28px}
.tl-title{font-size:1.6rem;margin:38px 0 14px}
.timeline{border-left:1.5px solid var(--green2);margin:0 0 30px 6px}
.timeline li{position:relative;padding:0 0 18px 26px;display:flex;gap:18px;align-items:baseline}
.timeline li::before{content:"";position:absolute;left:-6px;top:9px;width:11px;height:11px;border-radius:50%;background:var(--lemon);border:1.5px solid var(--green)}
.timeline time{font:italic 500 1.2rem var(--serif);min-width:64px;color:var(--green)}
.small{font-size:.9rem;color:var(--muted)!important}

/* expertise */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:56px 0}
.card{padding:34px 30px 40px;min-height:250px;border-radius:26px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:background .5s,color .5s,box-shadow .4s,transform .2s;transform-style:preserve-3d}
.card span{font:italic 1.1rem var(--serif);color:var(--green2)}
.card h3{font-size:1.9rem;margin:40px 0 8px}
.card p{color:var(--muted);font-size:.98rem}
.card:hover{background:var(--green);color:var(--bg);box-shadow:0 30px 60px -25px rgba(31,77,54,.6)}
.card:hover span{color:var(--lemon)}.card:hover p{color:#cfe0d5}
.certs{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.certs summary{display:flex;justify-content:space-between;align-items:center;padding:28px 0;cursor:pointer;list-style:none;font:400 clamp(1.5rem,3vw,2.4rem) var(--serif)}
.certs summary::-webkit-details-marker{display:none}
.certs i{width:38px;height:38px;border-radius:50%;background:var(--lemon);position:relative;flex:none;transition:transform .4s var(--ease)}
.certs i::before,.certs i::after{content:"";position:absolute;left:11px;right:11px;top:18px;height:2px;background:var(--ink)}
.certs i::after{transform:rotate(90deg);transition:transform .4s}
.certs[open] i{transform:rotate(180deg)}.certs[open] i::after{transform:rotate(0)}
.certs ul{columns:2;column-gap:40px;padding:0 0 30px}
.certs li{break-inside:avoid;padding:10px 0 10px 22px;position:relative;border-bottom:1px dashed var(--line)}
.certs li::before{content:"✺";position:absolute;left:0;color:var(--green2);font-size:.8rem;top:12px}

/* blog */
.blog__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:46px}
.blog__arrows{display:flex;gap:10px}
.blog__arrows button{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--ink);background:none;font-size:1.3rem;cursor:pointer;transition:.3s}
.blog__arrows button:hover{background:var(--lemon);border-color:var(--lemon);transform:scale(1.08)}
.blog__scroller{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(20px,5vw,72px);padding:6px 4px 30px;margin:0 calc(-1*clamp(20px,5vw,72px));padding-inline:clamp(20px,5vw,72px);scrollbar-width:none;cursor:grab}
.blog__scroller::-webkit-scrollbar{display:none}
.post{flex:0 0 clamp(260px,26vw,340px);scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;user-select:none}
.post__img{aspect-ratio:1;border-radius:24px;overflow:hidden;background:var(--bg2);position:relative}
.post__img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease);-webkit-user-drag:none}
.post:hover .post__img img{transform:scale(1.08) rotate(1deg)}
.post__img::after{content:"↗";position:absolute;right:14px;top:14px;width:44px;height:44px;border-radius:50%;background:var(--lemon);display:grid;place-content:center;transform:scale(0) rotate(-90deg);transition:transform .5s var(--ease)}
.post:hover .post__img::after{transform:scale(1) rotate(0)}
.post time{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green2)}
.post h3{font-size:1.4rem;line-height:1.2}

/* contact */
.contact{padding-top:0}
.contact__box{background:var(--green);color:var(--bg);border-radius:48px;padding:clamp(48px,8vw,110px) clamp(24px,6vw,90px);position:relative;overflow:hidden}
.contact__box::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:70px solid rgba(244,224,77,.12);right:-160px;top:-160px}
.contact__box h2{max-width:20ch;margin-bottom:56px}
.contact__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:44px}
.contact__item{padding:26px;border:1px solid rgba(251,249,242,.22);border-radius:22px;display:flex;flex-direction:column;gap:8px;transition:background .4s,border-color .4s}
.contact__item:hover{background:rgba(251,249,242,.08);border-color:var(--lemon)}
.contact__item small{color:var(--lemon);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}
.contact__item b{font:400 1.25rem/1.35 var(--serif);word-break:break-word}
.contact__item em{font-style:italic;color:#b8cfc0}
.socials{display:flex;gap:26px;margin-top:44px;flex-wrap:wrap}
.socials a{border-bottom:1px solid rgba(251,249,242,.4);padding-bottom:2px;transition:.3s}
.socials a:hover{color:var(--lemon);border-color:var(--lemon)}

/* footer */
.footer{padding:56px clamp(20px,5vw,72px) 28px;border-top:1px solid var(--line);margin-top:20px}
.footer__row{display:flex;justify-content:space-between;gap:40px 32px;flex-wrap:wrap;width:100%}
.footer__brand{max-width:240px}
.footer__brand img{height:40px;width:auto;margin-bottom:14px}
.footer__brand p{color:var(--muted);font-size:.9rem;line-height:1.5}
.footer h4{font:500 .75rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--green2);margin-bottom:14px}
.footer a{display:block;color:var(--muted);padding:3px 0;font-size:.95rem;transition:.3s}
.footer a:hover{color:var(--ink);transform:translateX(4px)}
.footer__copy{text-align:center;font-size:.85rem;color:var(--muted);margin-top:44px;padding-top:22px;border-top:1px solid var(--line)}

/* reveal system */
.reveal{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}
.reveal.in{opacity:1;transform:none}
.reveal-img{clip-path:inset(0 0 100% 0);transition:clip-path 1.3s var(--ease)}
.reveal-img.in{clip-path:inset(0)}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.split .w>span{display:inline-block;transform:translateY(110%) rotate(4deg);transition:transform 1.1s var(--ease);transition-delay:calc(var(--i)*.06s)}
.split.in .w>span{transform:none}

@media (max-width:960px){
  .hero{grid-template-columns:1fr;padding-top:120px}
  .hero__visual{order:-1;width:min(320px,70vw);margin-top:10px}
  .about{grid-template-columns:1fr;border-radius:32px}
  .about__media{position:relative;top:0;height:460px}
  .cards{grid-template-columns:1fr 1fr}
  .contact__grid{grid-template-columns:1fr}
  .certs ul{columns:1}
  .nav__links{position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border:1px solid var(--line);border-radius:26px;padding:10px 24px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.35s}
  .nav__links a{padding:14px 0;border-bottom:1px solid var(--line)}
  .nav.open .nav__links{opacity:1;pointer-events:auto;transform:none}
  .nav__burger{display:block}
  .nav .btn--sm{display:none}
  .nav{padding-right:8px}
}
@media (max-width:600px){
  body{font-size:16px}
  .cards{grid-template-columns:1fr}
  .step{grid-template-columns:52px 1fr;gap:14px}.step svg{display:none}
  .hero__ring{width:110px;height:110px;left:-20px}
  .chip--1{left:-6px}.lemon{right:-14px;width:90px}
  .blog__arrows{display:none}
  .timeline li{flex-direction:column;gap:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01s!important}
  .reveal,.split .w>span{opacity:1;transform:none}
  .reveal-img,.hero__photo{clip-path:none}
}

/* form */
.form{position:relative;z-index:1;margin:8px 0 40px;padding:clamp(22px,4vw,40px);border-radius:28px;background:rgba(251,249,242,.07);border:1px solid rgba(251,249,242,.2);display:grid;gap:18px}
.form label{display:grid;gap:8px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lemon)}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form input:not([type=checkbox]),.form select,.form textarea{font:400 1rem var(--sans);letter-spacing:0;text-transform:none;color:var(--bg);background:rgba(251,249,242,.95);border:2px solid transparent;border-radius:14px;padding:14px 16px;width:100%;transition:border-color .3s,box-shadow .3s}
.form textarea{resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--lemon);box-shadow:0 0 0 4px rgba(244,224,77,.25)}
.f-check{display:flex!important;align-items:flex-start;gap:12px;text-transform:none!important;letter-spacing:0!important;font-size:.9rem!important;color:var(--bg)!important;color:#dfeae3!important;cursor:pointer}
.f-check input{width:18px;height:18px;margin-top:3px;accent-color:var(--lemon);flex:none}
.f-msg{min-height:1.4em;font-size:.92rem;color:var(--lemon)}
.f-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.f-actions button{font:500 1rem var(--sans);cursor:pointer;border:0}
.f-actions .btn{padding:16px 28px}
.f-alt{background:none;color:var(--bg);color:#fff!important;padding:15px 26px;border-radius:999px;box-shadow:inset 0 0 0 1.5px rgba(251,249,242,.5)!important;transition:.3s}
.f-alt:hover{background:rgba(251,249,242,.12)}
@media (max-width:600px){.f-row{grid-template-columns:1fr}}
.form select{color:#14251b!important;-webkit-text-fill-color:#14251b}
.form select option{color:#14251b}

.contact__box>.btn{display:flex;width:max-content;margin:0 auto}
.about__img--1 img{object-position:50% 18%}

/* form yazıları: siyah */
.form input:not([type=checkbox]),.form select,.form textarea{color:#000!important;-webkit-text-fill-color:#000;caret-color:#000}
.form input::placeholder,.form textarea::placeholder{color:#6b716d;opacity:1;-webkit-text-fill-color:#6b716d}
.form select option{color:#000}
.form input:-webkit-autofill{-webkit-text-fill-color:#000;box-shadow:0 0 0 40px #f2f0e8 inset}

/* yorumlar */
.reviews__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:44px}
.reviews__sum{display:grid;grid-template-columns:auto auto;gap:2px 12px;align-items:center}
.reviews__rating{font:400 3.4rem/1 var(--serif)}
.reviews__stars{color:#f4b400;letter-spacing:.1em;font-size:1.2rem}
.reviews__count{grid-column:1/-1;color:var(--muted)}
.reviews__all{grid-column:1/-1;margin-top:6px;border-bottom:1.5px solid var(--lemon);justify-self:start;font-weight:500}
.reviews__scroller{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 26px;scrollbar-width:none}
.reviews__scroller::-webkit-scrollbar{display:none}
.review{flex:0 0 clamp(280px,30vw,380px);scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:transform .4s var(--ease),box-shadow .4s}
.review:hover{transform:translateY(-6px);box-shadow:0 30px 50px -28px rgba(31,77,54,.5)}
.review__stars{color:#f4b400;letter-spacing:.12em}
.review p{color:#2c3e33;font-size:1rem}
.review footer{margin-top:auto;display:flex;align-items:center;gap:12px;font-size:.9rem}
.review__av{width:38px;height:38px;border-radius:50%;background:var(--green);color:var(--bg);display:grid;place-content:center;font-weight:600}
.review small{display:block;color:var(--muted)}
.review__g{margin-left:auto;font:700 1.2rem var(--sans);color:#4285f4}

/* doğru bilinen yanlışlar */
.myths{padding-top:0}
.myths h2{max-width:none;margin-bottom:48px}
.myths__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.myth{background:var(--green);color:var(--bg);border-radius:28px;padding:34px 30px 38px;display:flex;flex-direction:column;gap:14px;min-height:340px;position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .2s}
.myth::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:34px solid rgba(244,224,77,.1);right:-70px;bottom:-70px}
.myth__tag{align-self:flex-start;font:600 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:rgba(251,249,242,.14);color:#ffb4a6}
.myth__tag--ok{background:var(--lemon);color:var(--ink);margin-top:auto}
.myth__q{font:italic 300 clamp(1.4rem,2.2vw,1.9rem)/1.2 var(--serif)}
.myth__q s{text-decoration:none;background:linear-gradient(#ffb4a6,#ffb4a6) 0 58%/0% 2px no-repeat;transition:background-size 1.2s var(--ease) .6s}
.myth.in .myth__q s{background-size:100% 2px}
.myth__a{font:400 1.15rem/1.4 var(--serif);position:relative;z-index:1}
@media (max-width:960px){.myths__grid{grid-template-columns:1fr}.myth{min-height:0}}