/* Quieter editorial presentation for the Damian Philpott App. */
.dp-app-hero{background:#050505;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:5vw}
.dp-app-hero-stage{min-height:640px;border-left:1px solid var(--dp-app-line)}
.dp-app-phone-hero{width:292px;height:633px;transform:none;animation:none;border-radius:45px;box-shadow:0 30px 80px rgba(0,0,0,.62)}
.dp-app-phone{position:relative}
.dp-app-clean-safari:before,.dp-app-clean-cog:after{content:"";position:absolute;z-index:3;background:#000;pointer-events:none}
.dp-app-clean-safari:before{left:0;top:4.15%;width:20%;height:3.25%}
.dp-app-clean-cog:after{right:0;top:7.1%;width:18.5%;height:9%;border-radius:48%}
.dp-app-story{align-items:start;grid-template-columns:minmax(360px,.65fr) minmax(0,1.35fr);gap:6vw}
.dp-app-story-copy{position:sticky;top:120px}
.dp-app-screen-stack{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.dp-app-screen-stack .dp-app-phone{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1260/2736;transform:none;border-width:7px;border-radius:35px;box-shadow:none}
.dp-app-screen-stack figure:nth-child(2){margin-top:90px}.dp-app-screen-stack figure:nth-child(3){margin-top:180px}
.dp-app-screen-stack figcaption{left:0;bottom:-32px;padding:0;background:transparent;color:#8f8f8c}
.dp-app-360{display:grid;grid-template-columns:minmax(210px,300px) minmax(0,820px);justify-content:center;gap:clamp(42px,5vw,86px);align-items:center;padding:76px clamp(28px,6vw,120px);background:#080808;border-top:1px solid var(--dp-app-line);border-bottom:1px solid var(--dp-app-line)}
.dp-app-360-mark{justify-self:end;font-size:clamp(76px,10vw,160px);font-weight:700;letter-spacing:-.075em;line-height:.8;color:#FFD700}
.dp-app-360-copy{max-width:820px}
.dp-app-360-copy>span{display:block;margin-bottom:24px;color:#FFD700;font-size:10px;font-weight:700;letter-spacing:.2em}
.dp-app-360-copy h2{margin:0 0 24px;font-size:clamp(38px,5.2vw,78px);line-height:.98;letter-spacing:-.045em;color:#f4f4f1}
.dp-app-360-copy p{max-width:760px;margin:0;color:#a2a29e;font-size:clamp(17px,1.5vw,23px);line-height:1.65}
.dp-app-features>div{border-left:0;border-right:0}
.dp-app-features>div{grid-template-columns:repeat(3,minmax(0,1fr))}
.dp-app-features article{min-height:235px;background:#090909}
.dp-app-features article>b{color:var(--dp-app-gold);font-size:10px;font-weight:500;letter-spacing:.16em}
.dp-app-features article i{display:none}
.dp-app-account-phone{transform:none;box-shadow:none}
.dp-app-float>a>b{display:grid;gap:3px;min-width:112px;color:#f4f4f1;font-size:11px;letter-spacing:.08em;font-weight:500}
.dp-app-float>a>b small{margin:0;color:#8e8e8b;font-size:7px;letter-spacing:.11em}
.dp-app-float>a>b i{color:#FFD700;margin-left:4px}
@media(max-width:900px){.dp-app-hero,.dp-app-story{grid-template-columns:1fr}.dp-app-hero-stage{border-left:0;border-top:1px solid var(--dp-app-line)}.dp-app-story-copy{position:static}.dp-app-screen-stack{margin-bottom:60px}.dp-app-360{grid-template-columns:1fr;gap:30px}.dp-app-360-mark{justify-self:start}.dp-app-features>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.dp-app-phone-hero{width:230px;height:499px}.dp-app-screen-stack{grid-template-columns:1fr 1fr;gap:12px}.dp-app-screen-stack figure:nth-child(2){margin-top:54px}.dp-app-screen-stack figure:nth-child(3){grid-column:1/3;width:50%;justify-self:center;margin-top:26px}.dp-app-screen-stack .dp-app-phone{width:100%;height:auto}.dp-app-360{padding-top:72px;padding-bottom:72px}.dp-app-360-mark{font-size:82px}.dp-app-features>div{grid-template-columns:1fr}.dp-app-float>a>b{display:grid;grid-column:2;min-width:0;justify-self:start;margin-top:-5px;font-size:10px}.dp-app-float>a>b small{font-size:6px}}