:root{--io-orange:#ff9600;--io-grad:linear-gradient(135deg,#ff9600,#ffd200);--g2:#b1ae9e;--g3:#767968;--g4:#3c4028;--disp:'Poppins','Segoe UI',Arial,sans-serif;--sec:'Segoe UI',Tahoma,Arial,sans-serif;--sw:280px}*{box-sizing:border-box}html,body{margin:0;font-family:var(--sec);color:#3c4028;background:#fff}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--disp);text-transform:uppercase;letter-spacing:.02em;color:#3c4028;line-height:1.15}h1{font-size:2.4rem;margin:0 0 .6em}h2{font-size:1.5rem;margin:1.6em 0 .5em}h3{font-size:1.05rem;margin:1.3em 0 .4em}p,.desc{line-height:1.65;margin:0 0 1em}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sw);flex-shrink:0;border-right:1px solid #ece9e2}.sidebar__logo{padding:28px 24px;background:#eeece7}.logo-fallback{font-family:var(--disp);font-size:1.9rem;line-height:.95;color:var(--io-orange);font-weight:700}.logo-fallback span{display:block;font-size:1.4rem;color:#3c4028}.nav{list-style:none;margin:0;padding:8px 0}.nav>li{border-bottom:1px solid #f1efe9}.nav a.nav__link{display:block;padding:14px 24px;font-weight:600;font-size:.95rem}.nav a.nav__link:hover{background:#faf9f6}.nav a.nav__link.active{color:var(--io-orange)}.nav__children{list-style:none;margin:0;padding:0 0 10px}.nav__children a{display:block;padding:8px 24px 8px 40px;font-size:.88rem;color:var(--g3)}.nav__children a:hover,.nav__children a.active{color:var(--io-orange)}.nav__children a.active{font-weight:600}.sidebar__footer{padding:18px 24px;font-size:.75rem;color:var(--g2)}.main{flex:1;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 48px}.topbar__title{font-size:1.1rem;color:var(--g2);font-weight:600}.topbar__user{font-size:.85rem;font-weight:700}.hero{position:relative;min-height:300px;background:var(--io-grad);display:flex;flex-direction:column;justify-content:flex-end;padding:40px 48px;color:#fff}.hero h1{color:#fff;font-size:3rem;text-shadow:0 2px 12px rgba(0,0,0,.25)}.hero p{color:#fff;font-size:1.1rem}.content{max-width:900px;padding:32px 48px 80px}.block{margin-bottom:4px}.eyebrow{font-family:var(--disp);font-size:.8rem;letter-spacing:.08em;color:var(--io-orange);margin-bottom:.3em;display:block}.imgs{display:flex;flex-wrap:wrap;gap:16px;margin:1.2em 0}.imgs img{max-width:100%;border-radius:8px;border:1px solid #ece9e2;background:#faf9f6}.desc img{max-width:100%;height:auto;border-radius:8px}.swatch-row{display:flex;flex-wrap:wrap;gap:16px;margin:1em 0 1.6em}.swatch{width:150px;border-radius:8px;overflow:hidden;border:1px solid #ece9e2;font-size:.75rem}.swatch__color{height:90px}.swatch__meta{padding:8px 10px}.swatch__meta strong{display:block;font-family:monospace;font-size:.85rem}@media(max-width:860px){.layout{flex-direction:column}.sidebar{width:100%}}