.door-systems{position:relative;overflow:hidden;background:linear-gradient(135deg,#ebe6dd 0%,#f8f8f5 46%,#dce4df 100%)}
.doors-page .pagehero__media{height:clamp(500px,68vh,760px)}.door-hero__cap{max-width:920px}.door-hero__cap .eyebrow{color:#b7ebff;background:rgba(9,32,42,.28);border:1px solid rgba(183,235,255,.34);padding:7px 11px;border-radius:999px;backdrop-filter:blur(8px)}.door-hero__cap h1{margin-top:13px;max-width:850px;font-size:clamp(2.55rem,5.7vw,5.4rem);line-height:.94;letter-spacing:-.065em;text-wrap:balance}.door-hero__cap p{max-width:610px;margin-top:19px;color:rgba(255,255,255,.91);font-size:clamp(1rem,1.8vw,1.28rem);font-weight:520;line-height:1.45;text-wrap:balance}.doors-page .pagehero__media::after{background:linear-gradient(90deg,rgba(4,11,14,.74),rgba(4,11,14,.16) 70%),linear-gradient(0deg,rgba(4,11,14,.55),transparent 62%)}
.door-systems::before{content:"";position:absolute;inset:0;opacity:.28;background:repeating-linear-gradient(96deg,rgba(112,72,39,.14) 0 1px,transparent 1px 17px),linear-gradient(125deg,rgba(255,255,255,.75),transparent 52%);pointer-events:none}
.door-systems .container{position:relative}.door-systems__intro{max-width:720px;margin:0 auto 34px;text-align:center}.door-systems__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.door-system-card{min-height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(42,48,45,.13);border-radius:20px;background:rgba(255,255,255,.84);box-shadow:0 16px 42px rgba(32,35,30,.10);color:var(--text);text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.door-system-card:hover{transform:translateY(-7px);box-shadow:0 24px 54px rgba(29,36,31,.18);border-color:rgba(35,160,224,.43)}.door-system-card__image{display:block;aspect-ratio:1.25;overflow:hidden;background:#262824}.door-system-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}.door-system-card--cutout .door-system-card__image{background:radial-gradient(circle at 50% 14%,rgba(255,255,255,.26),transparent 48%),linear-gradient(135deg,#303631,#1a201d)}.door-system-card--cutout .door-system-card__image img{object-fit:contain;padding:14px}.door-system-card:hover .door-system-card__image img{transform:scale(1.06)}
.door-system-card__body{position:relative;display:flex;flex:1;flex-direction:column;padding:21px 22px 23px;background:rgba(255,255,255,.9)}.door-system-card--wood .door-system-card__body{background:linear-gradient(130deg,rgba(250,246,237,.98),rgba(231,216,190,.94))}.door-system-card--stone .door-system-card__body{background:linear-gradient(130deg,rgba(245,247,245,.98),rgba(215,224,217,.94))}.door-system-card--linen .door-system-card__body{background:linear-gradient(130deg,rgba(255,254,249,.98),rgba(232,227,213,.95))}.door-system-card--charcoal .door-system-card__body{background:linear-gradient(130deg,#323936,#202825);color:#fff}.door-system-card--charcoal p{color:rgba(255,255,255,.78)}
.door-system-card__tag{align-self:flex-start;margin-bottom:9px;padding:5px 9px;border-radius:999px;background:rgba(31,91,82,.11);color:#176b63;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.door-system-card--charcoal .door-system-card__tag{background:rgba(158,222,208,.16);color:#a9eadc}.door-system-card h3{margin:0;font-size:1.3rem;letter-spacing:-.025em}.door-system-card p{margin:9px 0 17px;font-size:.94rem;line-height:1.55}.door-system-card__link{margin-top:auto;color:#0c7eb6;font-size:.88rem;font-weight:800}.door-system-card__link b{margin-left:5px;font-size:1rem}.door-system-card--charcoal .door-system-card__link{color:#79c9ec}.door-material-feature{display:grid;grid-template-columns:1.45fr .55fr;align-items:center;gap:30px;max-width:820px;margin:34px auto 0;padding:25px 27px 0 30px;border:1px solid rgba(83,59,31,.18);border-radius:18px;background:linear-gradient(110deg,rgba(54,39,25,.96),rgba(96,69,37,.9));color:#fff;overflow:hidden}.door-material-feature h3{margin:7px 0 8px;font-size:1.5rem}.door-material-feature p{margin:0;color:rgba(255,255,255,.78);line-height:1.58}.door-material-feature .eyebrow{color:#e5bc78}.door-material-feature img{display:block;width:100%;max-height:210px;object-fit:cover;object-position:center top;align-self:end;border-radius:12px 12px 0 0}
@media(max-width:900px){.door-systems__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.door-systems__grid{grid-template-columns:1fr}.door-system-card__image{aspect-ratio:1.5}.door-material-feature{grid-template-columns:1fr;padding:24px 24px 0}.door-material-feature img{max-height:260px}}
[data-theme="dark"] .door-systems{background:linear-gradient(135deg,#1e2420,#25201b 48%,#18231f)}[data-theme="dark"] .door-systems::before{opacity:.16}.door-system-card{border-color:rgba(255,255,255,.12);background:#202724}.door-system-card__body{background:#202724;color:#f4f7f5}.door-system-card__body p{color:rgba(244,247,245,.72)}.door-system-card--wood .door-system-card__body{background:linear-gradient(130deg,#302b23,#403526)}.door-system-card--stone .door-system-card__body{background:linear-gradient(130deg,#26302b,#1c2924)}.door-system-card--linen .door-system-card__body{background:linear-gradient(130deg,#302e29,#252420)}