@font-face{font-family:'Bricolage Grotesque';font-weight:200 800;font-display:swap;src:url(/assets/BricolageGrotesque.ttf) format('truetype')}

.fr{--bg:#FBF1EC;--ink:#2A1710;--sec:#6B4A3E;--acc:#B8431F;--hero:#C84A25;--heroInk:#FFFFFF;--soft:#F3DFD5;--line:rgba(42,23,16,.14);--btn:#C84A25;--btnInk:#FFFFFF;container-type:inline-size;background:var(--bg);color:var(--ink);font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:18px;line-height:1.5;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 20px 40px -20px rgba(0,0,0,.3)}
.fr.dk{--bg:#1E1310;--ink:#F8EAE3;--sec:#CBB2A7;--acc:#FF8F68;--hero:#E4623C;--heroInk:#1E1310;--soft:#2E1F1A;--line:rgba(248,234,227,.18);--btn:#E4623C;--btnInk:#1E1310}
@media (prefers-color-scheme:dark){.fr:not(.lt){--bg:#1E1310;--ink:#F8EAE3;--sec:#CBB2A7;--acc:#FF8F68;--hero:#E4623C;--heroInk:#1E1310;--soft:#2E1F1A;--line:rgba(248,234,227,.18);--btn:#E4623C;--btnInk:#1E1310}}
.fr *{box-sizing:border-box}.fr a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}.fr a:hover{text-decoration-thickness:2px}
.fr h1,.fr h2,.fr h3,.fr p{margin:0}
.wrap{max-width:1152px;margin:0 auto;padding:0 20px}
.nav{display:flex;justify-content:space-between;align-items:center;min-height:64px}
.nav .brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:22px;color:var(--ink);text-decoration:none}
.nav .brand img{width:36px;height:36px;border-radius:22%}
.nav a.l{min-height:44px;display:inline-flex;align-items:center;font-weight:600;font-size:17px;color:var(--ink)}
.hero{margin:8px 12px 0;border-radius:32px;background:var(--hero);color:var(--heroInk);overflow:hidden;box-shadow:0 24px 40px -18px rgba(150,50,20,.55),0 4px 10px rgba(150,50,20,.2);display:grid;grid-template-columns:1fr;gap:8px;padding:28px 22px 0}
.hero .id{display:flex;gap:14px;align-items:center;font-weight:800;font-size:28px}
.hero .id img{width:64px;height:64px;border-radius:22%;box-shadow:0 8px 16px -6px rgba(80,20,5,.5)}
.hero h1{font-size:44px;line-height:1.02;letter-spacing:-.03em;font-weight:800;margin:20px 0 14px}
.hero .lead{font-size:19px;line-height:1.4;font-weight:500;max-width:34em}
.badge{width:168px;height:56px;border:2px dashed currentColor;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.14em;font-size:15px;margin-top:24px}
.hero .vis{position:relative;display:flex;justify-content:center;gap:14px;align-items:flex-end;margin:28px -4px 0;height:300px;overflow:hidden}
.hero .vis .stork{position:absolute;left:-6px;bottom:0;width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(80,20,5,.3));z-index:2}
.ph{width:148px;flex:none;aspect-ratio:1206/2622;border:7px solid #1B100C;border-radius:30px;background:var(--soft);overflow:hidden;box-shadow:0 18px 30px -12px rgba(60,15,5,.5);margin-bottom:-120px}
.ph.b{margin-bottom:-170px}
.shot{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:10px;color:var(--ink);font-weight:700;font-size:11px;letter-spacing:.06em;background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(120,70,50,.09) 14px 28px)}
.shot span{font-weight:500;letter-spacing:0;color:var(--sec)}
.sec{display:grid;grid-template-columns:1fr;gap:24px;padding:48px 0;border-top:1px solid var(--line)}
.sec h2{font-size:32px;line-height:1.08;letter-spacing:-.02em;font-weight:800}
.rows>*{border-top:1px solid var(--line);padding:16px 0}.rows>*:first-child{border-top:0;padding-top:0}
.stat{display:flex;gap:20px;align-items:baseline}.stat b{font-size:48px;line-height:1;font-weight:800;min-width:92px;letter-spacing:-.03em}.stat span{font-size:20px}
.giant{font-size:168px;line-height:.85;font-weight:800;letter-spacing:-.07em;color:var(--acc)}
.giantc{font-size:20px;font-weight:600;margin-top:14px;max-width:11em}
.note{color:var(--sec);font-size:17px}
.cards{display:grid;grid-template-columns:1fr;gap:0}.cards>div{border-top:1px solid var(--line);padding:18px 0}.cards b{font-size:24px;font-weight:800;display:block}
.themes{display:grid;grid-template-columns:1fr;gap:0 32px}.themes>div{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding:12px 0;font-size:20px;font-weight:700;line-height:1.2}.themes img{width:84px;height:84px;object-fit:contain;flex:none}
.exam{display:grid;grid-template-columns:1fr;gap:20px;align-items:center}.exam img{width:200px;height:200px;object-fit:contain}
.nests{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.nests div{text-align:center;font-weight:700;font-size:17px;color:var(--sec)}.nests img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block}
.zero{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.zero div{border-top:1px solid var(--line);padding:16px 0;font-size:24px;font-weight:800;line-height:1.15}
.pro{display:grid;grid-template-columns:1fr;gap:20px;align-items:center}.pro img{width:200px;height:200px;object-fit:contain}
.callout{margin:0 0 48px;padding:24px;border-radius:24px;background:var(--soft);font-size:19px;line-height:1.45;font-weight:600}
.foot{border-top:1px solid var(--line);padding:28px 0 40px;display:flex;flex-direction:column;gap:16px;font-size:16px;color:var(--sec)}.foot nav{display:flex;flex-wrap:wrap;gap:0 24px}.foot nav a{min-height:44px;display:inline-flex;align-items:center;font-weight:600;font-size:17px}
.tb{margin:8px 12px 0;border-radius:32px;background:var(--hero);color:var(--heroInk);padding:36px 24px 32px;box-shadow:0 24px 40px -18px rgba(150,50,20,.55),0 4px 10px rgba(150,50,20,.2)}.tb h1{font-size:44px;line-height:1.02;letter-spacing:-.03em;font-weight:800}.tb p{font-size:18px;font-weight:600;margin-top:12px}
.doc{padding:40px 0 24px;max-width:720px}.doc h2{font-size:24px;font-weight:800;margin:32px 0 6px;letter-spacing:-.01em}.doc h2:first-child{margin-top:0}.doc p{font-size:19px;line-height:1.55}
.faq>div{border-top:1px solid var(--line);padding:22px 0}.faq h2{font-size:24px;line-height:1.2;font-weight:800;margin-bottom:6px;letter-spacing:-.01em}.faq p{font-size:19px;line-height:1.55}
@container (min-width:860px){
.wrap{padding:0 64px}.nav{min-height:84px}
.hero{margin:8px 24px 0;border-radius:32px;grid-template-columns:1.05fr .95fr;gap:24px;padding:56px 64px 0}
.hero h1{font-size:76px;margin:32px 0 20px}.hero .lead{font-size:22px}.hero .id{font-size:32px}.hero .id img{width:80px;height:80px}
.hero .txt{padding-bottom:64px}
.hero .vis{height:640px;margin:0;gap:20px;justify-content:flex-end}.hero .vis .stork{width:210px;height:210px;left:0}
.ph{width:250px;border-width:10px;border-radius:44px;margin-bottom:-170px}.ph.b{margin-bottom:-260px}
.shot{font-size:14px}
.sec{grid-template-columns:320px 1fr;gap:64px;padding:80px 0}.sec h2{font-size:44px}
.stat b{font-size:72px;min-width:150px}.stat span{font-size:24px}
.giant{font-size:320px}.giantc{font-size:24px}
.cards{grid-template-columns:repeat(3,1fr);gap:0 32px}.cards b{font-size:28px}
.themes{grid-template-columns:repeat(2,1fr)}
.exam{grid-template-columns:260px 1fr;gap:48px}.exam img{width:260px;height:260px}
.nests{grid-template-columns:repeat(4,1fr);gap:20px}
.zero div{font-size:32px}
.pro{grid-template-columns:240px 1fr;gap:48px}.pro img{width:240px;height:240px}
.callout{font-size:22px;padding:32px 40px}
.foot{flex-direction:row;justify-content:space-between;align-items:center}
.tb{margin:8px 24px 0;padding:72px 64px 56px}.tb h1{font-size:84px}.tb p{font-size:22px}
.doc{padding:72px 0 48px}.doc h2{font-size:28px}.doc p,.faq p{font-size:20px}.faq h2{font-size:28px}
}
html,body{margin:0;background:#FBF1EC}@media (prefers-color-scheme:dark){html,body{background:#1E1310}}.fr{min-height:100vh;box-shadow:none;overflow-x:hidden}img{max-width:100%}
