.design-mode-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 28px}
.design-mode-choice .design-mode{display:grid;gap:5px;min-height:116px;padding:18px 20px;border:1px solid #cbdced;border-radius:16px;background:#fff;color:#173456;text-decoration:none;box-shadow:0 8px 22px rgba(23,52,86,.04);transition:border-color .18s,transform .18s,box-shadow .18s}
.design-mode-choice .design-mode:hover{transform:translateY(-2px);border-color:#2a639e;box-shadow:0 12px 28px rgba(23,52,86,.11)}
.design-mode-choice .design-mode:focus-visible{outline:3px solid #69a7e1;outline-offset:3px}
.design-mode-choice .design-mode.active{border-color:#2a639e;background:#ecf4fc;box-shadow:inset 0 0 0 1px #2a639e}
.wardrobe-studio .design-mode-choice a.design-mode.active,.kitchen-studio .design-mode-choice a.design-mode.active{background:#245d98;color:#fff;border-color:#245d98}
.wardrobe-studio .design-mode-choice a.design-mode.active span,.wardrobe-studio .design-mode-choice a.design-mode.active small,.kitchen-studio .design-mode-choice a.design-mode.active span,.kitchen-studio .design-mode-choice a.design-mode.active small{color:#e8f2ff}
.design-mode-choice .design-mode span{font-size:11px;letter-spacing:.11em;font-weight:800;color:#477098}
.design-mode-choice .design-mode strong{font-size:clamp(17px,1.7vw,22px);line-height:1.2}
.design-mode-choice .design-mode small{font-size:13px;color:#5a6e83;line-height:1.45}
@media(max-width:680px){.design-mode-choice{grid-template-columns:1fr;gap:8px;margin-bottom:20px}.design-mode-choice .design-mode{min-height:0;padding:14px 16px}}
.design-landing{margin:0;background:#f5f8fc;color:#173456;font-family:Arial,Helvetica,sans-serif}
.design-landing #designLanding{max-width:1320px;margin:auto;padding:62px clamp(20px,5vw,72px) 80px}
.design-landing .design-intro{text-align:center;max-width:850px;margin:0 auto 42px}
.design-landing .design-kicker{font-size:12px;font-weight:800;letter-spacing:.19em;color:#2b649b}
.design-landing .design-intro h1{font-size:clamp(34px,4.6vw,62px);line-height:1.07;letter-spacing:-.045em;margin:17px 0 16px;color:#173456}
.design-landing .design-intro p{font-size:clamp(15px,1.5vw,18px);line-height:1.65;color:#516783;margin:0}
.design-landing .design-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.design-landing .design-category{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d5e2f0;border-radius:18px;background:#fff;color:#173456;text-decoration:none;box-shadow:0 12px 26px rgba(23,52,86,.06);transition:transform .18s,border-color .18s,box-shadow .18s}
.design-landing .design-category:hover{transform:translateY(-4px);border-color:#2a639e;box-shadow:0 20px 34px rgba(23,52,86,.13)}
.design-landing .design-category:focus-visible{outline:3px solid #2674c7;outline-offset:3px}
.design-landing .design-category img{display:block;width:100%;height:225px;object-fit:cover;background:#dce7ef}
.design-landing .design-category-featured{border-color:#8aaccf;box-shadow:0 18px 38px rgba(23,52,86,.16)}
.design-landing .design-category-featured:hover{border-color:#245d98;box-shadow:0 22px 42px rgba(23,52,86,.23)}
.design-landing .design-media{position:relative;display:block;overflow:hidden;height:225px;background:#173456}
.design-landing .design-media img{height:100%;object-position:center 45%;transition:transform .25s}
.design-landing .design-category-featured:hover .design-media img{transform:scale(1.04)}
.design-landing .design-media::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(9,28,49,.78));pointer-events:none}
.design-landing .design-media-badge,.design-landing .design-media-caption{position:absolute;z-index:1;color:#fff;font-weight:800}
.design-landing .design-media-badge{top:14px;left:14px;padding:7px 10px;border:1px solid rgba(255,255,255,.72);border-radius:6px;background:rgba(18,49,79,.88);font-size:10px;letter-spacing:.12em}
.design-landing .design-media-caption{right:14px;bottom:14px;left:14px;font-size:13px;text-shadow:0 1px 5px #091c31}
.design-landing .design-category-featured .design-category-body b{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:10px 13px;border-radius:9px;background:#173456;color:#fff}
.design-landing .design-category-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:9px;padding:21px 22px 22px}
.design-landing .design-category-body small{font-size:10px;font-weight:800;letter-spacing:.14em;color:#3471a7}
.design-landing .design-category-body strong{font-size:clamp(21px,2vw,27px);line-height:1.15}
.design-landing .design-category-body>span{font-size:14px;line-height:1.5;color:#526981}
.design-landing .design-category-body b{margin-top:auto;padding-top:14px;font-size:13px;color:#245d98}
.design-landing .design-category:hover b{text-decoration:underline}
.design-landing .design-landing-note{max-width:850px;text-align:center;margin:34px auto 0;color:#5d7085;font-size:13px;line-height:1.6}
.wardrobe-studio .studio-back,.kitchen-studio .studio-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;color:#245d98;font-weight:700;font-size:13px;text-decoration:none}
.wardrobe-studio .studio-back:hover,.kitchen-studio .studio-back:hover{text-decoration:underline}
@media(max-width:900px){.design-landing .design-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.design-landing #designLanding{padding:35px 16px 55px}.design-landing .design-intro{margin-bottom:28px}.design-landing .design-categories{grid-template-columns:1fr;gap:14px}.design-landing .design-category{display:grid;grid-template-columns:38% minmax(0,1fr);min-height:152px}.design-landing .design-category img{height:100%;min-height:152px}.design-landing .design-category-featured .design-media{height:100%;min-height:152px}.design-landing .design-media-badge{top:9px;left:9px;padding:5px 6px;font-size:8px}.design-landing .design-media-caption{right:8px;bottom:9px;left:8px;font-size:10px}.design-landing .design-category-body{padding:15px;gap:5px}.design-landing .design-category-body strong{font-size:20px}.design-landing .design-category-body>span{font-size:12px}.design-landing .design-category-body b{padding-top:5px;font-size:12px}.design-landing .design-category-featured .design-category-body b{padding:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.design-landing .design-category,.design-landing .design-media img{transition:none}}