/* Teachastic — visuel identitet 2026 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#15211d;--ink-2:#20312a;--deep:#101c18;--green:#c5ec47;--green-2:#a9d51d;--paper:#f7f7f2;--cream:#f0f1e9;--white:#fff;--muted:#66716b;--line:#dbe1d8;--orange:#f6a27b;--lav:#cbc6fb;--radius:22px;--shadow:0 18px 44px rgba(11,28,20,.12);--container:1200px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}strong{font-weight:700}p{margin:0 0 1.2rem}ul{margin-top:0}h1,h2,h3,h4{font-family:'Space Grotesk','DM Sans',Arial,sans-serif;letter-spacing:-.045em;line-height:1.08;margin:0 0 1.1rem;text-wrap:balance}h1{font-size:clamp(3.25rem,7.2vw,7.6rem);font-weight:700}h2{font-size:clamp(2.5rem,5.3vw,5.3rem);font-weight:700}h3{font-size:clamp(1.5rem,2.4vw,2.35rem);font-weight:600}h4{font-size:1.17rem}::selection{background:var(--green);color:var(--ink)}:focus-visible{outline:3px solid #8daefc;outline-offset:4px}.skip-link{position:absolute;left:12px;top:-70px;z-index:200;background:var(--green);padding:12px 17px;border-radius:9px}.skip-link:focus{top:12px}.container{width:min(var(--container),calc(100% - 88px));margin-inline:auto}.narrow{max-width:860px}.section{padding:110px 0}.section-sm{padding:78px 0}.section-header{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:46px}.section-header p{max-width:430px;color:var(--muted);margin-bottom:8px}.eyebrow{display:inline-flex;align-items:center;gap:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;font-size:.72rem;line-height:1.4;margin-bottom:23px}.eyebrow::before{content:'';width:28px;height:2px;background:var(--green-2)}.eyebrow.on-dark{color:var(--green)}.eyebrow.on-dark:before{background:var(--green)}.muted{color:var(--muted)}.on-dark-text{color:#d3dbd5}.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:700;border-bottom:1px solid currentColor;padding:2px 0 4px;transition:gap .2s}.text-link:hover{gap:17px}.text-link.light{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;border-radius:100px;padding:12px 23px;font-size:.94rem;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;white-space:normal;text-align:center}.button:hover{transform:translateY(-2px)}.button-solid{background:var(--green);color:var(--ink);border:1px solid var(--green)}.button-solid:hover{background:#e0ff6e;box-shadow:0 10px 25px #c5ec4730}.button-dark{background:var(--ink);color:#fff;border:1px solid var(--ink)}.button-outline{background:transparent;border:1px solid #9fb1a5;color:var(--ink)}.button-outline-light{background:transparent;border:1px solid #ffffff63;color:#fff}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.arrow{font-size:1.2em;line-height:1}.pill{font-size:.73rem;letter-spacing:.06em;text-transform:uppercase;font-weight:800;padding:6px 12px;border:1px solid #d7dfd5;border-radius:50px;display:inline-block}.card-arrow{width:40px;height:40px;border:1px solid #c9d5cb;border-radius:50%;display:grid;place-items:center;flex:none;font-size:1.25rem;transition:transform .2s,background .2s}.card-link:hover .card-arrow{transform:rotate(-40deg);background:var(--green);border-color:var(--green)}
/* Header */
.site-header{height:86px;position:sticky;top:0;z-index:100;background:rgba(247,247,242,.96);border-bottom:1px solid rgba(18,42,28,.09);backdrop-filter:blur(14px)}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-icon{height:38px;width:38px;display:grid;place-items:center;background:var(--ink);border-radius:12px;color:var(--green)}.brand-icon svg{width:29px;height:29px}.brand-name{font-family:'Space Grotesk',sans-serif;font-size:1.64rem;font-weight:700;letter-spacing:-.065em;line-height:1}.brand-name .accent{color:#7da900}.brand-caption{display:block;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.51rem;color:#61726a;margin-top:6px}.nav-links{display:flex;align-items:center;gap:32px;margin-left:auto}.nav-links a{font-size:.88rem;font-weight:700;position:relative}.nav-links a:not(.button)::after{content:'';position:absolute;left:0;bottom:-7px;width:0;height:2px;background:#8db915;transition:width .2s}.nav-links a:hover::after,.nav-links a[aria-current='page']::after{width:100%}.nav-links .button{min-height:43px;padding:9px 18px}.menu-toggle{display:none;background:none;border:1px solid #c8d1ca;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;color:var(--ink)}.menu-toggle svg{width:22px}
/* Home Hero */
.hero{background:var(--deep);color:white;overflow:hidden;position:relative}.hero::before{content:'';position:absolute;right:-110px;top:-170px;width:650px;height:650px;background:radial-gradient(circle,rgba(197,236,71,.14),transparent 65%);pointer-events:none}.hero .container{padding-top:92px;padding-bottom:84px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center}.hero h1{max-width:760px}.hero h1 .bright{color:var(--green)}.hero-intro{max-width:590px;font-size:clamp(1.04rem,1.65vw,1.23rem);line-height:1.7;color:#cbd4cc;margin-bottom:30px}.hero-note{display:flex;align-items:center;gap:13px;color:#b9c6bb;font-size:.82rem;margin-top:35px}.hero-note .line{width:45px;height:1px;background:#9aa89a}.hero-art{position:relative;min-height:630px}.hero-photo{position:absolute;inset:15px 26px 70px 20px;border-radius:170px 22px 22px 22px;overflow:hidden;background:linear-gradient(120deg,#74846a,#313f37)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.84)}.hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 36%,#101c18bb 100%)}.hero-caption{position:absolute;bottom:100px;left:50px;right:70px;z-index:2;font-family:'Space Grotesk',sans-serif;font-size:clamp(1.35rem,2.5vw,2.4rem);font-weight:600;line-height:1.18;letter-spacing:-.03em}.hero-orbit{position:absolute;right:0;top:0;border:1px solid #d3ea7c80;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;z-index:4;background:#1d2b22ea;transform:rotate(9deg)}.hero-orbit span{text-align:center;font-size:.7rem;line-height:1.4;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}.hero-sticker{position:absolute;bottom:11px;right:1px;z-index:5;background:var(--green);color:var(--ink);width:260px;padding:21px 25px;border-radius:16px;box-shadow:var(--shadow);transform:rotate(-4deg)}.hero-sticker b{display:block;font:700 1.2rem 'Space Grotesk',sans-serif;letter-spacing:-.04em}.hero-sticker span{font-size:.82rem;line-height:1.4;display:block;margin-top:5px}.micro{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.stats-strip{background:#e9eddf;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:32px 22px 28px;border-right:1px solid #d1d9c8}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat b{display:block;font:700 clamp(2rem,3.7vw,3.2rem) 'Space Grotesk';letter-spacing:-.065em;line-height:1.1}.stat span{display:block;font-size:.79rem;color:#59685e;max-width:180px;line-height:1.4;margin-top:8px}
/* modular sections */
.intro-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.intro-layout .intro-lead{font-size:clamp(1.35rem,2.4vw,2rem);font-family:'Space Grotesk',sans-serif;letter-spacing:-.04em;line-height:1.45}.step-line{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:43px}.step{border-top:2px solid #b8cdb5;padding-top:19px}.step-number{font:700 1rem 'Space Grotesk';color:#8fac13}.step h4{font-family:'DM Sans',sans-serif;letter-spacing:0;margin:9px 0 6px}.step p{font-size:.86rem;color:var(--muted)}.services-zone{background:#e9eee4}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card{position:relative;border-radius:var(--radius);padding:36px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card:nth-child(1){background:#182b20;color:#fff}.service-card:nth-child(2){background:#d9e99e;color:var(--ink)}.service-card:nth-child(3){background:#eddbce;color:var(--ink)}.service-card:nth-child(4){background:#dcdcef;color:var(--ink)}.service-top{display:flex;justify-content:space-between;align-items:start;gap:16px}.service-card .service-index{font-size:.78rem;letter-spacing:.15em;font-weight:700;opacity:.75}.service-card h3{max-width:430px;margin-bottom:12px}.service-card p{max-width:415px;line-height:1.5;font-size:.95rem}.service-card:nth-child(1) .card-arrow{border-color:#afc8b6;color:#fff}.service-card:nth-child(1):hover .card-arrow{color:var(--ink)}.service-shape{position:absolute;width:160px;height:160px;border:1px solid currentColor;opacity:.13;right:-35px;top:70px;border-radius:45px;transform:rotate(35deg);pointer-events:none}.service-card:hover .service-shape{transform:rotate(58deg);transition:transform .8s}.tags{display:flex;flex-wrap:wrap;gap:9px}.tags span{display:inline-flex;align-items:center;border-radius:100px;padding:5px 12px;border:1px solid #b9c8bc;font-size:.73rem;font-weight:700}.dark-section{background:var(--deep);color:white}.dark-section .section-header p{color:#b2bfb5}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case-card{background:#203129;border:1px solid #334b3c;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-height:355px;transition:transform .2s,background .2s}.case-card:hover{background:#2b4133;transform:translateY(-3px)}.case-card .case-visual{min-height:130px;background:#2b4033;display:flex;align-items:center;justify-content:space-between;padding:24px 27px;position:relative;overflow:hidden}.case-card .case-visual span{font-family:'Space Grotesk';font-weight:700;font-size:1.1rem;position:relative;z-index:2}.case-card .case-visual .decor{font-family:'Space Grotesk';font-weight:700;font-size:6rem;letter-spacing:-.1em;line-height:1;opacity:.19;position:absolute;right:-7px;bottom:-27px}.case-card:nth-child(1) .case-visual{background:#d5eb75;color:#12241a}.case-card:nth-child(2) .case-visual{background:#cbbaf1;color:#12241a}.case-card:nth-child(3) .case-visual{background:#f1ad8b;color:#12241a}.case-body{padding:28px 27px 25px;display:flex;flex-direction:column;flex:1}.case-card .case-body .meta{font-size:.71rem;letter-spacing:.13em;text-transform:uppercase;color:#afc9b5;font-weight:800;margin-bottom:14px}.case-card h3{font-size:1.65rem;margin-bottom:12px}.case-card p{color:#c2d0c6;font-size:.89rem;line-height:1.6}.case-card .case-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:21px;color:var(--green);font-size:.88rem;font-weight:700}.case-card .case-footer span:last-child{font-size:1.45rem}.quote-zone{background:var(--green);padding:76px 0}.quote-layout{display:grid;grid-template-columns:130px 1fr;gap:40px;align-items:start}.quote-mark{font:700 11rem/.85 Georgia,serif;color:#294021;opacity:.23}.quote-zone blockquote{margin:0;max-width:920px;font:600 clamp(1.65rem,3.1vw,3rem)/1.3 'Space Grotesk',sans-serif;letter-spacing:-.045em}.quote-attribution{margin-top:28px;font-size:.86rem;font-weight:700}.quote-attribution a{text-decoration:underline;text-underline-offset:3px}.about-teaser{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.portrait-card{min-height:470px;background:var(--ink);border-radius:var(--radius);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.portrait-card::before{content:'';position:absolute;width:430px;height:430px;border:1px solid #8eb76678;border-radius:50%;transform:translate(-120px,-50px)}.portrait-card::after{content:'';position:absolute;width:350px;height:350px;border:1px solid #8eb76645;border-radius:50%;transform:translate(120px,100px)}.portrait-monogram{font:700 clamp(8rem,20vw,16rem)/1 'Space Grotesk';letter-spacing:-.14em;color:var(--green);transform:translateX(-20px);z-index:1}.portrait-label{position:absolute;z-index:2;bottom:26px;left:27px;right:27px;color:white;display:flex;justify-content:space-between;align-items:end;gap:18px;font-size:.8rem}.portrait-label strong{display:block;font:600 1.28rem 'Space Grotesk';letter-spacing:-.03em}.about-teaser .lead{font-size:1.16rem;line-height:1.75}.credential-list{list-style:none;padding:0;margin:27px 0 30px}.credential-list li{border-top:1px solid var(--line);padding:12px 0;display:flex;gap:12px;font-size:.94rem}.credential-list li::before{content:'↗';color:#829e1c;font-weight:700}.cta-band{background:#d9eab1;border-radius:28px;padding:54px 62px;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:30px}.cta-band h2{font-size:clamp(2rem,4.3vw,4rem);margin-bottom:12px}.cta-band p{max-width:610px;margin:0}.cta-band .button-row{justify-content:flex-end}
/* subpage */
.page-hero{background:var(--deep);color:#fff;overflow:hidden;position:relative}.page-hero::after{content:'';position:absolute;width:460px;height:460px;border:1px solid #c5ec4740;border-radius:50%;right:-120px;top:-250px;pointer-events:none}.page-hero .container{padding-top:91px;padding-bottom:93px;position:relative;z-index:1}.page-hero h1{font-size:clamp(3.2rem,7vw,6.8rem);max-width:1040px;margin-bottom:20px}.page-hero h1 em{color:var(--green);font-style:normal}.page-hero p{color:#c5d2c8;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.72;max-width:720px;margin:0}.page-hero .hero-tag{font-size:.8rem;font-weight:700;color:#b4c8b8;margin-top:29px}.page-hero .hero-tag span{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px;vertical-align:middle}.service-detail{padding:80px 0;border-bottom:1px solid #d8e2d6}.service-detail-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:95px}.service-detail h2{font-size:clamp(2.1rem,4vw,3.5rem)}.service-detail .number{font:700 1rem 'Space Grotesk';color:#6d8b19;display:block;margin-bottom:23px}.service-detail p{color:#4d5c52}.feature-list{padding:0;list-style:none;display:grid;gap:11px;margin:20px 0 30px}.feature-list li{padding:14px 17px 14px 44px;border-radius:11px;background:#e9eee6;position:relative;font-weight:600;font-size:.93rem}.feature-list li::before{content:'✓';position:absolute;left:18px;color:#648614;font-weight:800}.format-panel{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.format-panel div{border:1px solid #ccd8cd;border-radius:14px;padding:20px}.format-panel strong{display:block;font-family:'Space Grotesk';letter-spacing:-.03em}.format-panel span{font-size:.8rem;color:var(--muted)}.faq details{border-bottom:1px solid #cfd8cf;padding:22px 0}.faq summary{cursor:pointer;font-family:'Space Grotesk';font-size:1.16rem;font-weight:700;letter-spacing:-.03em;list-style:none;display:flex;justify-content:space-between;gap:24px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font-size:1.5rem;line-height:1}.faq details[open] summary::after{content:'−'}.faq p{max-width:780px;color:#5b665d;margin:13px 0 0}.case-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.filter-btn{background:transparent;border:1px solid #b5c2b6;border-radius:99px;padding:10px 20px;font-weight:700;font-size:.89rem;color:var(--ink)}.filter-btn:hover,.filter-btn[aria-pressed='true']{background:var(--ink);border-color:var(--ink);color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portfolio-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;min-height:295px;display:flex;flex-direction:column}.portfolio-card[hidden]{display:none}.portfolio-card .case-label{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5b7048;display:flex;justify-content:space-between;gap:10px;margin-bottom:21px}.portfolio-card h3{margin-bottom:14px}.portfolio-card p{font-size:.94rem;color:#536057;line-height:1.65}.portfolio-card .portfolio-bottom{margin-top:auto;padding-top:10px;font-size:.85rem;color:#6b756e}.portfolio-card .portfolio-bottom a{font-weight:700;text-decoration:underline;text-underline-offset:4px}.case-highlight{padding:44px;background:#d8eb8d;border-radius:var(--radius);display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center;margin-top:27px}.case-highlight h3{font-size:2.3rem}.case-highlight .large-number{font:700 clamp(6rem,11vw,10rem)/1 'Space Grotesk';letter-spacing:-.09em;text-align:right}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:180px 1fr;gap:34px;border-top:1px solid #ccd9ce;padding:24px 0}.timeline-item .year{color:#638114;font-weight:800;font-family:'Space Grotesk'}.timeline-item h3{font-size:1.3rem;letter-spacing:-.035em;margin:0 0 7px}.timeline-item p{color:#54635b;font-size:.92rem;margin:0}.bio-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:84px}.bio-grid .bio-copy{font-size:1.05rem;line-height:1.8}.bio-aside{padding:34px;background:#e8eee3;border-radius:var(--radius);align-self:start}.bio-aside h3{font-size:1.6rem}.bio-aside ul{list-style:none;padding:0;margin:20px 0 0}.bio-aside li{border-top:1px solid #cdd8ca;padding:12px 0;font-size:.9rem}.story-pull{background:#d7e78f;padding:70px 0}.story-pull p{font:600 clamp(1.7rem,3.5vw,3.2rem)/1.35 'Space Grotesk';letter-spacing:-.04em;max-width:980px;margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-panel{background:#fff;border:1px solid var(--line);padding:46px;border-radius:var(--radius)}.contact-row{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:125px 1fr;gap:15px}.contact-row dt{font-weight:700;color:#67746a;font-size:.83rem}.contact-row dd{margin:0;font-size:1.06rem;font-weight:700;overflow-wrap:anywhere}.contact-row dd a{text-decoration:underline;text-underline-offset:5px}.contact-intro{font-size:1.25rem;line-height:1.65}.contact-external{margin-top:24px;padding:17px;border-radius:14px;background:#eef2eb;font-size:.83rem;color:#5e675f}.links-stack{display:flex;flex-direction:column;align-items:stretch;gap:14px;max-width:330px}.links-stack .button{justify-content:space-between}.legal-text{max-width:880px;font-size:.95rem;color:#546157}.legal-text h2{font-size:1.7rem;color:var(--ink);margin:30px 0 10px}
/* Footer */
.footer{background:#0e1914;color:#edf2ed;padding:75px 0 29px}.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .7fr;gap:80px;padding-bottom:67px}.footer .brand-icon{background:var(--green);color:var(--ink)}.footer .brand-name{color:white}.footer .brand-name .accent{color:var(--green)}.footer .brand-caption{color:#96ae9b}.footer-about{margin-top:22px;color:#a8b7aa;max-width:360px;font-size:.91rem}.footer h4{font:700 .75rem 'DM Sans';letter-spacing:.13em;text-transform:uppercase;color:#9fae9f;margin:0 0 19px}.footer-links{display:grid;gap:11px}.footer-links a{font-size:.91rem;width:max-content;max-width:100%}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{padding-top:23px;border-top:1px solid #2a3b30;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#95a698;font-size:.78rem}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.back-to-top{position:fixed;bottom:22px;right:22px;background:var(--green);color:var(--ink);border:0;width:44px;height:44px;border-radius:50%;z-index:60;box-shadow:0 8px 22px #07150c33;display:grid;place-items:center;font-size:1.3rem;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s,transform .2s}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
@media(max-width:1100px){.nav-links{gap:19px}.hero-grid{gap:22px}.hero-art{min-height:560px}.intro-layout{gap:48px}.about-teaser{gap:44px}.bio-grid{gap:45px}}
@media(max-width:850px){.container{width:min(var(--container),calc(100% - 42px))}.site-header{height:75px}.menu-toggle{display:flex}.nav-links{position:absolute;left:0;right:0;top:75px;background:var(--paper);border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:stretch;gap:0;padding:13px 21px 26px;box-shadow:0 20px 30px #10221a18}.nav-links.is-open{display:flex}.nav-links a:not(.button){display:block;padding:13px 0;font-size:1.04rem}.nav-links .button{margin-top:12px}.hero .container{padding-top:61px;padding-bottom:62px}.hero-grid{grid-template-columns:1fr}.hero h1{max-width:720px}.hero-art{min-height:520px;max-width:690px;width:100%;margin:0 auto}.hero-photo{inset:18px 40px 62px 0}.hero-orbit{right:8px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border:0}.stat:nth-child(-n+2){border-bottom:1px solid #d1d9c8}.stat:nth-child(3){padding-left:0}.intro-layout,.about-teaser,.service-detail-grid,.bio-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.section{padding:80px 0}.section-sm{padding:60px 0}.section-header{align-items:start;flex-direction:column;gap:8px}.section-header p{max-width:650px}.case-grid{grid-template-columns:1fr 1fr}.case-card:last-child{grid-column:span 2}.portfolio-grid{grid-template-columns:1fr 1fr}.portrait-card{max-width:600px}.footer-grid{gap:35px;grid-template-columns:1.2fr .9fr}.footer-grid>div:first-child{grid-column:span 2}.cta-band{padding:36px;grid-template-columns:1fr}.cta-band .button-row{justify-content:flex-start}.format-panel{grid-template-columns:repeat(3,1fr)}}
@media(max-width:580px){.container{width:calc(100% - 34px)}body{font-size:15.5px}.brand-name{font-size:1.42rem}.brand-caption{font-size:.45rem}.brand-icon{height:35px;width:35px}.hero h1{font-size:clamp(2.9rem,13vw,4.25rem);letter-spacing:-.067em}.hero .container{padding-top:46px}.hero-intro{font-size:1.02rem}.hero-art{min-height:410px}.hero-photo{inset:10px 19px 49px 0;border-top-left-radius:115px}.hero-orbit{width:102px;height:102px;right:-2px}.hero-orbit span{font-size:.49rem}.hero-caption{left:22px;right:32px;bottom:80px;font-size:1.4rem}.hero-sticker{width:195px;padding:13px 17px;right:2px;bottom:7px}.hero-sticker b{font-size:.95rem}.hero-sticker span{font-size:.71rem}.hero-note{margin-top:25px}.section{padding:66px 0}.section-sm{padding:49px 0}.eyebrow{font-size:.66rem;margin-bottom:18px}.section-header{margin-bottom:30px}.section-header h2{font-size:2.65rem}.stat{padding:20px 12px}.stat b{font-size:2.2rem}.stat span{font-size:.73rem}.step-line,.service-grid,.case-grid,.portfolio-grid{grid-template-columns:1fr}.case-card:last-child{grid-column:auto}.step-line{gap:12px}.service-card{min-height:280px;padding:27px}.service-card h3{font-size:1.85rem}.quote-zone{padding:58px 0}.quote-layout{grid-template-columns:1fr;gap:2px}.quote-mark{font-size:6.6rem;line-height:.65}.quote-zone blockquote{font-size:1.75rem}.portrait-card{min-height:320px}.portrait-monogram{font-size:10rem}.cta-band{padding:28px 23px;border-radius:18px}.cta-band h2{font-size:2.25rem}.page-hero .container{padding-top:66px;padding-bottom:70px}.page-hero h1{font-size:clamp(2.85rem,12.2vw,4.6rem)}.service-detail{padding:58px 0}.service-detail-grid{gap:13px}.format-panel{grid-template-columns:1fr}.case-highlight{grid-template-columns:1fr;padding:28px}.case-highlight .large-number{text-align:left}.timeline-item{grid-template-columns:1fr;gap:7px}.contact-panel{padding:26px}.contact-row{grid-template-columns:1fr;gap:4px}.footer{padding-top:55px}.footer-grid{grid-template-columns:1fr;gap:32px;padding-bottom:45px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}.button{width:auto}.button-row .button{flex:1;min-width:160px}.portfolio-card{padding:27px;min-height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}


/* Individual finishing touches */
.brand-icon img{display:block;width:33px;height:33px}
.portfolio-art{width:100%;height:154px;object-fit:cover;border-radius:14px;margin:0 0 24px}
.portfolio-focus{padding:14px 0 0;border-top:1px solid #e4e8e0;font-size:.84rem!important;color:#42584a!important;margin-top:auto}
.portfolio-card .portfolio-bottom{margin-top:10px}
.hero-photo{background:#22362b;border:1px solid #405c48}
.hero-photo img{object-position:center;filter:none}
.hero-caption{max-width:420px;text-shadow:0 3px 17px #0f231e}
.hero-photo::after{background:linear-gradient(180deg,transparent 37%,rgba(8,22,14,.93) 100%)}
.hero-sticker{transform:rotate(-3deg)}
.hero{background-color:#121d18;background-image:repeating-linear-gradient(178deg,transparent 0px,transparent 6px,rgba(161,111,64,.018) 7px,transparent 12px),linear-gradient(112deg,#101c18,#203025 80%,#171b15)}
.portfolio-card:target,.service-detail:target{scroll-margin-top:100px;box-shadow:inset 0 0 0 2px #8db915}
.legal-text a{text-decoration:underline;text-underline-offset:3px}
/* Brand accent cards: preserve warmth of the historic pencil-themed site */
.portrait-card{background-image:radial-gradient(ellipse at 70% 32%,#3b5135,#15221b 60%)}
.portrait-card .portrait-monogram{color:#c5ec47}
.case-highlight .large-number{color:#284127}
@media(max-width:580px){.portfolio-art{height:126px}.hero-caption{font-size:1.27rem}}

/* Fællesskabssymbol i den personlige hero */
.about-page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(185px,285px);align-items:center;gap:clamp(34px,5.5vw,90px)}
.about-page-hero .about-page-hero-copy h1{font-size:clamp(3.3rem,5.8vw,5.75rem);max-width:850px}
.about-page-hero-symbol{width:100%;max-width:285px;justify-self:end}
.about-page-hero-symbol img{display:block;width:100%;height:auto}
@media(max-width:850px){.about-page-hero-grid{grid-template-columns:minmax(0,1fr) 156px;gap:24px}.about-page-hero .about-page-hero-copy h1{font-size:clamp(2.8rem,6.4vw,4.2rem)}}
@media(max-width:620px){.about-page-hero-grid{grid-template-columns:1fr;gap:14px}.about-page-hero .about-page-hero-copy h1{font-size:clamp(2.8rem,10.8vw,4rem)}.about-page-hero-symbol{max-width:146px;justify-self:end;margin-top:-2px}.about-page-hero .container{padding-bottom:52px}}

/* Portræt – Om Thorbjørn */
.bio-portrait{margin:0 0 28px}
.bio-portrait img{display:block;width:100%;height:auto;border-radius:16px;background:#fff;object-fit:cover;box-shadow:0 9px 27px rgba(15,33,22,.09)}
.bio-portrait figcaption{padding:10px 2px 0;font-size:.78rem;letter-spacing:.035em;font-weight:700;color:#56685b}
@media(max-width:850px){.bio-aside{max-width:620px}.bio-portrait img{max-width:410px}}
@media(max-width:580px){.bio-portrait{margin-bottom:24px}.bio-portrait img{max-width:100%}}

/* Teachastic editorial revision 2026-11
   En roligere rytme: tekst, dokumenterede erfaringer og fotografi før dekoration. */
:root{--radius:12px;--shadow:0 12px 24px rgba(11,28,20,.08)}
h1,h2,h3,h4{text-wrap:balance}
h2{letter-spacing:-.04em}
.page-hero .container{padding-top:72px;padding-bottom:78px}
.page-hero h1{font-size:clamp(2.8rem,5.6vw,5.6rem);max-width:1030px}
.page-hero::after{display:none}
.hero{background:#12231a;background-image:none}
.hero .container{padding-top:80px;padding-bottom:75px}
.hero h1{max-width:730px;font-size:clamp(3.4rem,6.4vw,6.8rem)}
.hero-photo{border-radius:115px 8px 8px 8px;inset:15px 0 40px 24px}
.hero-photo::after{background:linear-gradient(180deg,transparent 55%,rgba(8,22,14,.75))}
.hero-caption{bottom:42px;left:36px;font-family:Georgia,serif;font-weight:400;line-height:1.25;max-width:310px;font-size:clamp(1.4rem,2.2vw,2.2rem);letter-spacing:-.02em}
.hero-orbit,.hero-sticker,.service-shape{display:none!important}
.service-grid{grid-template-columns:1fr;gap:0;border-top:1px solid #9cafa1}
.service-card,.service-card:nth-child(n){background:transparent;color:var(--ink);min-height:0;border-radius:0;box-shadow:none;border-bottom:1px solid #bbc9b9;display:grid;grid-template-columns:195px minmax(0,1fr);gap:36px;align-items:center;padding:27px 14px 30px 2px;transform:none}
.service-card:hover{transform:none;box-shadow:none;background:#e2e9dc!important}
.service-card .service-top{align-self:start;justify-content:flex-start;gap:9px;align-items:center}
.service-card .service-index{font-family:'DM Sans',sans-serif;color:#596d59;letter-spacing:.08em;font-size:.73rem}
.service-card h3{font-size:clamp(1.6rem,2.7vw,2.45rem);max-width:740px;margin:0 0 7px}
.service-card p{font-size:.95rem;max-width:680px;margin:0}
.service-card .card-arrow{border:0;margin-left:0;font-size:1rem;order:2;color:#52752a}
.section{padding:86px 0}.section-sm{padding:62px 0}
.section-header{gap:30px}
.case-grid{grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto;gap:14px}
.case-card{min-height:0;border-radius:9px}
.case-card:first-child{grid-row:span 2}
.case-card:first-child .case-visual{min-height:210px}
.case-card .case-visual{min-height:92px;padding:20px 25px}
.case-card .case-visual .decor{display:none}
.case-card .case-body{padding:24px 25px}
.case-card h3{font-size:1.55rem}
.case-card .case-footer{padding-top:12px}
.quote-zone{padding:65px 0;background:#e0edaf}
.quote-zone blockquote{font-family:Georgia,serif;font-weight:400;letter-spacing:-.015em;max-width:880px}
.quote-mark{font-family:Georgia,serif}
.portrait-card{background:#ebeee7;min-height:500px;border-radius:4px}
.portrait-card::before,.portrait-card::after{display:none}
.portrait-card .home-portrait{width:100%;height:500px;object-fit:cover;object-position:center 15%;filter:grayscale(1);mix-blend-mode:multiply}
.portrait-card .portrait-label{bottom:0;left:0;right:0;padding:34px 22px 20px;color:#fff;background:linear-gradient(0deg,rgba(14,28,21,.85),transparent);font-size:.8rem}
.portrait-card .portrait-label strong{color:#fff}
.portfolio-grid{grid-template-columns:1fr;gap:0;border-top:1px solid #c0cbc0}
.portfolio-card{border:0;border-bottom:1px solid #c0cbc0;border-radius:0;background:transparent;padding:28px 0;min-height:0;display:grid;grid-template-columns:minmax(200px,.42fr) minmax(0,1fr);column-gap:48px}
.portfolio-card .case-label{grid-column:1;grid-row:1/4;display:block;margin:0;padding-top:6px;color:#5e715f;max-width:220px;line-height:1.6}
.portfolio-card h3{grid-column:2;max-width:750px}
.portfolio-card p{grid-column:2;max-width:760px}
.portfolio-card .portfolio-bottom{grid-column:2;margin-top:8px}
.portfolio-card .portfolio-focus{grid-column:2}
.portfolio-art{display:none}
.case-highlight{border-radius:4px;background:#e1edaf}
.bio-aside{padding:0;background:transparent;border-radius:0}
.bio-aside h3{border-top:1px solid #b8c7b6;padding-top:21px}
.bio-portrait img{border-radius:4px;box-shadow:none}
.story-pull{padding:62px 0;background:#e2edb7}
.story-pull p{font-family:Georgia,serif;font-weight:400;letter-spacing:-.02em}
.timeline-item{grid-template-columns:125px minmax(0,1fr)}
.timeline-item h3{font-size:1.17rem}
.timeline-item .year{font-size:.9rem}
.cta-band{border-radius:6px;background:#e3ecce;padding:42px 48px}
.cta-band h2{font-size:clamp(2rem,3.4vw,3.5rem)}
.button{border-radius:5px;min-height:47px}
.tags span{border-radius:3px}
.eyebrow{letter-spacing:.09em}
.about-page-hero-grid{grid-template-columns:minmax(0,1fr) minmax(160px,240px)}
.about-page-hero .about-page-hero-copy h1{font-size:clamp(3rem,5.25vw,5.25rem)}
.about-page-hero-symbol{max-width:235px}
@media(max-width:850px){
.service-card,.service-card:nth-child(n){grid-template-columns:140px minmax(0,1fr);gap:22px}
.case-grid{grid-template-columns:1fr 1fr}
.case-card:first-child{grid-row:auto}
.case-card:last-child{grid-column:span 2}
.portfolio-card{grid-template-columns:170px 1fr;column-gap:20px}
.portrait-card .home-portrait{height:400px}
.portrait-card{min-height:400px}
}
@media(max-width:580px){
.hero .container{padding-top:49px;padding-bottom:49px}
.hero-photo{inset:9px 15px 34px 0;border-radius:88px 4px 4px 4px}
.hero-caption{left:24px;bottom:30px;font-size:1.4rem}
.service-card,.service-card:nth-child(n){grid-template-columns:1fr;padding:24px 3px;gap:8px}
.service-card .service-top{margin-bottom:0}
.case-grid{grid-template-columns:1fr}
.case-card:last-child{grid-column:auto}
.portfolio-card{display:block;padding:25px 0}
.portfolio-card .case-label{margin-bottom:13px}
.portfolio-card h3{font-size:1.65rem}
.portfolio-card p{font-size:.92rem}
.portrait-card,.portrait-card .home-portrait{min-height:0;height:360px}
.cta-band{padding:28px}
.about-page-hero-grid{grid-template-columns:1fr}
.about-page-hero-symbol{max-width:135px;justify-self:end}
}

/* Erfaringernes kontekst */
.context-list{border-top:1px solid #acbfac}
.context-list>div{display:grid;grid-template-columns:minmax(170px,.43fr) minmax(0,1fr);gap:22px;padding:21px 0;border-bottom:1px solid #c8d4c6}
.context-list h3{font-size:clamp(1.06rem,1.6vw,1.28rem);line-height:1.3;letter-spacing:-.035em;margin:0}
.context-list p{font-size:.94rem;line-height:1.7;color:#4d5d51;margin:0}
.context-section .intro-layout{grid-template-columns:.82fr 1.18fr;gap:70px}
.context-section h2{font-size:clamp(2.35rem,4.2vw,4.6rem)}
@media(max-width:850px){.context-section .intro-layout{grid-template-columns:1fr;gap:35px}}
@media(max-width:580px){.context-list>div{grid-template-columns:1fr;gap:7px;padding:20px 0}}

/* Redaktionel finpudsning · november 2026
   Læsehierarki og navigation, uden at ændre Teachastics visuelle identitet. */
.brand-caption{font-size:.58rem;letter-spacing:.14em}
.stats-grid .stat span{font-size:clamp(.82rem,1.1vw,.91rem);max-width:210px}
.eyebrow{font-size:.76rem}
.case-card .case-body .meta{font-size:.78rem;letter-spacing:.075em}
.filter-result{font-size:.88rem;color:#526253;margin:-12px 0 26px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.filter-btn{min-height:44px;border-radius:6px}
.filter-btn:focus-visible,.nav-links a:focus-visible,.button:focus-visible,.contact-row a:focus-visible{outline:3px solid #5574ce;outline-offset:4px}
.contact-row dd a:not(:hover){text-decoration-thickness:1px}
.hero-note{max-width:680px}
.service-detail p,.context-list p{max-width:72ch}
.page-hero p{max-width:66ch}
.bio-copy p{max-width:70ch}
@media(max-width:850px){
  .case-filter{gap:8px}
  .filter-btn{padding:10px 15px}
  .page-hero .container{padding-top:64px;padding-bottom:70px}
}
@media(max-width:580px){
  .hero h1{font-size:clamp(2.72rem,11vw,4rem)}
  .brand-caption{font-size:.53rem}
  .stats-grid .stat span{font-size:.81rem;line-height:1.4}
  .page-hero h1{overflow-wrap:normal;hyphens:auto}
  .case-filter{display:grid;grid-template-columns:1fr 1fr}
  .filter-btn{padding:10px 9px;font-size:.81rem}
  .filter-result{margin:0 0 18px}
}

/* Kontrast på den lille brandtekst i den lyse navigation */
.site-header .brand-name .accent{color:#5a7c07}
.brand-caption{font-size:.67rem}
@media(max-width:580px){.brand-caption{font-size:.60rem}}

/* Teachastic: meningsfulde illustrationer og case-piktogrammer 2026-11-04 */
.hero-art{min-height:550px;display:flex;align-items:center}
.hero-photo{position:relative;inset:auto;width:100%;height:520px;max-height:calc(100% - 10px);border-radius:68px 10px 10px 10px;background:#d6e0d1}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 39%;filter:none}
.hero-photo::after{background:linear-gradient(180deg,transparent 48%,rgba(11,29,21,.94) 100%)}
.hero-caption{left:32px;right:25px;bottom:27px;max-width:340px;font-size:clamp(1.4rem,2.1vw,1.9rem);text-shadow:none;line-height:1.2}
.case-card .case-body{position:relative}
.case-card .case-icon{display:block;object-fit:contain;pointer-events:none;flex-shrink:0}
.case-card:first-child .case-icon{width:min(52%,224px);height:auto;align-self:flex-end;margin:auto 0 22px;opacity:.98}
.case-card:not(:first-child) .case-icon{width:108px;height:108px;align-self:flex-end;margin:12px 0 2px;opacity:.94}
.case-card:not(:first-child) .case-body>p{max-width:65ch}
.case-card .case-icon + .case-footer{margin-top:auto}
@media(max-width:1024px){
 .hero-art{min-height:490px}
 .hero-photo{height:455px}
 .case-card:not(:first-child) .case-icon{width:84px;height:84px}
}
@media(max-width:850px){
 .hero-art{min-height:450px;max-width:700px;width:100%}
 .hero-photo{height:430px;border-radius:64px 9px 9px 9px}
 .case-card:first-child .case-icon{width:132px;margin:18px 0 15px}
 .case-card:not(:first-child) .case-icon{width:90px;height:90px}
}
@media(max-width:580px){
 .hero-art{min-height:360px}
 .hero-photo{height:345px;border-radius:55px 8px 8px 8px}
 .hero-caption{font-size:1.3rem;left:19px;right:16px;bottom:20px;max-width:310px}
 .case-card:first-child .case-icon{width:124px;margin:16px 0 13px}
 .case-card:not(:first-child) .case-icon{width:90px;height:90px;margin:8px 0}
}

/* Forside: ægte workshopfoto, fri billedflade og kontrolleret beskæring */
.hero .hero-art{min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center}
.hero .hero-photo{position:relative;inset:auto;display:block;width:100%;height:490px;max-height:none;margin:0;overflow:hidden;border-radius:105px 8px 8px 8px;border:0;background:#d6ddd3}
.hero .hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:63% center;filter:saturate(.91) contrast(1.02)}
.hero .hero-photo::after{content:none}
.hero .hero-afterword{margin:19px 0 0;font-family:Georgia,serif;font-weight:400;font-size:clamp(1.18rem,1.6vw,1.65rem);line-height:1.4;color:#e8eee8;letter-spacing:-.01em}
.hero .hero-photo-credit{margin:9px 0 0;font-size:.68rem;letter-spacing:.015em;line-height:1.45;color:#abbeb0}
@media(max-width:1024px){
 .hero .hero-photo{height:415px;border-top-left-radius:90px}
}
@media(max-width:850px){
 .hero .hero-art{width:100%;max-width:680px;margin:14px auto 0}
 .hero .hero-photo{height:410px;border-top-left-radius:85px}
}
@media(max-width:580px){
 .hero .hero-art{min-height:0;margin:9px 0 0}
 .hero .hero-photo{height:320px;border-radius:58px 7px 7px 7px}
 .hero .hero-photo img{object-position:64% center}
 .hero .hero-afterword{font-size:1.16rem;margin-top:14px}
 .hero .hero-photo-credit{font-size:.66rem}
}

/* Piktogrammer på casesiden – placeret i det bevidste venstrefelt */
.portfolio-card .case-aside{grid-column:1;grid-row:1 / span 7;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.portfolio-card .case-aside .case-label{grid-column:auto;grid-row:auto;max-width:215px;margin:0;padding-top:6px;line-height:1.6}
.portfolio-card .case-aside-icon{width:122px;height:122px;display:block;object-fit:contain;margin:29px 0 6px;opacity:.92}
@media(max-width:850px){
 .portfolio-card .case-aside-icon{width:108px;height:108px;margin-top:22px}
}
@media(max-width:580px){
 .portfolio-card .case-aside{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px}
 .portfolio-card .case-aside .case-label{margin:0 0 14px}
 .portfolio-card .case-aside-icon{width:62px;height:62px;flex:none;margin:0 0 10px}
}

/* Det valgte workshopmotiv fra den tidligere designvisning */
.hero .hero-photo img{object-position:55% 44%;filter:none}
.hero .hero-photo{background:#20382e}
.hero .hero-afterword{margin:15px 0 0;max-width:480px}
@media(max-width:580px){.hero .hero-photo img{object-position:55% 45%}}

/* Komplet workshopmotiv: naturlige proportioner uden zoom eller beskæring */
.hero .hero-art{min-height:0;display:flex;justify-content:center;align-items:center;max-width:100%;margin:0}
.hero .hero-photo{position:relative;inset:auto;display:block;width:100%;height:auto;max-height:none;aspect-ratio:929 / 497;overflow:hidden;border:0;border-radius:8px;background:transparent;margin:0}
.hero .hero-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;max-height:none}
.hero .hero-photo::after{content:none;display:none}
@media(max-width:850px){.hero .hero-art{width:100%;max-width:700px;margin:10px auto 0}.hero .hero-photo{height:auto;aspect-ratio:929 / 497;border-radius:8px}}
@media(max-width:580px){.hero .hero-art{min-height:0;margin:8px auto 0}.hero .hero-photo{height:auto;aspect-ratio:929 / 497;border-radius:6px}.hero .hero-photo img{object-position:center;object-fit:contain}}

/* Vis hele workshopmotivet uden indbygget beskæring – 2026-11-04 */
.hero .hero-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:38px;align-items:center}
.hero .hero-art{position:relative;inset:auto;width:100%;max-width:none;min-height:0;height:auto;display:flex;justify-content:center;align-items:center;margin:0}
.hero .hero-photo{position:relative;inset:auto;display:block;margin:0;width:100%;height:auto;max-height:none;aspect-ratio:1400 / 933;overflow:hidden;border:0;border-radius:9px;background:#26382f}
.hero .hero-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;filter:none;max-height:none}
.hero .hero-photo::after{content:none;display:none}
@media(max-width:850px){.hero .hero-grid{grid-template-columns:1fr;gap:25px}.hero .hero-art{width:100%;max-width:690px;margin:0 auto}.hero .hero-photo{height:auto;aspect-ratio:1400 / 933;border-radius:8px}}
@media(max-width:580px){.hero .hero-grid{grid-template-columns:1fr;gap:19px}.hero .hero-art{width:100%;min-height:0;margin:0 auto}.hero .hero-photo{height:auto;aspect-ratio:1400 / 933;border-radius:7px}.hero .hero-photo img{object-fit:contain;object-position:center}}