.sample-week{--week-visual-height:510px;border-top:1px solid var(--line)}.week-heading{max-width:860px;margin-bottom:48px}.week-heading h2{font-size:clamp(34px,4.3vw,62px)}.week-region{margin:22px 0 10px;font-size:17px}.week-region span{color:var(--accent);margin-inline:8px}.sample-week-layout{grid-template-columns:1.1fr 1fr;gap:7vw;display:grid;position:relative}.week-visual-track{min-width:0;position:relative}.week-visual{height:var(--week-visual-height);background:var(--paper)}.sample-week[data-week-enhanced=true] .week-visual{position:sticky;top:24px}.week-visual-main{grid-template-columns:minmax(0,1fr) minmax(110px,30%);align-items:center;gap:20px;height:calc(100% - 48px);display:grid}.week-frames{grid-template-columns:1fr 1fr;gap:10px;min-width:0;height:100%;display:grid;position:relative}.week-frame{min-width:0;height:100%}.week-frame .plate{height:100%}.week-frame .plate-image{aspect-ratio:auto;height:calc(100% - 45px)}.week-frame .plate figcaption{margin-top:8px;font-size:9px;line-height:1.45}.sample-week[data-week-enhanced=true] .week-frame{pointer-events:none;position:absolute;inset:0}.sample-week[data-week-enhanced=true] .week-frame .plate-image{opacity:0;transition:opacity .5s}.sample-week[data-week-enhanced=true] .week-frame[data-selected=true]{pointer-events:auto}.sample-week[data-week-enhanced=true] .week-frame[data-selected=true] .plate-image{opacity:1}.sample-week[data-week-enhanced=true] .week-frame:not([data-selected=true]) figcaption{display:none}.week-position{justify-content:space-between;align-items:center;gap:16px;min-height:42px;font:12px Arial,Helvetica,sans-serif;display:flex}.week-position>span:first-child{letter-spacing:.06em}.week-progress{background:var(--line);height:1px;overflow:hidden}.week-progress span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(1)}.sample-week[data-week-enhanced=true] .week-progress span{transform:scaleX(0)}.sample-week-days{min-width:0;margin:0;padding:0;list-style:none}.week-day{border-top:1px solid var(--line);padding:28px 0 36px;position:relative}.week-day:before{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .3s;position:absolute;inset:-1px 0 auto;transform:scaleX(0)}.week-day[data-active=true]:before{transform:scaleX(1)}.week-day .eyebrow{margin-bottom:10px}.week-day h3{margin-bottom:16px;font-size:29px}.week-day>p:last-child{font-size:16px;line-height:1.65}.week-afterword{border-top:1px solid var(--line);max-width:590px;margin:32px 0 0 auto;padding-top:24px}.week-afterword>p{font-size:14px;line-height:1.7}.week-afterword .button{margin-top:18px}.sample-week .sample-globe{align-self:center;width:100%;margin:0}.sample-week .globe-controls{min-height:0}.sample-week .globe-controls .small-note{font-size:9px;line-height:1.5}.sample-week .globe-controls button{min-height:44px;padding:6px 0;font-size:10px}@media (max-width:1050px) and (min-width:761px){.sample-week{--week-visual-height:430px}.week-visual-main{grid-template-columns:minmax(0,1fr) 100px;gap:12px}}@media (max-width:760px){.sample-week{--week-visual-height:284px}.week-heading{margin-bottom:28px}.week-heading h2{font-size:clamp(32px,8.4vw,40px)}.week-region{margin-top:18px;font-size:15px;line-height:1.55}.week-heading>.small-note{font-size:10px}.sample-week-layout{display:block}.week-visual-track{height:100%;max-height:calc(250svh + var(--week-visual-height));pointer-events:none;z-index:2;position:absolute;inset:0 0 auto}.week-visual{pointer-events:auto;padding-top:10px}.sample-week[data-week-enhanced=true] .week-visual{top:0}.week-visual-main{grid-template-columns:minmax(0,1fr) 112px;gap:16px}.week-frame .plate-image{height:calc(100% - 42px)}.week-position{min-height:38px;font-size:11px}.week-position .small-note{font-size:10px}.sample-week-days{padding-top:calc(var(--week-visual-height) + 16px)}.week-day{padding:22px 0 28px}.week-day h3{margin-bottom:12px;font-size:27px}.week-day>p:last-child{font-size:15px;line-height:1.65}.week-afterword{margin-top:20px}.week-afterword>p{font-size:13px}}@media (max-width:370px){.week-visual-main{grid-template-columns:minmax(0,1fr) 96px;gap:12px}.week-frame .plate figcaption{font-size:8px}}@media (prefers-reduced-motion:reduce){.sample-week[data-week-enhanced=true] .week-visual{position:static}.week-frame,.week-day:before{transition:none}}
