:root{--bg:#f4f1ea;--ink:#171715;--muted:#6a6862;--line:#bdb9af;--accent:#b24f38;--light:#fcfcfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}.shell{width:min(100%,1440px);margin-inline:auto;padding-inline:24px}.site-header,.contact,.site-footer{background:var(--ink);color:var(--bg)}.site-header{padding:20px 0}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:22px;line-height:26px;font-weight:500;color:inherit;text-decoration:none}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px}.nav a{color:inherit;font-size:11px;text-decoration:none}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;padding-block:72px}.hero__copy{max-width:680px}.hero h1,.section h2,.contact h2{margin:0;font-size:clamp(38px,4vw,56px);line-height:1.04;font-weight:500;letter-spacing:-.04em}.hero p,.about p{max-width:620px;margin:24px 0 0;color:var(--muted);font-size:18px;line-height:1.45}.portrait{display:block;width:300px;height:259px;object-fit:cover;object-position:center top}.section{padding-block:64px}.rule{height:1px;background:var(--line);margin-bottom:24px}.service-grid,.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.service-grid article{min-height:114px;padding:16px;border:1px solid var(--line)}.service-grid h3{margin:0;font-size:26px;line-height:1.15;font-weight:500}.service-grid p,.case small{display:block;margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.4}.case{display:block;padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}.case__visual{height:340px;display:grid;gap:12px;padding:26px;background:rgba(178,79,56,.14);overflow:hidden}.eco-preview{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.eco-preview img{width:100%;height:100%;object-fit:cover;border:2px solid var(--bg)}.workbook-preview{grid-template-columns:repeat(2,1fr);place-items:center;background:#e5f0f0}.sheet{width:85%;height:78%;padding:17px 15px;border-radius:10px;background:var(--light);box-shadow:0 3px 8px rgba(0,0,0,.11)}.sheet b{display:block;color:var(--accent);font-size:7px}.sheet em{display:block;margin-top:15px;font-size:13px;font-style:normal;font-weight:700;line-height:1.1}.sheet i{display:block;height:30px;margin-top:10px;border-radius:5px;background:#e5f0f0}.sheet i:last-child{background:#f5d6c7}.social-preview{grid-template-columns:repeat(2,1fr);place-items:center}.social-preview img{width:100%;max-height:100%;object-fit:cover;border:2px solid var(--bg)}.eyebrow{display:block;margin-top:16px;color:var(--accent);font-size:11px;font-weight:500}.case strong{display:block;margin-top:12px;font-size:28px;line-height:1.1;font-weight:500}.about{display:flex;justify-content:flex-start}.about>div{max-width:780px}.contact{padding-block:64px}.contact__links{display:grid;gap:4px;margin-top:22px}.contact__links a,.contact__links button{width:max-content;padding:0;border:0;background:none;color:inherit;font:400 17px/25px inherit;text-decoration:none;cursor:pointer}.site-footer{padding-block:18px;font-size:12px;font-weight:500}.toast{position:fixed;z-index:3;left:50%;bottom:24px;transform:translate(-50%,20px);padding:20px 28px;border-radius:16px;background:var(--ink);color:var(--bg);opacity:0;transition:.2s;pointer-events:none}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.modal{width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:50px 24px 32px;border:0;border-radius:20px;background:var(--bg)}.modal::backdrop{background:rgba(23,23,21,.84)}.modal__close{position:fixed;top:32px;right:32px;width:40px;height:40px;border:0;border-radius:50%;background:var(--bg);font-size:30px;cursor:pointer}.modal__content{display:grid;gap:20px}.modal__content img{display:block;width:min(100%,720px);margin:auto}.modal__paper{min-height:680px;padding:46px;border-radius:12px;background:var(--light);box-shadow:0 4px 16px rgba(0,0,0,.12)}.modal__paper h3{margin:0;color:var(--accent);font-size:13px}.modal__paper p{max-width:520px;margin-top:30px;font-size:28px;line-height:1.15}@media(max-width:767px){.shell{padding-inline:18px}.header__inner{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.hero{padding-block:48px;flex-direction:column}.portrait{width:min(300px,100%);height:auto;aspect-ratio:300/259}.section,.contact{padding-block:48px}.service-grid,.case-grid{grid-template-columns:1fr}.case__visual{height:280px}.case strong{font-size:25px}.modal{padding-inline:16px}.modal__close{top:16px;right:16px}}