.case{--s-xs:6px;--s-sm:15px;--s-md:30px;--s-lg:60px;--s-xl:120px;--top:84px;--body:clamp(18px, .45vw + 11.5px, 22px);--column:calc(var(--body) * 40);--gap-media:clamp(48px, 3.5vw, 72px);--gap-section:clamp(112px, 8vw, 160px);padding:0 var(--space);grid-template-columns:172px minmax(0,1fr);display:grid}.case-top{z-index:20;margin:0 calc(-1 * var(--space));padding-inline:var(--space);height:var(--top);padding-top:var(--space);background:#fff;grid-column:1/-1;justify-content:space-between;align-items:flex-start;display:flex;position:sticky;top:0}.case-top .home{letter-spacing:.05em;padding-top:2px;font-size:16px;line-height:24px}.case-side{top:var(--top);align-self:start;position:sticky}.case-side ol{list-style:none}.case-side li a{color:var(--muted);padding:3px 0;transition:color .12s linear;display:inline-flex}.case-side li a[aria-current],.case-side li a:hover,.case-side li a:focus-visible{color:var(--text)}.case-side .n{align-items:center;width:22px;display:inline-flex}.case-side .pointer{background:var(--text);clip-path:polygon(0 0,100% 50%,0 100%);width:10px;height:12px;display:none}.case-side li a[aria-current] .num{display:none}.case-side li a[aria-current] .pointer{display:block}.case-side .sound-slot{margin-top:var(--s-md)}.case-main{width:100%;min-width:0;max-width:1680px}.case-head>:not(.hero),.prose .section>*,.case-end{max-width:var(--column)}.case-head{scroll-margin-top:var(--top)}.hero{aspect-ratio:2.2;view-transition-name:case-hero;width:100%;max-height:max(360px,100svh - 380px);overflow:hidden}.hero img,.hero video{object-fit:cover;width:100%;height:100%;display:block}.hero{position:relative}.hero-backdrop{pointer-events:none;position:absolute;top:0;bottom:0;right:0}.hero .hero-backdrop img{max-width:none;height:auto;position:absolute;left:0}.hero:has(.hero-backdrop)>:is(img,video){position:relative}.hero.contain img,.hero.contain video{object-fit:contain;object-position:center}.case-label{margin-top:var(--gap-media);letter-spacing:.05em;color:var(--accent);view-transition-name:case-label;font-size:16px;line-height:24px}.case-title{margin-top:var(--s-xs);letter-spacing:0;text-transform:none;view-transition-name:case-title;font-family:Instrument Serif,serif;font-size:clamp(56px,2.4vw + 22px,96px);font-weight:400;line-height:1.07}.case-sub{margin-top:var(--s-xs);font-size:var(--body);letter-spacing:.01em;text-transform:none;color:var(--muted);view-transition-name:case-sub;line-height:1.67}.summary{margin-top:var(--s-md);font-size:calc(var(--body) * 1.11);letter-spacing:.01em;text-transform:none;line-height:1.6}.facts{gap:24px var(--s-md);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;display:grid}.facts .wide{grid-column:1/-1}.facts dt{letter-spacing:.05em;color:var(--muted);font-size:16px;line-height:24px}.facts dd{margin-top:var(--s-xs);font-size:var(--body);letter-spacing:.01em;text-transform:none;line-height:1.67}.prose{font-size:var(--body);letter-spacing:.01em;text-transform:none;line-height:1.67}.prose .section{margin-top:var(--gap-section);position:relative}.prose .section>.doodle{max-width:none}.prose .section>:is(.media,.pair){max-width:none;margin-top:var(--gap-media);margin-bottom:0}.prose .section>.media.column{max-width:var(--column)}.prose .section>.media.mid{max-width:calc(var(--column) * 1.3)}.prose .section>.grid{max-width:calc(var(--column) * 1.6);margin-top:var(--gap-media);margin-bottom:0}.prose .section>.stat{margin-top:var(--gap-media);margin-bottom:0}.prose .section>.stats{gap:var(--s-md) clamp(48px, 6vw, 120px);max-width:calc(var(--column) * 1.6);margin-top:var(--gap-media);flex-wrap:wrap;justify-content:center;display:flex}.prose .section>.stats>.stat{text-align:center;flex:0 320px;margin:0}.prose .section>.stats>.stat figcaption{max-width:none}.prose .section>.section-head+*{margin-top:var(--s-md)}.prose .section>:is(p,ul)+:is(p,ul){margin-top:var(--s-sm)}.prose .section>:is(.media,.pair,.grid,.stat,.stats)+:is(p,ul),.prose .section>h4{margin-top:var(--gap-media)}.prose .section>h4+*{margin-top:var(--s-xs)}.prose .section>h4+:is(.media,.pair){margin-top:var(--s-md)}.prose h2{scroll-margin-top:var(--top);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:16px;font-weight:400;line-height:24px}.prose h3{margin-top:var(--s-xs);letter-spacing:0;font-family:Instrument Serif,serif;font-size:clamp(32px,1.2vw + 15px,48px);font-weight:400;line-height:1.12}.prose h4{font-size:var(--body);font-weight:500;line-height:1.67}.prose strong{font-weight:500}.prose .section>table{max-width:calc(var(--column) * 1.6);width:100%;margin-top:var(--gap-media);border-collapse:collapse;font-size:max(16px, calc(var(--body) * .9));line-height:1.6}.prose table th{text-align:left;vertical-align:bottom;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:0 20px 10px 0;font-size:16px;font-weight:400}.prose table td{vertical-align:top;border-top:1px solid var(--line);padding:14px 20px 14px 0}.prose table td:first-child{font-weight:500}.quote blockquote{letter-spacing:0;color:var(--text);font-family:Instrument Serif,serif;font-style:normal;font-weight:400}.quote figcaption{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:8px;font-size:13px;line-height:18px}.prose .section>.quote{margin-top:var(--s-md);border-left:2px solid var(--accent);padding-left:20px}.prose .section>.quote blockquote{font-size:clamp(26px,1.2vw + 12px,34px);line-height:1.2}.prose .section>:is(p,ul,.quote)+.quote,.prose .section>.quote+:is(p,ul){margin-top:var(--s-md)}.cell .quote{margin-top:10px}.cell .quote blockquote{font-size:1.2em;line-height:1.3}.prose .section>blockquote{margin-top:var(--s-md);border-left:2px solid var(--accent);padding-left:20px;font-style:italic}.prose .section>blockquote p+p{margin-top:var(--s-sm)}.prose .section>:is(p,ul,blockquote)+blockquote,.prose .section>blockquote+:is(p,ul){margin-top:var(--s-md)}.prose .section>table+:is(p,ul,.media){margin-top:var(--gap-media)}.prose ul{padding-left:1.2em}.prose li+li{margin-top:var(--s-sm)}.prose li::marker{color:var(--muted)}.case-end{margin-top:var(--gap-section);padding-bottom:var(--s-xl);letter-spacing:.05em;font-size:16px;line-height:24px}.case-end .next{padding-top:var(--s-md);border-top:1px solid var(--line);display:block}.next-label{color:var(--accent);display:block}.next-title{margin-top:var(--s-xs);letter-spacing:0;text-transform:none;font-family:Instrument Serif,serif;font-size:clamp(32px,1.2vw + 15px,48px);line-height:1.12;display:block}.next-go{vertical-align:middle;font-size:.4em;transition:transform .12s linear;display:inline-block}.case-end .next:hover .next-go,.case-end .next:focus-visible .next-go{transform:translate(4px)}.case-end .talk{margin-top:var(--s-lg)}.case-end .talk a{text-underline-offset:3px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.case-side li a{transition:none}}.side-toggle,.side-progress{display:none}@media (width<=767px){.case{--top:56px;--bar:48px;--body:17px;--gap-media:36px;--gap-section:80px;grid-template-columns:minmax(0,1fr)}.case-top{height:calc(var(--top) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);align-items:center}.case-top .home{padding-top:0}.case-side{top:calc(var(--top) + env(safe-area-inset-top));z-index:15;margin:0 calc(-1 * var(--space));padding:0 var(--space);border-bottom:1px solid var(--line);background:#fff}.side-toggle{width:100%;height:var(--bar);font:inherit;letter-spacing:.05em;text-transform:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;padding:0;font-size:16px;display:flex}.side-ptr{background:var(--text);clip-path:polygon(0 0,100% 50%,0 100%);width:10px;height:12px;margin-right:12px}.side-num{width:22px}.side-all{color:var(--muted);margin-left:auto}.side-all:after{content:" ▾";display:inline-block}.case-side[data-open] .side-all:after{transform:rotate(180deg)}.case-side nav{padding-bottom:12px;display:none}.case-side[data-open] nav{display:block}.case-side li a{padding:10px 0}.case-side .sound-slot{display:none}.side-progress{background:var(--accent);transform-origin:0;height:2px;transform:scaleX(var(--progress,0));display:block;position:absolute;bottom:-1px;left:0;right:0}.case-head,.prose h2{scroll-margin-top:calc(var(--top) + var(--bar) + env(safe-area-inset-top))}.hero{max-height:none;margin:24px calc(-1 * var(--space)) 0;width:auto}.case-label{margin-top:28px;font-size:14px;line-height:20px}.case-title{font-size:40px;line-height:1.1}.prose h3{font-size:30px;line-height:1.15}.prose h2{font-size:14px;line-height:20px}.summary{font-size:18px}.facts{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:30px}.facts dt{font-size:14px;line-height:20px}.prose .section>.grid{grid-template-columns:minmax(0,1fr)}.prose .section>table,.prose table tbody,.prose table tr,.prose table td{display:block}.prose table thead{display:none}.prose table tr{border-top:1px solid var(--line);padding:16px 0}.prose table td{border:0;padding:0}.prose table td+td{margin-top:10px}.prose table td:not(:first-child):before{content:attr(data-label);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:13px;line-height:20px;display:block}.case-end{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.prose figure.media .frame:has(>img){cursor:zoom-in;position:relative}.prose figure.media .frame:has(>img):after{content:"";pointer-events:none;background:#0b0b10b3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21M10.5 7.5v6M7.5 10.5h6'/%3E%3C/svg%3E") 50%/16px no-repeat;border-radius:50%;width:28px;height:28px;position:absolute;bottom:8px;right:8px}}.inspect{color:#fff;background:#0b0b10;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0}.inspect[open]{flex-direction:column;animation:.16s steps(4,end) inspect-in;display:flex}.inspect::backdrop{background:#0b0b10}@keyframes inspect-in{0%{opacity:0}to{opacity:1}}.inspect-top{padding:calc(14px + env(safe-area-inset-top)) var(--space) 10px;letter-spacing:.05em;justify-content:space-between;align-items:center;font-size:14px;line-height:20px;display:flex}.inspect-hint{color:#fff9}.inspect-close{font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:-10px 0;padding:10px 0 10px 16px}.inspect-scroll{flex:1;min-height:0;display:flex;overflow:auto}.inspect-scroll img{background:#fff;flex:none;max-width:none;margin:auto}.inspect-cap{padding:10px var(--space) calc(16px + env(safe-area-inset-bottom));letter-spacing:.01em;text-transform:none;color:#ffffffb3;font-size:14px;line-height:1.5}.inspect-cap:empty{display:none}@media (prefers-reduced-motion:reduce){.inspect[open]{animation:none}}.case .case-head>:not(.hero),.case .prose .section>:not(.doodle),.case .case-end{margin-inline:auto}.case .prose .section>.doodle{right:0}
