/* One compact dawn scene: useful morning ritual, not a giant time display. */
.morning.morning-v11.section{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);grid-template-rows:auto 1fr auto;column-gap:5vw;row-gap:0;min-height:0;padding-top:90px;padding-bottom:38px;background:#173f35;isolation:isolate}
.morning.morning-v11:before{background:radial-gradient(ellipse at 70% 35%,#8eaf7012,transparent 60%)}
.morning-v11 .morning-title{grid-column:1;grid-row:1;align-self:start;z-index:2;max-width:none}
.morning-v11 .morning-title>.kicker{margin-bottom:22px;font-weight:380;color:#c6d6bd;letter-spacing:0;font-size:16px;line-height:1.45}
.morning.morning-v11 .morning-title h2{font-size:clamp(60px,6.1vw,99px);font-weight:360;line-height:.99;letter-spacing:-.06em}
.morning-v11 .morning-emphasis{font-weight:240;color:#d1e1bf;letter-spacing:-.065em}
.morning-v11 .morning-dawn{grid-column:2;grid-row:1/span 2;align-self:center;min-width:0;position:relative;z-index:1;margin-top:-16px}
.morning.morning-v11 .morning-clock{display:block;position:relative;width:100%;max-width:none;height:clamp(290px,26vw,430px);margin:0;overflow:hidden;isolation:auto;grid-column:auto;grid-row:auto}
.morning-v11 .morning-poster{display:block;width:100%;height:100%;opacity:.92;transition:opacity .3s ease;pointer-events:none}
.page-objects-ready.clock-model-ready .morning-v11 .morning-poster{opacity:0}
.morning-v11 .morning-time{display:flex;align-items:center;gap:20px;position:relative;margin:2px 0 0 13%;color:#c6d8bb;z-index:2;font-size:15px;line-height:1.45}
.morning.morning-v11 .clock-number{display:block;flex:none;width:auto;margin:0;padding:0;color:#edf3e4;font-size:clamp(42px,4vw,64px);font-weight:280;line-height:1.1;letter-spacing:-.065em;font-family:var(--display);font-variant-numeric:tabular-nums}
.morning-v11 .morning-copy{grid-column:1;grid-row:2;z-index:2;max-width:470px;margin:27px 0 0}
.morning-v11 .morning-copy .large-copy{font-size:clamp(22px,1.8vw,29px);font-weight:340;line-height:1.35;letter-spacing:-.03em}
.morning-v11 .morning-copy>p+p{font-size:17px;line-height:1.6;color:#bfd0ba;max-width:38ch;margin-top:17px}
.morning-v11 .morning-copy .line-link{margin-top:22px;font-size:16px;gap:35px;padding-bottom:10px;border-color:#8aa27b;transition:color .25s ease,border-color .25s ease}
.morning-v11 .morning-copy .line-link:hover{color:#d9e9c7;border-color:#d9e9c7}
.morning-v11 .morning-copy .line-link:focus-visible{outline:2px solid #d9e9c7;outline-offset:7px}
.morning.morning-v11 .morning-foot{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:max-content minmax(30px,1fr) max-content minmax(30px,1fr) max-content;align-items:center;gap:3vw;border-top:1px solid #75927060;padding-top:23px;margin-top:53px;color:#edf3e4;font-size:16px;line-height:1.4}
.morning-v11 .morning-foot p{margin:0}
.morning-v11 .morning-foot p>span{display:block;color:#a9c19e;font-size:13px;line-height:1.4;margin-bottom:5px}
.morning-v11 .morning-path{display:block;position:relative;align-self:center;height:1px;background:#86a07860}
.morning-v11 .morning-path:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #a9bf9b;border-right:1px solid #a9bf9b;transform:rotate(45deg)}
.morning-v11 .morning-path i{display:block;width:4px;height:4px;position:absolute;left:0;top:-1.5px;background:#a9bf9b;border-radius:50%}
@media(min-width:781px){.morning.morning-v11 .morning-foot{padding-right:80px}}
@media(min-width:1700px){.morning.morning-v11.section{padding-top:104px;padding-bottom:43px}.morning-v11 .morning-copy{margin-top:34px}.morning-v11 .morning-copy>p+p{font-size:18px}.morning.morning-v11 .morning-foot{margin-top:62px}}
@media(max-width:1100px){.morning.morning-v11.section{column-gap:3vw;padding-top:82px;padding-bottom:34px}.morning.morning-v11 .morning-title h2{font-size:clamp(57px,6.4vw,76px)}.morning-v11 .morning-copy .large-copy{font-size:23px}.morning-v11 .morning-copy>p+p{font-size:16px}.morning-v11 .morning-copy .line-link{font-size:15px}.morning.morning-v11 .morning-clock{height:310px}.morning-v11 .morning-time{margin-left:7%;gap:15px}.morning-v11 .morning-dawn-line{left:7%}.morning.morning-v11 .morning-foot{font-size:15px;gap:22px}}
@media(max-width:780px){.morning.morning-v11.section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:3vw;padding-top:72px}.morning-v11 .morning-title{grid-column:1/-1;grid-row:1}.morning.morning-v11 .morning-title h2{font-size:clamp(60px,8.8vw,72px)}.morning-v11 .morning-title h2 br{display:none}.morning-v11 .morning-emphasis{white-space:nowrap}.morning-v11 .morning-copy{grid-column:1;grid-row:2;margin-top:32px}.morning-v11 .morning-dawn{grid-column:2;grid-row:2;margin-top:5px;align-self:center}.morning.morning-v11 .morning-clock{height:230px}.morning-v11 .morning-time{margin-left:3%;gap:12px;font-size:13px}.morning.morning-v11 .clock-number{font-size:43px}.morning.morning-v11 .morning-foot{margin-top:38px;gap:15px;font-size:14px}.morning-v11 .morning-foot p>span{font-size:12px}.morning-v11 .morning-copy .large-copy{font-size:22px}}
@media(max-width:600px){.morning.morning-v11.section{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;row-gap:0;min-height:0;padding-top:56px;padding-bottom:31px}.morning-v11 .morning-title{grid-column:1;grid-row:1}.morning-v11 .morning-title>.kicker{font-size:14px;margin-bottom:20px}.morning.morning-v11 .morning-title h2{font-size:clamp(48px,12.1vw,68px);line-height:1.02}.morning-v11 .morning-title h2 br{display:block}.morning-v11 .morning-dawn{grid-column:1;grid-row:2;margin:2px -3vw 0}.morning.morning-v11 .morning-clock{width:100%;height:clamp(204px,58vw,290px);margin:0}.morning-v11 .morning-time{margin:-10px 0 0 6vw;gap:16px;font-size:14px}.morning.morning-v11 .clock-number{font-size:44px;line-height:1.15}.morning-v11 .morning-dawn-line{left:6vw;right:6vw;bottom:-14px}.morning-v11 .morning-copy{grid-column:1;grid-row:3;max-width:none;margin-top:34px}.morning-v11 .morning-copy .large-copy{font-size:23px;line-height:1.35}.morning-v11 .morning-copy>p+p{font-size:16px;line-height:1.55;max-width:38ch;margin-top:15px}.morning-v11 .morning-copy .line-link{margin-top:18px;font-size:15px;gap:38px}.morning.morning-v11 .morning-foot{grid-column:1;grid-row:4;grid-template-columns:1fr;gap:13px;align-items:start;margin-top:29px;padding-top:21px;font-size:15px}.morning-v11 .morning-foot p{display:grid;grid-template-columns:82px 1fr;gap:11px;align-items:baseline}.morning-v11 .morning-foot p>span{font-size:13px;margin:0}.morning-v11 .morning-path{display:none}}
@media(prefers-reduced-motion:reduce){.morning-v11 .morning-poster,.morning-v11 .line-link{transition:none}}

/* v12: the time is a single clear fact. The route itself carries progress. */
.morning.morning-v11 .morning-time{display:flex;align-items:baseline;justify-content:flex-start;gap:20px;margin:8px 0 0 10%;font-size:18px;line-height:1.3;color:#c7d8bc}
.morning-v11 .morning-time-label{font-weight:420;letter-spacing:-.015em}
.morning.morning-v11 .clock-number{font-size:clamp(39px,3.45vw,55px);font-weight:280;letter-spacing:-.055em;line-height:1.1;color:#edf3e4}
.morning-v11 .morning-copy .large-copy{max-width:23ch;font-weight:400;font-size:clamp(23px,1.95vw,31px);line-height:1.34;letter-spacing:-.03em}
.morning-v11 .morning-copy>p+p{max-width:35ch;color:#b9cdb2;font-size:17px;line-height:1.6;margin-top:17px}
.morning.morning-v11 .morning-foot{border-top:0;padding-top:0;margin-top:46px}
.morning-v11 .morning-foot>.sm-rule{display:none}
.morning-v11 .morning-foot p>span{color:#a3bf98;font-size:13px;margin-bottom:7px}
.morning-v11 .morning-path{height:2px;position:relative;background:#9dbb8a36;color:#c8dcb2}
.morning-v11 .morning-path i{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:0;background:#c8dcb2;transform:scaleX(var(--morning-route,1));transform-origin:left center;box-shadow:0 0 8px #b5d19922}
.morning-v11 .morning-path:after,.morning-v11 .morning-path:before{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #789967;border-right:1px solid #789967;transform:rotate(45deg);background:none}
.morning-v11 .morning-path:before{z-index:1;border-color:#c8dcb2;opacity:clamp(0,calc((var(--morning-route,1) - .8)*5),1)}
@media(max-width:1100px){.morning.morning-v11 .morning-time{margin-left:6%;gap:15px;font-size:16px}.morning-v11 .morning-copy .large-copy{font-size:25px}.morning-v11 .morning-copy>p+p{font-size:16px}}
@media(max-width:780px){.morning.morning-v11 .morning-time{margin-left:1%;gap:13px;font-size:15px}.morning.morning-v11 .clock-number{font-size:39px}.morning-v11 .morning-copy .large-copy{font-size:23px}.morning.morning-v11 .morning-foot{margin-top:35px}}
@media(max-width:600px){
  .morning.morning-v11 .morning-time{margin:0 0 0 6vw;gap:18px;font-size:16px}
  .morning.morning-v11 .clock-number{font-size:42px}
  .morning-v11 .morning-copy{margin-top:29px}
  .morning-v11 .morning-copy .large-copy{max-width:23ch;font-size:24px}
  .morning-v11 .morning-copy>p+p{font-size:16px;line-height:1.55;max-width:35ch;margin-top:14px}
  .morning.morning-v11 .morning-foot{gap:4px;margin-top:28px;padding-top:0}
  .morning-v11 .morning-foot p{padding:4px 0}
  .morning-v11 .morning-foot p>span{margin:0;font-size:13px}
  .morning-v11 .morning-path{display:block;width:2px;height:17px;margin:0 0 0 94px}
  .morning-v11 .morning-path i{transform:scaleY(var(--morning-route,1));transform-origin:top center}
  .morning-v11 .morning-path:after,.morning-v11 .morning-path:before{right:-2.5px;top:auto;bottom:0;transform:rotate(135deg)}
}

/* v13: one caption introduces the sunrise; it is not a detached metric below. */
.morning.morning-v11 .morning-dawn{display:grid;grid-template-rows:auto auto;align-content:center;row-gap:0}
.morning.morning-v11 .morning-time{grid-row:1;position:relative;display:flex;align-items:baseline;justify-content:center;gap:18px;margin:0 0 2px;padding:0;color:#c9dabb;font-size:18px;line-height:1.2;white-space:nowrap}
.morning.morning-v11 .morning-time-label{font-weight:400;letter-spacing:-.025em}
.morning.morning-v11 .morning-time .clock-number{font-size:clamp(34px,2.65vw,44px);font-weight:300;line-height:1.08;letter-spacing:-.055em}
.morning.morning-v11 .morning-clock{grid-row:2}
@media(max-width:1100px){.morning.morning-v11 .morning-time{gap:14px;font-size:16px}.morning.morning-v11 .morning-time .clock-number{font-size:36px}}
@media(max-width:780px){.morning.morning-v11 .morning-time{gap:12px;font-size:15px}.morning.morning-v11 .morning-time .clock-number{font-size:34px}}
@media(max-width:600px){.morning.morning-v11 .morning-dawn{margin-top:17px}.morning.morning-v11 .morning-time{font-size:16px;gap:14px;margin:0 0 0}.morning.morning-v11 .morning-time .clock-number{font-size:35px}.morning-v11 .morning-copy{margin-top:21px}}
