@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--paper:#f5f3ec;--paper-light:#fbfaf6;--ink:#21392f;--green:#254b3c;--green-mid:#56715e;--muted:#727b72;--line:#d9ddd2;--peach:#d78160;--lilac:#d9d5ec;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--peach);outline-offset:4px}::selection{background:#d7e4d8;color:var(--ink)}.site-header{height:82px;max-width:1440px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20392f14;position:relative;z-index:10}.wordmark{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.7px}.wordmark-light{font-weight:400;color:#728075}.mark{display:grid;place-items:center;width:37px;height:37px;background:var(--green);color:var(--paper);border-radius:12px 12px 12px 3px;font:600 19px var(--serif);position:relative}.mark>span{position:absolute;right:5px;top:3px;font:700 18px var(--sans);color:var(--peach)}#site-nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#626d65}#site-nav>a:not(.nav-cta):hover,.text-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}.nav-cta{background:var(--green);color:#fffdf8;padding:12px 17px;border-radius:3px 13px 13px 13px;font-size:12px}.nav-cta span{margin-left:9px}.menu-toggle{display:none}.hero{max-width:1440px;min-height:720px;margin:auto;padding:81px 8vw 31px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:5vw;position:relative;overflow:hidden}.hero-copy{padding-bottom:30px;position:relative;z-index:2}.eyebrow,.section-index{font:500 10px var(--mono);letter-spacing:1.8px;color:var(--green-mid)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--peach)}h1,h2,h3,p{margin:0}h1{font:500 clamp(58px,7.2vw,96px)/.99 var(--serif);letter-spacing:-4px;margin:30px 0 25px;max-width:610px}h1 em{color:#67806d;font-weight:500}.hero-intro{max-width:460px;font-size:16px;line-height:1.75;color:#626f65}.hero-actions{display:flex;align-items:center;gap:25px;margin:31px 0 0}.button{display:inline-flex;align-items:center;gap:25px;padding:15px 19px;font-size:12px;font-weight:600;border-radius:3px 14px 14px 14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--green);color:#fffdf8}.button-dark:hover{background:#18382b}.text-link{font-size:12px;font-weight:600;color:var(--green);display:inline-flex;gap:12px;align-items:center}.hero-note{font:10px var(--mono);color:#8a9188;margin-top:23px}.hero-art{height:480px;position:relative;display:grid;place-items:center}.art-paper{position:absolute;width:min(100%,480px);height:424px;border-radius:4px 28px 5px 5px}.art-paper-back{background:#e5dfd2;transform:rotate(5deg) translate(15px,7px);box-shadow:17px 18px 0 #e8e3d8}.art-paper-front{background:#fffefa;border:1px solid #e6e3d9;padding:31px 34px;transform:rotate(-2.1deg);box-shadow:0 22px 60px #26382d18;z-index:1}.art-topline{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1.1px;color:#819080;border-bottom:1px solid #e7e9e1;padding-bottom:16px}.art-date{font:500 25px var(--serif);margin:21px 0 17px}.art-progress{width:100%;height:5px;background:#e9ece5;border-radius:9px}.art-progress i{display:block;height:100%;width:52%;background:#6a8a6e;border-radius:9px}.art-progress-caption{display:flex;justify-content:space-between;font:10px var(--mono);color:#879088;margin:10px 0 17px}.art-progress-caption b{font-weight:400;color:var(--green)}.art-task{min-height:73px;display:flex;align-items:center;gap:14px;border-top:1px solid #e9ebe5}.task-check{width:18px;height:18px;flex:none;border:1px solid #cbd3c9;border-radius:50%;display:grid;place-items:center;color:white;font:10px var(--sans)}.art-task.done .task-check{background:#55765d;border-color:#55765d}.art-task.active .task-check{border:5px solid #e0a083}.art-task div{display:grid;gap:4px}.art-task small{font:9px var(--mono);letter-spacing:.8px;color:#899187}.art-task strong{font:500 14px var(--sans)}.task-arrow{margin-left:auto;color:#8b978a}.art-foot{border-top:1px solid #e9ebe5;display:flex;justify-content:space-between;padding-top:13px;color:#80897e;font:11px var(--serif);font-style:italic}.art-spark{color:var(--peach);font:24px var(--sans);line-height:10px}.art-stamp{position:absolute;z-index:2;left:0;top:39px;width:69px;height:69px;background:var(--peach);color:#fffaf0;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-11deg);box-shadow:0 7px 20px #a9553b28}.art-stamp span{font:500 26px var(--serif);line-height:1}.art-stamp small{font:8px var(--mono);letter-spacing:1px}.art-stamp b{font:500 15px var(--serif);line-height:.8}.art-caption{position:absolute;bottom:8px;right:7%;z-index:2;background:#eff0e7;padding:12px 15px;color:#637064;font:10px var(--mono);transform:rotate(2deg)}.art-caption span{color:var(--peach);margin-left:12px}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;gap:20px;font:9px var(--mono);letter-spacing:1px;color:#879087}.hero-bottom-line{height:1px;background:#d4d9cf;flex:1}.section-wrap{max-width:1200px;margin:0 auto;padding:100px 36px}.section-index{display:flex;gap:12px;align-items:center}.section-index>span{color:var(--peach)}.intro-content{display:grid;grid-template-columns:1fr .8fr;gap:70px;margin:37px 0 55px}.intro h2,.inside h2,.loop-layout h2,.faq h2{font:500 clamp(38px,5vw,59px)/1.08 var(--serif);letter-spacing:-1.5px}.intro-text{max-width:485px;padding-top:5px}.intro-text p,.loop-lead{font-size:15px;line-height:1.85;color:#68746c;margin-bottom:13px}.method-line{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;font:10px var(--mono);letter-spacing:.5px;color:#5f6e62}.method-line i{height:1px;background:#cbd2c7;flex:1;position:relative}.method-line i:after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--peach)}.inside{background:#e8ece3}.inside .section-wrap{padding-top:92px;padding-bottom:110px}.inside-heading{display:flex;align-items:end;justify-content:space-between;margin:35px 0 39px}.inside-heading>p{max-width:350px;color:#69766c;line-height:1.8;font-size:14px}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #cfd7cb;border-top:1px solid #cfd7cb}.skill-card{position:relative;min-height:265px;padding:25px 25px 27px;border-right:1px solid #cfd7cb;border-bottom:1px solid #cfd7cb;overflow:hidden;transition:background .25s}.skill-card:hover{background:#f2f2eb}.skill-number{font:10px var(--mono);color:#7e8c7d}.skill-symbol{position:absolute;right:27px;top:22px;color:#9daf98}.symbol-lines{display:grid;gap:5px;width:35px}.symbol-lines i{height:1px;background:#81977e}.symbol-lines i:nth-child(2){width:70%}.symbol-lines i:nth-child(3){width:45%}.symbol-sound{display:flex;align-items:center;gap:3px;height:23px}.symbol-sound i{width:2px;background:#81977e;border-radius:3px}.symbol-sound i:nth-child(1),.symbol-sound i:nth-child(5){height:7px}.symbol-sound i:nth-child(2),.symbol-sound i:nth-child(4){height:14px}.symbol-sound i:nth-child(3){height:21px}.symbol-bracket{font:28px var(--serif);letter-spacing:3px}.symbol-letter{font:14px var(--serif);letter-spacing:1px}.symbol-quote{font:28px var(--serif)}.symbol-word{font:16px var(--serif)}.symbol-word span{color:var(--peach)}.skill-card h3{font:500 22px var(--serif);margin:44px 0 11px}.skill-card p{font-size:13px;line-height:1.7;color:#6e786f;max-width:320px}.skill-tag{display:inline-block;margin-top:17px;color:#8a9488;font:9px var(--mono);letter-spacing:1.3px}.study-loop .section-wrap{padding-top:105px}.loop-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;margin-top:39px}.loop-lead{max-width:390px;margin:20px 0 20px}.loop-list article{display:grid;grid-template-columns:38px 1fr 18px;gap:12px;padding:19px 0;border-top:1px solid var(--line)}.loop-list article:last-child{border-bottom:1px solid var(--line)}.loop-list article>span{font:10px var(--mono);color:var(--peach);padding-top:4px}.loop-list h3{font:500 18px var(--serif);margin-bottom:6px}.loop-list p{font-size:12px;color:#727c73;line-height:1.6}.loop-list article>b{font-weight:400;color:#7d8b7c}.language-note{display:flex;align-items:center;gap:18px;background:#efebe2;padding:19px 22px;margin:60px 0 0;border-left:3px solid var(--peach)}.language-mark{font:500 20px var(--serif);color:#738574}.language-note p{font-size:12px;line-height:1.75;color:#6b756d;flex:1}.language-note p b{font-size:13px;color:var(--ink)}.language-switch{font:10px var(--mono);color:#68756a;white-space:nowrap}.language-switch i{font-style:normal;color:var(--peach);padding:0 4px}.honesty{display:grid;grid-template-columns:55px 1fr;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:42px;padding-bottom:42px}.honesty-mark{font-size:35px;color:var(--peach)}.honesty .eyebrow{font-size:9px}.honesty h2{font:500 27px var(--serif);margin:10px 0}.honesty>div>p:last-child{max-width:760px;font-size:13px;line-height:1.8;color:#707b71}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;margin-top:38px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:19px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;font:500 16px var(--serif)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--peach);font:18px var(--sans);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.75;color:#707b71;max-width:570px;padding:0 0 21px}.final-cta{background:var(--green);color:#f8f5ec;text-align:center;position:relative;overflow:hidden;padding:90px 24px 82px}.final-cta>.eyebrow{color:#cbd5c4;position:relative;z-index:1;justify-content:center}.final-cta h2{font:500 clamp(43px,6vw,69px)/1.04 var(--serif);letter-spacing:-1.5px;margin:20px 0 28px;position:relative;z-index:1}.button-light{position:relative;z-index:1;background:#f1eee4;color:var(--green)}.final-cta>p:last-child{font:10px var(--mono);color:#c5d0c2;margin-top:19px;position:relative;z-index:1}.cta-orbit{border:1px solid #ffffff19;position:absolute;border-radius:50%;width:390px;height:390px;top:-190px;left:10%}.orbit-two{width:500px;height:500px;top:-240px;left:7%}.site-footer{max-width:1400px;margin:auto;padding:27px 5vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:18px;color:#788179}.site-footer .wordmark{color:var(--ink);font-size:15px}.site-footer .mark{width:30px;height:30px;font-size:15px}.site-footer p{font-size:11px}.site-footer>a:nth-of-type(2){font:10px var(--mono)}.site-footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px;font:9px var(--mono);color:#8c948b}
@media(max-width:900px){.hero{padding-left:6vw;padding-right:6vw;gap:3vw;min-height:640px}.hero-art{height:420px}.art-paper{height:385px}.art-paper-front{padding:25px}.art-task{min-height:66px}.section-wrap{padding:80px 28px}.loop-layout,.faq-layout{gap:42px}.skill-card{padding:22px;min-height:275px}}
@media(max-width:680px){.site-header{height:68px;padding:0 20px}.wordmark{font-size:17px}.mark{width:32px;height:32px;font-size:16px}#site-nav{display:none;position:absolute;left:12px;right:12px;top:59px;background:var(--paper-light);border:1px solid var(--line);box-shadow:0 15px 40px #1d38221a;border-radius:4px 16px 16px 16px;padding:13px;align-items:stretch;gap:2px;flex-direction:column}#site-nav.is-open{display:flex}#site-nav>a:not(.nav-cta){padding:12px 10px}.nav-cta{text-align:center;margin-top:7px}.menu-toggle{border:0;background:none;width:42px;height:42px;display:grid;align-content:center;justify-content:center;gap:5px}.menu-toggle span{display:block;width:20px;height:1px;background:var(--green);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{display:flex;flex-direction:column;align-items:stretch;padding:60px 23px 24px;gap:8px;min-height:0}.hero-copy{padding:0}.eyebrow{font-size:9px;letter-spacing:1.3px}h1{font-size:clamp(59px,15vw,82px);letter-spacing:-2.8px;margin:25px 0 20px}.hero-intro{font-size:14px;max-width:480px}.hero-actions{gap:15px;flex-wrap:wrap;margin-top:24px}.button{padding:14px 15px;gap:16px;font-size:11px}.text-link{font-size:11px}.hero-note{font-size:9px}.hero-art{height:390px;margin:0 -5px}.art-paper{height:340px}.art-paper-front{padding:22px 20px}.art-date{font-size:21px;margin:16px 0 14px}.art-task{min-height:61px}.art-task strong{font-size:12px}.art-task small{font-size:8px}.art-progress-caption{font-size:9px}.art-stamp{width:57px;height:57px;left:2px;top:5px}.art-stamp span{font-size:21px}.art-caption{font-size:8px;right:1%;bottom:4px}.hero-bottom{gap:10px;font-size:7px;letter-spacing:.4px}.section-wrap{padding:65px 23px}.section-index{font-size:8px;letter-spacing:1.3px}.intro-content{display:block;margin:29px 0 35px}.intro h2,.inside h2,.loop-layout h2,.faq h2{font-size:43px}.intro-text{margin-top:22px}.intro-text p,.loop-lead{font-size:14px}.method-line{gap:7px;padding:15px 0;font-size:8px;letter-spacing:0}.method-line i:after{width:5px;height:5px;top:-2px}.inside .section-wrap{padding-top:65px;padding-bottom:68px}.inside-heading{display:block;margin:28px 0 26px}.inside-heading>p{font-size:13px;margin-top:16px}.skill-grid{grid-template-columns:1fr 1fr}.skill-card{padding:17px;min-height:252px}.skill-number{font-size:9px}.skill-symbol{right:17px;top:18px}.skill-card h3{font-size:18px;margin:37px 0 10px}.skill-card p{font-size:11px;line-height:1.65}.skill-tag{font-size:8px;margin-top:12px}.loop-layout{display:block;margin-top:29px}.loop-lead{margin:15px 0}.loop-list{margin-top:32px}.loop-list article{grid-template-columns:28px 1fr 14px;gap:9px;padding:16px 0}.loop-list h3{font-size:17px}.loop-list p{font-size:11px}.language-note{align-items:flex-start;gap:12px;padding:15px;margin-top:35px}.language-mark{font-size:17px}.language-note p{font-size:11px}.language-note p b{font-size:12px}.language-switch{font-size:8px;padding-top:4px}.honesty{grid-template-columns:34px 1fr;gap:13px;padding-top:31px;padding-bottom:31px}.honesty-mark{font-size:27px}.honesty h2{font-size:24px}.honesty>div>p:last-child{font-size:12px}.faq-layout{display:block;margin-top:29px}.faq-list{margin-top:21px}.faq-list summary{font-size:15px;padding:17px 0}.faq-list details p{font-size:12px}.final-cta{padding:70px 22px 62px}.final-cta h2{font-size:51px}.cta-orbit{left:-230px}.orbit-two{left:-280px}.site-footer{padding:23px;grid-template-columns:1fr auto;gap:14px}.site-footer p{grid-column:1/-1;grid-row:2}.site-footer>a:nth-of-type(2){grid-column:2;grid-row:1}.site-footer small{grid-row:3}.}
@media(max-width:390px){.skill-grid{grid-template-columns:1fr}.skill-card{min-height:220px}.skill-card h3{margin-top:33px}.hero-art{height:360px}.art-paper{height:320px}.hero-bottom{font-size:6.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* A more hands-on learning feel: brighter accents, clearer surfaces, and less editorial distance. */
:root{--paper:#f7f7f2;--paper-light:#fff;--ink:#21372e;--green:#245846;--green-mid:#567568;--line:#dce5de;--peach:#ec7654;--lilac:#e9e8f7}
body{background:var(--paper)}
.site-header{max-width:none;padding-inline:max(5vw,24px);background:#fff;border-bottom:1px solid #e7ece8}
.mark{border-radius:11px;background:var(--green)}
#site-nav{font-size:14px;color:#53645b;gap:30px}
.nav-cta{background:var(--peach);border-radius:12px;padding:13px 18px;font-size:13px;box-shadow:0 5px 14px #ec76542a}
.nav-cta:hover{background:#d96143}
.hero{max-width:1440px;min-height:670px;padding-top:58px;padding-bottom:34px;gap:3.5vw;background:radial-gradient(ellipse at 81% 45%,#e8eef6 0,#eef2f1 24%,transparent 54%)}
.hero-copy{padding-bottom:15px}
.eyebrow,.section-index{font-family:var(--sans);font-size:12px;letter-spacing:.35px;font-weight:700;color:#557364}
h1{font:700 clamp(54px,6.2vw,82px)/1.02 var(--sans);letter-spacing:-3.5px;margin:24px 0 20px;max-width:600px}
h1 em{font-style:normal;color:var(--peach);font-weight:700}
.hero-intro{font-size:17px;line-height:1.7;color:#58675f}
.button{border-radius:12px;padding:16px 19px;font-size:13px;gap:20px}
.button-dark{background:var(--peach);box-shadow:0 8px 18px #ec76542b}
.button-dark:hover{background:#d96143}
.hero-art{height:475px}
.art-paper{border-radius:22px}
.art-paper-back{background:#f4d8c9;transform:rotate(4deg) translate(13px,10px);box-shadow:13px 15px 0 #e7ebf1}
.art-paper-front{border:1px solid #e4e9e5;border-radius:20px;transform:rotate(-1deg);box-shadow:0 24px 60px #26382d20}
.art-topline{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.6px}
.art-date{font:700 25px/1.2 var(--sans)}
.art-progress{height:7px;background:#edf0ed}
.art-progress i{background:var(--peach)}
.art-progress-caption{font:11px var(--sans)}
.art-task{min-height:70px}
.art-task small{font:700 9px var(--sans);letter-spacing:.55px}
.art-task strong{font:600 14px var(--sans)}
.art-stamp{background:#f0b650;color:#443a27;box-shadow:0 8px 18px #b68d3d33}
.art-caption{border-radius:10px;background:#fff;color:#51635a;font:600 11px var(--sans);box-shadow:0 5px 14px #233b2a10}
.hero-note{font:12px var(--sans);color:#708076}
.hero-bottom{font:10px var(--sans);font-weight:700;letter-spacing:.7px}
.section-wrap{max-width:1240px}
.section-index{font-size:12px}
.intro h2,.inside h2,.loop-layout h2,.faq h2{font:700 clamp(36px,4vw,52px)/1.12 var(--sans);letter-spacing:-1.7px}
.intro-text p,.loop-lead{font-size:16px;line-height:1.75;color:#5d6b63}
.method-line{border:0;border-radius:14px;background:#fff;box-shadow:0 5px 18px #253c3010;padding:20px 24px;font:600 13px var(--sans);letter-spacing:0;color:#53655a}
.method-line i{background:#d9e4dd}
.method-line i:after{background:var(--peach)}
.inside{background:#eef2ed}
.inside-heading{margin:29px 0 31px}
.inside-heading>p{font-size:15px;line-height:1.7;color:#5f6e65}
.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0}
.skill-card{min-height:260px;padding:25px 25px 22px;background:#fff;border:1px solid #e2e9e3;border-radius:17px;box-shadow:0 5px 16px #21392f0b;transition:transform .2s,box-shadow .2s,border-color .2s}
.skill-card:hover{background:#fff;transform:translateY(-3px);border-color:#cbdad0;box-shadow:0 12px 25px #21392f12}
.skill-number{font:700 12px var(--sans);color:var(--peach)}
.skill-symbol{color:#718d7e}
.skill-card h3{font:700 21px var(--sans);letter-spacing:-.4px;margin:40px 0 10px}
.skill-card p{font:14px/1.65 var(--sans);color:#647169;max-width:340px}
.skill-tag{margin-top:17px;color:#597666;font:700 10px var(--sans);letter-spacing:.7px;background:#edf4ef;padding:6px 9px;border-radius:6px}
.loop-list article{padding:20px 0}
.loop-list article>span{font:700 12px var(--sans);color:var(--peach)}
.loop-list h3{font:700 18px var(--sans);letter-spacing:-.25px}
.loop-list p{font-size:13px;line-height:1.65;color:#66736b}
.language-note{border-left:0;border-radius:14px;background:#fff;border:1px solid #e4e8df;padding:20px 22px}
.language-mark{font:700 20px var(--sans);color:var(--peach)}
.language-note p{font-size:13px;color:#657269}
.language-note p b{font-size:14px}
.honesty{border:1px solid #e1e7e0;border-radius:16px;background:#fff;padding:28px 32px;margin-bottom:20px}
.honesty .eyebrow{font-size:11px}
.honesty h2{font:700 27px var(--sans);letter-spacing:-.5px}
.honesty>div>p:last-child{font-size:14px;color:#66736b}
.faq-list details{border-color:#dfe6df}
.faq-list summary{font:600 16px var(--sans);padding:21px 0}
.faq-list summary span{color:var(--peach)}
.faq-list details p{font-size:14px;color:#66736b}
.final-cta{background:#245846;padding:86px 24px 78px}
.final-cta>.eyebrow{font-size:12px}
.final-cta h2{font:700 clamp(40px,5vw,60px)/1.08 var(--sans);letter-spacing:-1.8px}
.button-light{border-radius:12px;background:#f5bd63;color:#293d31}
.button-light:hover{background:#ffd083}
.final-cta>p:last-child{font:12px var(--sans);color:#d4e0d7}
.site-footer{max-width:none;background:#fff;padding:27px 5vw}
.site-footer p{font-size:13px}
.site-footer>a:nth-of-type(2){font:600 12px var(--sans)}
@media(max-width:900px){.hero{min-height:620px}.skill-grid{gap:12px}.skill-card{min-height:280px;padding:21px}}
@media(max-width:680px){
  .site-header{padding:0 20px}
  #site-nav{gap:2px}
  .hero{padding:48px 23px 23px;gap:7px}
  h1{font-size:clamp(46px,12.5vw,68px);line-height:1.03;letter-spacing:-2.5px;margin:23px 0 18px}
  .hero-intro{font-size:15px;line-height:1.65}
  .hero-art{height:370px;margin:4px -5px 0}
  .art-paper{height:330px}
  .art-paper-front{padding:21px 19px}
  .art-date{font-size:20px}
  .art-task{min-height:58px}
  .hero-bottom{font-size:8px;letter-spacing:.3px}
  .intro h2,.inside h2,.loop-layout h2,.faq h2{font-size:39px;letter-spacing:-1.1px}
  .intro-text p,.loop-lead{font-size:14px}
  .method-line{border-radius:12px;padding:16px 13px;font-size:9px;gap:7px}
  .skill-grid{grid-template-columns:1fr 1fr;gap:10px}
  .skill-card{min-height:250px;padding:17px;border:1px solid #e2e9e3;border-radius:14px}
  .skill-card h3{font-size:17px;margin:36px 0 9px}
  .skill-card p{font-size:12px;line-height:1.6}
  .skill-tag{font-size:8px;margin-top:12px}
  .honesty{border-radius:13px;padding:22px 18px}
  .honesty h2{font-size:23px}
  .honesty>div>p:last-child{font-size:12px}
  .faq-list summary{font-size:14px;padding:18px 0}
  .faq-list details p{font-size:12px}
  .final-cta h2{font-size:44px}
}