.design-page .di-hero{min-height:650px;position:relative;isolation:isolate;display:flex;align-items:center;padding:72px 0;background:#161513;overflow:hidden}
.di-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.di-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,21,19,.5),rgba(22,21,19,.2) 45%,transparent 70%);z-index:-1}
.di-hero h1{font-size:clamp(52px,5.5vw,80px);line-height:1.05;max-width:650px;margin:25px 0}
.di-hero-copy>p:not(.eyebrow){max-width:510px;color:#d0c8ba;line-height:1.8;font-size:17px}
.di-hero .button{margin-top:25px}.di-hero .tm-direct-link{display:block;width:fit-content;margin-top:22px;color:#dfc393}
.design-page h2 em{display:inline-block}.di-examples{padding-top:20px!important}
.di-showcase{background:#fff;border:1px solid #e4dccf;border-radius:10px;overflow:hidden;margin-top:38px}
.di-showcase>img{display:block;width:100%;height:auto;max-height:490px;object-fit:cover;object-position:center 35%;mask-image:linear-gradient(#000 70%,transparent)}
.di-example-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:0 44px 36px;margin-top:-15px;position:relative}
.di-example-copy h3{font:34px/1.2 var(--serif);margin:15px 0}.di-example-copy p{font-size:16px;line-height:1.75;color:#655c4e}
.di-requirements{display:grid;grid-template-columns:.85fr 1fr 1fr 1fr;gap:28px;margin-top:38px;border-top:1px solid #d8ccba;padding-top:26px}
.di-requirements>p{font:27px/1.15 var(--serif);margin:0}.di-requirements strong{display:block;font-size:16px;font-weight:500;margin-bottom:10px}.di-requirements span{font-size:15px;line-height:1.7;color:#655c4e}
.di-distinction{background:#24211b;padding:70px 0}.di-distinction h2{max-width:800px}.di-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}
.di-comparison>div{border-top:1px solid #776646;padding-top:24px}.di-comparison h3{font:29px/1.2 var(--serif);margin:0 0 18px}.di-comparison p{color:#d0c7b8;font-size:16px;line-height:1.75}.di-comparison .text-link{display:inline-block;font-size:14px;color:#ead3a4;margin-top:14px}
.di-note{font-size:14px;line-height:1.8;color:#bfb3a1;max-width:850px;margin-top:40px}
.di-term .tm-two{align-items:center}.di-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.di-timeline>div{border-top:1px solid #ac936b;padding-top:20px}.di-timeline strong{font:54px/1 var(--serif);color:#866537;display:block}.di-timeline span{font-size:12px;display:block;line-height:1.5;margin-top:12px;color:#655c4e}.di-timeline>p{grid-column:1/-1;color:#655c4e;font-size:14px;line-height:1.7;margin-top:12px}
.design-page .tm-conversion-copy>.text-link{display:inline-block;margin-top:25px;color:#e9d6b4;font-size:15px}.design-page .tm-faq p{font-size:16px}.design-page .tm-process p{font-size:16px}.design-page .di-disclosure p{max-width:590px}
@media(min-width:1600px){.di-hero-image{object-position:center 60%}}
@media(max-width:1000px){.di-hero-image{object-position:57% center}.di-hero-copy>p:not(.eyebrow){max-width:440px}.di-hero h1{max-width:480px}.di-example-copy{padding:0 28px 30px;gap:30px}.di-requirements{grid-template-columns:1fr 1fr}.di-comparison{gap:24px}.di-timeline{gap:10px}.di-timeline strong{font-size:44px}}
@media(max-width:620px){.design-page .di-hero{min-height:0;display:block;padding:45px 0 275px}.di-hero h1{font-size:51px}.di-hero h1 em{display:block}.di-hero-copy>p:not(.eyebrow){font-size:16px}.di-hero-image{top:auto;bottom:0;height:290px;object-fit:cover;object-position:right center;width:100%}.di-hero:after{background:linear-gradient(0deg,#161513,transparent 12%,transparent 63%,#161513) bottom/100% 290px no-repeat}.di-hero .button{font-size:14px;gap:14px}.di-hero .tm-direct-link{font-size:14px}.di-example-copy{grid-template-columns:1fr;gap:20px;padding:0 23px 25px;margin-top:0}.di-example-copy h3{font-size:29px}.di-showcase>img{min-height:230px;object-fit:cover}.di-requirements{grid-template-columns:1fr;gap:23px}.di-requirements>div{border-top:1px solid #d8ccba;padding-top:18px}.di-distinction{padding:46px 0}.di-comparison{grid-template-columns:1fr;gap:30px}.di-timeline strong{font-size:42px}.di-timeline span{font-size:11px}.design-page .tm-process{grid-template-columns:1fr}.design-page h2 em{display:block}.di-note{margin-top:28px}}
@media(min-width:621px){.di-hero-image{object-fit:contain;object-position:right center}}
@media(min-width:621px){.di-hero-image{height:auto;top:50%;transform:translateY(-50%);mask-image:linear-gradient(180deg,transparent,#000 13%,#000 86%,transparent)}}
.di-showcase>img{max-height:none;min-height:0;object-fit:contain}

.di-end{border-top:0}