.smartphone-layout{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);column-gap:42px;align-items:center}
.smartphone-visual{grid-column:1;grid-row:1/3;min-width:0}.smartphone-heading{grid-column:2;align-self:end}.smartphone-details{grid-column:2;align-self:start;margin-top:20px}.smartphone h2{font-size:clamp(32px,3vw,42px)}
.smartphone .device-diagram{min-height:440px;margin:0;padding:45px 24px;gap:30px;background:#e2e5d2;border:0;box-shadow:inset 0 -24px #c6c8ac}
.smartphone .phone-outline{width:155px;height:280px;padding:22px 14px;border-radius:21px;border-width:4px;box-shadow:8px 12px 0 #9eae9229}.smartphone .device-topline{margin-bottom:35px}.smartphone .device-label{font-size:18px}.smartphone .device-url{font-size:16px;margin-top:28px}.smartphone .device-line{width:105px;height:5px;margin-top:22px}.smartphone .device-line.short{width:75px}.smartphone .computer-outline .line-icon{width:165px;height:150px}.smartphone .computer-outline strong{font-size:24px}.smartphone .computer-outline span{font-size:14px;max-width:175px}.smartphone .network-path span{font-size:15px}.smartphone .network-path b{font-size:40px}
.reading-value{background:#14271c;color:#f6f0e1;padding-block:54px}.value-layout{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);column-gap:42px;align-items:center}.value-heading{grid-column:1;align-self:end}.value-heading h2{font-size:clamp(38px,3.6vw,50px);line-height:1.5;font-weight:650}.value-body{grid-column:1;grid-row:2;align-self:start;padding-top:24px;font-size:18px;line-height:1.9}.value-body p{color:#f0eadc}
.start{padding-block:26px}.start-inner{padding-block:0;gap:32px}.start h2{font-size:34px}.start .tags{margin-bottom:15px}.start .tags .line-icon{width:53px;height:53px}.start .tags>span{gap:9px}.start-inner p{font-size:16px}
.important{grid-template-columns:100px minmax(0,1fr) auto;padding:34px;gap:30px}.scope-content h2{font-size:32px}.article-scope p{font-size:17px}.important>.book-motif{width:100px}
.closing{padding-block:58px;background:#102019}.closing-layout{grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:40px;align-items:center}.closing-copy{grid-column:1;grid-row:1}.closing h2{font-size:clamp(36px,3.2vw,46px)}.closing .button{min-height:80px;font-size:21px;width:100%;min-width:0;padding-inline:20px}.closing-copy>p:not(.eyebrow){font-size:17px}
@media(max-width:1100px){.smartphone-layout{column-gap:28px}.smartphone .device-diagram{gap:18px;padding-inline:16px;min-height:390px}.smartphone .phone-outline{width:120px;height:235px}.smartphone .computer-outline .line-icon{width:120px;height:115px}.smartphone .computer-outline strong{font-size:19px}.smartphone .device-url{font-size:13px}.smartphone .device-line{max-width:100%}.smartphone .network-path span{font-size:12px}.value-layout{column-gap:28px}.important{grid-template-columns:80px minmax(0,1fr)}.important>.book-motif{width:80px}.closing-layout{gap:25px}.closing h2{font-size:36px}.closing .button{font-size:18px}}
@media(max-width:760px){.smartphone-layout{grid-template-columns:1fr;gap:23px}.smartphone-heading{grid-column:1;grid-row:1}.smartphone-visual{grid-column:1;grid-row:2}.smartphone-details{grid-column:1;grid-row:3;margin:0}.smartphone h2{font-size:30px}.smartphone .device-diagram{min-height:325px;padding:28px 14px;gap:15px}.smartphone .phone-outline{width:110px;height:220px;padding:16px 10px}.smartphone .computer-outline .line-icon{width:95px;height:95px}.smartphone .computer-outline span{font-size:12px;max-width:112px}.smartphone .computer-outline strong{font-size:18px}.smartphone .network-path b{font-size:30px}.smartphone .device-label{font-size:15px}.smartphone .device-url{font-size:12px}.reading-value{padding-block:36px}.value-layout{grid-template-columns:1fr;gap:25px}.value-heading{grid-column:1;grid-row:1}.value-heading h2{font-size:36px}.value-body{grid-column:1;grid-row:3;padding:0;font-size:16px}.start{padding-block:25px}.start h2{font-size:28px}.start .tags .line-icon{width:45px;height:45px}.important{grid-template-columns:1fr;padding:26px 23px;gap:18px}.important>.book-motif{width:75px}.scope-content h2{font-size:29px}.article-scope p{font-size:16px}.closing{padding-block:38px}.closing-layout{grid-template-columns:1fr;gap:28px}.closing-copy{grid-column:1;grid-row:1}.closing h2{font-size:32px}.closing-copy>p:not(.eyebrow){font-size:16px}.closing .button{font-size:19px;min-height:76px}}
@media(max-width:360px){.smartphone .device-diagram{gap:8px;padding-inline:8px}.smartphone .phone-outline{width:94px;height:207px}.smartphone .computer-outline .line-icon{width:78px;height:90px}.smartphone .computer-outline span{max-width:90px}.smartphone .computer-outline strong{font-size:16px}.smartphone .network-path span{font-size:11px}.value-heading h2{font-size:33px}.closing .button{font-size:18px}}
/* Large photography: keep the supplied source files intact and crop with object-fit. */
.reading-value{background:#102019;padding-block:45px}
.value-layout{grid-template-columns:minmax(0,43fr) minmax(0,57fr);gap:0 35px}
.value-heading{grid-column:1;grid-row:1;align-self:end}.value-heading .eyebrow{color:#d2dcc9}
.value-body{grid-column:1;grid-row:2;align-self:start;padding-top:22px}
.reading-photo{grid-column:2;grid-row:1/3;min-width:0;align-self:stretch;margin:0}
.reading-photo img{display:block;width:100%;height:100%;min-height:430px;max-height:520px;object-fit:cover;object-position:0% center;border-radius:0;box-shadow:none}
.closing-layout{grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:35px}
.closing-copy{grid-column:1;grid-row:1}.closing-photo{grid-column:2;grid-row:1;min-width:0;align-self:stretch;margin:0}
.closing-photo img{display:block;width:100%;height:100%;min-height:480px;max-height:600px;object-fit:cover;object-position:100% center;border-radius:0;box-shadow:none}
@media(max-width:1100px){.reading-photo img{min-height:420px}.closing-photo img{min-height:500px}.value-layout,.closing-layout{column-gap:25px}}
@media(max-width:760px){.reading-value{padding-block:34px}.value-layout,.closing-layout{grid-template-columns:1fr;gap:24px}.value-heading{grid-column:1;grid-row:1}.value-body{grid-column:1;grid-row:2;padding-top:0}.reading-photo{grid-column:1;grid-row:3}.reading-photo img{height:auto;min-height:0;max-height:none;aspect-ratio:1.25;object-position:0% center}.closing-copy{grid-column:1;grid-row:1}.closing-photo{grid-column:1;grid-row:2}.closing-photo img{height:auto;min-height:0;max-height:none;aspect-ratio:1.2;object-position:100% center}}

@media(min-width:1101px){.reading-photo img{min-height:500px}}