.di-page{background:#0c0f0d}.di-hero{display:grid;grid-template-columns:48% 52%;min-height:calc(100vh - 82px)}.di-hero-copy{align-self:center;padding:7vw 6vw 7vw 8vw}.di-hero-copy .back-link{margin-bottom:60px}.di-hero h1{font-family:Georgia,serif;font-size:clamp(68px,8vw,126px);font-weight:400;letter-spacing:-.06em;line-height:.78;margin:0}.di-subtitle{color:var(--accent);font-family:Georgia,serif;font-size:clamp(22px,2.2vw,34px);font-style:italic;margin:34px 0 22px}.di-lede{color:#989b94;font-family:Georgia,serif;font-size:18px;line-height:1.7;max-width:570px}.di-hero-art{align-items:flex-end;background:radial-gradient(circle at 70% 25%,#364138,transparent 36%),linear-gradient(145deg,#202821,#080b09 68%);display:flex;min-height:680px;overflow:hidden;padding:5vw;position:relative}.di-hero-art:after{border:1px solid rgba(185,164,119,.3);content:"";inset:30px;position:absolute}.di-hero-art>img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.di-hero-art>span{color:rgba(185,164,119,.1);font-family:Georgia,serif;font-size:clamp(230px,33vw,520px);line-height:.65}.di-hero-art>small{bottom:55px;color:var(--accent);font-size:9px;letter-spacing:.18em;position:absolute;right:55px;text-transform:uppercase;z-index:2}.di-introduction{background:#d2cfc5;color:#181b18;display:grid;gap:9vw;grid-template-columns:1fr 1fr;padding:120px 8vw}.di-introduction .eyebrow{color:#6b5c3f}.di-introduction h2,.di-heading h2{font-family:Georgia,serif;font-size:clamp(50px,6vw,86px);font-weight:400;letter-spacing:-.05em;line-height:.9;margin:0}.di-story-copy{align-self:end;color:#4e514d;font-family:Georgia,serif;font-size:19px;line-height:1.75}.di-section{padding:120px 8vw}.di-heading{align-items:end;display:flex;gap:7vw;justify-content:space-between;margin-bottom:56px}.di-heading>p{color:#92958e;font-family:Georgia,serif;font-size:18px;line-height:1.7;max-width:480px}.di-page-grid{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.di-page-grid a{background:#080a09;display:block;overflow:hidden}.di-page-grid img{aspect-ratio:2/3;height:100%;object-fit:contain;transition:transform .4s;width:100%}.di-page-grid a:hover img,.di-behind-grid a:hover img{transform:scale(1.015)}.di-behind{background:#151916}.di-behind-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.di-behind-grid a{overflow:hidden}.di-behind-grid img{aspect-ratio:4/3;height:100%;object-fit:cover;transition:transform .4s;width:100%}.di-empty{border:1px solid #333832;color:#777c75;display:flex;flex-direction:column;gap:10px;min-height:240px;padding:60px;place-content:center}.di-empty strong{color:#bbbcb7;font-family:Georgia,serif;font-size:26px;font-weight:400}.di-making{background:#0a0c0b}.di-stage-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.di-stage-card>a,.di-stage-placeholder{background:#141814;display:block}.di-stage-card img,.di-stage-placeholder{aspect-ratio:4/3;height:auto;object-fit:cover;width:100%}.di-stage-placeholder{display:grid;place-items:center}.di-stage-placeholder span{color:rgba(185,164,119,.18);font-family:Georgia,serif;font-size:110px}.di-stage-card small{color:var(--accent);display:block;font-size:8px;letter-spacing:.16em;margin-top:22px}.di-stage-card h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:9px 0}.di-stage-card p{color:#7e817b;font-size:13px;line-height:1.65}.di-dialog{background:#080a09;border:0;height:100%;margin:0;max-height:none;max-width:none;padding:5vw;width:100%}.di-dialog::backdrop{background:#080a09}.di-dialog img{height:100%;object-fit:contain;width:100%}.di-dialog-close{background:none;border:0;color:var(--ink);cursor:pointer;font-size:9px;letter-spacing:.15em;position:absolute;right:35px;text-transform:uppercase;top:24px}.di-dialog-close span{color:var(--accent);font-size:20px;margin-left:8px}.di-dialog-nav{background:rgba(12,15,13,.88);border:1px solid #40453f;border-radius:50%;color:var(--ink);cursor:pointer;height:48px;position:absolute;top:50%;width:48px}.di-dialog-prev{left:2vw}.di-dialog-next{right:2vw}@media(max-width:900px){.di-hero,.di-introduction{grid-template-columns:1fr}.di-hero-art{min-height:62vh;order:-1}.di-heading{align-items:start;flex-direction:column}.di-page-grid,.di-behind-grid{grid-template-columns:repeat(2,1fr)}.di-stage-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.di-hero-copy{padding:70px 7vw}.di-hero h1{font-size:64px}.di-introduction,.di-section{padding:85px 7vw}.di-page-grid,.di-behind-grid,.di-stage-grid{grid-template-columns:1fr}.di-empty{padding:35px}.di-dialog{padding:65px 20px 25px}}
