.otk-sub26 { --s-ink:#22211f; --s-muted:#706d67; --s-gold:#b8893d; --s-line:#e5e2dc; --s-smoke:#f2f3f3; background:#fff; color:var(--s-ink); font-family:"Poppins",Arial,sans-serif; overflow:hidden; }
.otk-sub26 * { box-sizing:border-box; }
.otk-sub26__container { width:min(1460px,calc(100% - 48px)); margin:0 auto; }
.otk-sub26 h1,.otk-sub26 h2 { margin:0; font-family:Georgia,"Times New Roman",serif; font-weight:500; line-height:1.08; }
.otk-sub26 h1 { max-width:800px; font-size:clamp(48px,5.4vw,82px); }
.otk-sub26 h2 { font-size:clamp(35px,3.6vw,54px); }
.otk-sub26__eyebrow { display:block; margin-bottom:13px; color:var(--s-gold); font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.otk-sub26__crumbs { display:flex; gap:9px; margin-bottom:34px; color:var(--s-muted); font-size:12px; }
.otk-sub26__crumbs a { color:inherit; text-decoration:none; }
.otk-sub26__hero { padding:38px 0 82px; background:linear-gradient(135deg,#f7f6f3 0%,#eef0f0 55%,#f7f4ef 100%); }
.otk-sub26__hero-grid { display:grid; grid-template-columns:1fr .9fr; gap:70px; align-items:center; }
.otk-sub26__hero p { max-width:700px; margin:25px 0 30px; color:#5d5a55; font-size:18px; line-height:1.75; }
.otk-sub26__hero figure { position:relative; aspect-ratio:1.38; margin:0; overflow:hidden; border-radius:24px; background:#e6e5e1; box-shadow:0 24px 60px rgba(31,31,29,.13); }
.otk-sub26__hero figure img { width:100%; height:100%; object-fit:cover; display:block; }
.otk-sub26__hero figcaption { position:absolute; right:18px; bottom:18px; padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.88); color:#5d5953; font-size:10px; font-weight:700; text-transform:uppercase; }
.otk-sub26__actions { display:flex; flex-wrap:wrap; gap:12px; }
.otk-sub26__button { min-height:57px; min-width:170px; display:inline-flex; align-items:center; justify-content:center; flex-direction:column; padding:12px 22px; border:1px solid #d9d5ce; border-radius:9px; background:#fff; color:var(--s-ink); font-size:13px; font-weight:700; text-align:center; text-decoration:none; }
.otk-sub26__button--gold { min-width:220px; border-color:var(--s-gold); background:linear-gradient(135deg,#c99b4d,#aa7730); color:#fff; }
.otk-sub26__button small { display:block; margin-top:2px; font-size:10px; font-weight:500; opacity:.82; }
.otk-sub26__models,.otk-sub26__projects,.otk-sub26__seo { padding:96px 0; }
.otk-sub26__heading { max-width:850px; margin-bottom:44px; }
.otk-sub26__heading > p { color:var(--s-muted); line-height:1.75; }
.otk-sub26__heading--row { max-width:none; display:flex; align-items:end; justify-content:space-between; gap:30px; }
.otk-sub26__heading--row > a { color:var(--s-gold); font-weight:700; text-decoration:none; }
.otk-sub26__model-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:15px; }
.otk-sub26__model-grid > a { padding:11px 11px 19px; border:1px solid var(--s-line); border-radius:17px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 10px 30px rgba(30,30,28,.045); }
.otk-sub26__model-grid > a > span { aspect-ratio:1.15; display:block; overflow:hidden; border-radius:12px; background:#eee; }
.otk-sub26__model-grid img { width:100%; height:100%; object-fit:cover; display:block; }
.otk-sub26__model-grid strong,.otk-sub26__model-grid small { display:block; }
.otk-sub26__model-grid strong { margin:15px 5px 6px; font-size:14px; }
.otk-sub26__model-grid small { margin:0 5px; color:var(--s-gold); font-weight:650; }
.otk-sub26__guide { padding:92px 0; background:var(--s-smoke); }
.otk-sub26__guide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }
.otk-sub26__guide-grid article { padding:34px; border:1px solid #dedbd5; border-radius:18px; background:rgba(255,255,255,.75); }
.otk-sub26__guide-grid i { color:var(--s-gold); font-family:Georgia,serif; font-size:30px; font-style:normal; }
.otk-sub26__guide-grid h3 { margin:45px 0 11px; font-size:20px; }
.otk-sub26__guide-grid p { margin:0; color:var(--s-muted); line-height:1.7; }
.otk-sub26__project-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.otk-sub26__project-grid--sparse { grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),420px)); }
.otk-sub26__project { overflow:hidden; border:1px solid var(--s-line); border-radius:18px; background:#fff; box-shadow:0 12px 30px rgba(30,30,28,.045); }
.otk-sub26__project a { color:inherit; text-decoration:none; }
.otk-sub26__project-image { aspect-ratio:1.35; display:block; overflow:hidden; background:#eee; }
.otk-sub26__project-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.otk-sub26__project:hover img { transform:scale(1.025); }
.otk-sub26__project-copy { display:block; padding:20px; }
.otk-sub26__project-copy small,.otk-sub26__project-copy strong,.otk-sub26__project-copy span { display:block; }
.otk-sub26__project-copy small { color:var(--s-gold); font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.otk-sub26__project-copy strong { min-height:48px; margin:8px 0 10px; font-size:16px; }
.otk-sub26__project-copy span { color:#77736c; font-size:12px; }
.otk-sub26__anatomy { padding:96px 0; background:#fff; }
.otk-sub26__anatomy-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.otk-sub26__anatomy-grid article { padding:30px; border:1px solid var(--s-line); border-radius:18px; background:linear-gradient(145deg,#fff,#f5f4f1); box-shadow:0 12px 30px rgba(30,30,28,.04); }
.otk-sub26__anatomy-grid i { display:block; margin-bottom:32px; color:var(--s-gold); font-family:Georgia,serif; font-size:28px; font-style:normal; }
.otk-sub26__anatomy-grid h3 { margin:0 0 10px; font-size:20px; }
.otk-sub26__anatomy-grid p { margin:0; color:var(--s-muted); line-height:1.75; }
.otk-sub26__seo { background:linear-gradient(135deg,#f1f1ef,#f8f6f2); }
.otk-sub26__seo-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; }
.otk-sub26__seo-grid > div:last-child { padding-left:46px; border-left:1px solid #dedad3; }
.otk-sub26__seo p { margin:0 0 20px; color:#615e58; font-size:17px; line-height:1.85; }
.otk-sub26__faq { padding:98px 0; }
.otk-sub26__faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }
.otk-sub26__faq details { padding:22px 0; border-bottom:1px solid var(--s-line); }
.otk-sub26__faq summary { cursor:pointer; font-weight:700; list-style:none; }
.otk-sub26__faq summary::after { content:"+"; float:right; color:var(--s-gold); font-size:22px; }
.otk-sub26__faq details[open] summary::after { content:"−"; }
.otk-sub26__faq details p { color:var(--s-muted); line-height:1.75; }
.otk-sub26__final { padding:70px 0; background:linear-gradient(135deg,#e8e9e8,#f7f4ef); }
.otk-sub26__final-inner { display:flex; align-items:center; justify-content:space-between; gap:50px; }
.otk-sub26__final h2 { max-width:820px; }
.otk-sub26__final p { color:var(--s-muted); }

@media(max-width:1100px){.otk-sub26__hero-grid,.otk-sub26__seo-grid,.otk-sub26__faq-grid{grid-template-columns:1fr;gap:45px}.otk-sub26__model-grid{grid-template-columns:repeat(3,1fr)}.otk-sub26__anatomy-grid{grid-template-columns:repeat(2,1fr)}.otk-sub26__seo-grid>div:last-child{padding:0;border:0}.otk-sub26__final-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.otk-sub26__container{width:min(100% - 28px,1460px)}.otk-sub26 h1{font-size:43px}.otk-sub26 h2{font-size:34px}.otk-sub26__hero{padding:24px 0 58px}.otk-sub26__hero p{font-size:16px}.otk-sub26__button{width:100%}.otk-sub26__models,.otk-sub26__projects,.otk-sub26__anatomy,.otk-sub26__seo,.otk-sub26__faq{padding:68px 0}.otk-sub26__model-grid{display:flex;overflow-x:auto}.otk-sub26__model-grid>a{min-width:210px}.otk-sub26__guide-grid,.otk-sub26__project-grid,.otk-sub26__anatomy-grid{grid-template-columns:1fr}.otk-sub26__heading--row{align-items:flex-start;flex-direction:column}}