.hero{--hero-height:clamp(560px,52vw,760px);--ink-overlap:clamp(158px,20vw,260px);position:relative;container-type:inline-size}.hero-visual{position:relative}.hero-stage{height:var(--hero-height);isolation:isolate;background:#f6f0e7;border-radius:26px;position:relative;overflow:hidden}.hero-art{object-fit:cover;object-position:center 52%;width:100%;height:100%;display:block;position:absolute;inset:0}.hero .hero-title{z-index:1;color:#242522;letter-spacing:-.04em;margin:0;font-size:clamp(66px,7.4vw,108px);font-weight:600;line-height:.98;position:absolute;top:6.5%;left:4.5%}.hero .hero-title>span{display:block}.hero .hero-title em{letter-spacing:-.025em;font-size:1.13em;font-weight:400}.hero-discover{z-index:3;color:#242522;background:#fffaf2f2;border:1px solid #2425225c;border-radius:32px;align-items:center;gap:28px;min-height:52px;padding:15px 22px;font-size:14px;display:inline-flex;position:absolute;bottom:36px;left:4.5%}.hero-discover .arrow{width:19px;height:19px}.hero-discover:hover{background:#fffaf2}.hero-discover:focus-visible{outline-color:#3046b8}.hero-gesture{z-index:2;pointer-events:none;top:calc(100% - var(--ink-overlap));aspect-ratio:2/3;background:linear-gradient(to bottom,#242522 0 var(--ink-overlap),var(--ink) calc(var(--ink-overlap) + 36px));width:40%;position:absolute;left:50%;-webkit-mask:url(/images/hero-editorial/ink-gesture.webp) 50%/100% 100% no-repeat;mask:url(/images/hero-editorial/ink-gesture.webp) 50%/100% 100% no-repeat}.hero-composition{min-height:max(440px,calc(60cqw - var(--ink-overlap) + 36px));grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:22%;padding:108px 2% 112px;display:grid;position:relative}.hero-statement{letter-spacing:-.035em;font-size:clamp(32px,3.5vw,46px);font-weight:500;line-height:1.09}.hero-statement>span{letter-spacing:-.025em;max-width:25ch;margin-top:20px;font-size:clamp(23px,2.1vw,29px);font-weight:400;line-height:1.25;display:block}.hero-intro p{max-width:39ch;color:var(--muted);font-size:20px;line-height:1.65}.hero-intro p+p{margin-top:20px}.hero-edition{max-width:40ch;color:var(--muted);margin-top:24px;font-size:12px;line-height:1.65;display:block}@media (max-width:1400px){.hero{--hero-height:clamp(490px,59vw,650px)}.hero .hero-title{font-size:clamp(58px,7.3vw,80px)}.hero-gesture{width:35%;left:65%}.hero-composition{min-height:max(380px,calc(52.5cqw - var(--ink-overlap) + 36px));grid-template-columns:1fr;gap:28px;padding:75px 37% 65px 2%}.hero-intro p{font-size:18px}.hero-statement{font-size:clamp(30px,3.7vw,40px)}}@media (max-width:760px){.hero{--ink-overlap:80px}.hero-stage{border-radius:20px;flex-direction:column;height:auto;display:flex}.hero .hero-title{order:-1;padding:30px 6% 12px;font-size:clamp(42px,9.4vw,68px);line-height:1.02;position:relative;top:auto;left:auto}.hero-art{object-position:66% 54%;width:100%;height:clamp(280px,75vw,420px);position:relative;inset:auto}.hero-discover{gap:20px;min-height:48px;padding:13px 17px;font-size:12px;bottom:23px;left:6%}.hero-gesture{width:36%;left:64%}.hero-composition{grid-template-columns:1fr;gap:26px;min-height:0;padding:57px 2px 36px}.hero-statement{max-width:90%;font-size:clamp(30px,7.7vw,42px);line-height:1.1}.hero-statement>span{margin-top:15px;font-size:23px}.hero-intro p{max-width:42ch;font-size:19px}.hero-intro p+p{margin-top:16px}.hero-edition{margin-top:21px;font-size:12px}}.hero-intermezzo{margin-top:120px}.hero-intermezzo .hero-composition{padding-bottom:56px}@media (max-width:760px){.hero-intermezzo{margin-top:74px}}
.frosted-frame{isolation:isolate;border-radius:32px;overflow:hidden}.frosted-nav{aspect-ratio:3/2;filter:url(#❄️);width:100%;display:block;position:relative;overflow:hidden}.frosted-nav img{object-fit:cover;filter:url(#pack-upper);width:100%;height:100%;position:absolute;inset:0}.frosted-nav .hover-area{grid-template-columns:repeat(var(--max-a),1fr);grid-template-rows:repeat(var(--max-a),1fr);mix-blend-mode:plus-lighter;display:grid;position:absolute;inset:0}.frosted-nav .hover-area i{background:#020202;transition:background-color 3.2s ease-in .6s;display:block}.frosted-nav .hover-area i:hover{background:#000;transition-duration:0s;transition-delay:0s}@media (prefers-reduced-motion:reduce){.frosted-nav .hover-area i{transition-duration:.8s}}
.cans-hero{--first:0;--second:0;--nav-space:104px;color:#f5f4ff;width:min(1408px,100% - 80px);height:290svh;margin:16px auto 0;position:relative}.cans-sticky{top:var(--nav-space);height:min(820px,calc(100svh - var(--nav-space) - 20px));position:sticky}.cans-accordion{isolation:isolate;background:#070f23;border-radius:26px;height:100%;position:relative;overflow:hidden}.cans-panel{transform-origin:top;background:#070f23;border-radius:26px;position:absolute;inset:0;overflow:hidden}.cans-opening{--content:clamp(0,calc(1 - var(--first) * 3),1);transform:scale(calc(1 - var(--first) * .045))}.cans-detail{--content:min(clamp(0,calc((var(--first) - .75) * 4),1),clamp(0,calc(1 - var(--second) * 3),1));z-index:2;transform:translateY(calc((1 - var(--first)) * 105%)) scale(calc(1 - var(--second) * .035));box-shadow:0 -15px 55px #02081777}.cans-paper{--content:clamp(0,calc((var(--second) - .75) * 4),1);z-index:3;transform:translateY(calc((1 - var(--second)) * 105%));color:#242522;background:#f6f0e7;box-shadow:0 -15px 55px #02081777}.cans-opening-image,.cans-opening-image .frosted-frame,.cans-opening-image .frosted-nav{border-radius:0;width:100%;height:100%}.cans-opening-image .frosted-nav{aspect-ratio:auto}.cans-opening-image img{object-fit:contain;object-position:center;background:#070f23}.cans-panel>img{object-fit:cover;object-position:38% center}.cans-opening:after,.cans-detail:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 27%,#07102355 55%,#071023eb 100%);position:absolute;inset:0}.cans-copy{z-index:3;pointer-events:none;width:41%;max-width:620px;opacity:var(--content);position:absolute;top:15%;right:5%}.cans-copy h1,.cans-copy h2{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(44px,5.2vw,76px);font-weight:500;line-height:1.03}.cans-copy em{font-family:var(--font-editorial),serif;font-weight:400}.cans-copy p{color:#e1e7ff;max-width:30ch;margin-top:22px;font-size:18px;line-height:1.6}.cans-detail-copy{top:18%}.cans-actions{z-index:5;opacity:var(--content);justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;bottom:56px;left:4.5%;right:4.5%}.cans-detail .cans-actions{opacity:min(clamp(0,calc((var(--first) - .94) / .06),1),clamp(0,calc(1 - var(--second) * 3),1))}.cans-paper .cans-actions{opacity:clamp(0,calc((var(--second) - .94) / .06),1)}.cans-actions a{justify-content:space-between;align-items:center;gap:24px;min-height:52px;font-size:14px;display:inline-flex}.cans-button{color:#242522;background:#fffaf2f2;border:1px solid #fffaf280;border-radius:32px;padding:15px 22px;transition:background-color .2s}.cans-button:hover{background:#fffaf2}.cans-text-link{color:#fffaf2;background:#242522ed;border-radius:32px;padding:15px 22px;display:inline-flex}.cans-text-link:has(.cans-new){gap:12px;padding:8px 18px 8px 8px}.cans-text-link:hover{background:#3046b8}.cans-new{color:#242522;background:#fffaf2;border-radius:999px;padding:7px 12px;font-size:12px}.cans-actions .arrow{flex:none;width:19px;height:19px}.cans-actions a:focus-visible,.cans-panel-label a:focus-visible,.cans-reading a:focus-visible{outline-offset:6px;outline:2px solid}.cans-caption,.cans-panel-label{z-index:4;color:#e1e7ff;opacity:var(--content);justify-content:space-between;align-items:center;gap:20px;font-size:11px;display:flex;position:absolute;bottom:18px;left:4.5%;right:4.5%}.cans-caption{pointer-events:none}.cans-caption>span:last-child{align-items:center;gap:12px;display:flex}.cans-caption .arrow{width:16px;height:16px}.cans-paper>img{object-position:center 45%}.cans-paper:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fffdf9ed 0%,#fffdf9b3 36%,#fffdf900 75%);position:absolute;inset:0}.cans-paper-copy{width:58%;top:10%;left:4.5%;right:auto}.cans-paper-copy p{color:#424748}.cans-paper .cans-button{border-color:#2425225c}.cans-paper .cans-panel-label{color:#424748}.cans-reading{--read:0;--total:1;color:#eff6ff;background:#0b1020;border-radius:26px;width:min(1408px,100% - 80px);margin:32px auto 0;scroll-margin-top:104px;position:relative}.cans-reading-inner{flex-direction:column;gap:36px;width:min(1280px,100vw - 112px);max-width:calc(100% - 32px);margin-inline:auto;padding:64px 0 40px;display:flex;position:relative}.cans-reading h2{letter-spacing:-.035em;max-width:1060px;margin:0;font-size:clamp(32px,3.1vw,52px);font-weight:400;line-height:1.2}.cans-word{white-space:pre;display:inline-block}.cans-letter{--lit:clamp(0,calc((var(--read) * (var(--total) + 20) - var(--i)) / 20),1);color:color-mix(in srgb,#59677f,#eff6ff calc(var(--lit) * 100%))}.cans-reading-foot{color:#bdd1e9;border-top:1px solid #bdd1e933;align-items:center;gap:18px;padding-top:24px;font-size:13px;line-height:1.5;display:flex}.cans-reading-foot img{flex:none}.cans-reading-foot>a{border-bottom:1px solid #59677f;align-items:center;gap:24px;min-height:48px;margin-left:auto;display:flex}.cans-reading-foot .arrow{width:20px;height:20px}.cans-reading-foot>a:hover{color:#fff}.cans-reading-foot .cans-publisher{color:#547cd9;font-weight:600}.cans-reading-foot .cans-publisher:hover{color:#7999e2}.cans-reading ::selection{color:#0b1020;background:#bdd1e9}@media (max-width:1100px){.cans-hero,.cans-reading{width:calc(100% - 48px)}.cans-reading-inner{width:calc(100vw - 64px);max-width:calc(100% - 16px);padding-top:48px}.cans-copy h1,.cans-copy h2{font-size:clamp(40px,5.4vw,64px)}.cans-copy p{font-size:16px}}@media (max-width:760px){.cans-hero{--nav-space:84px;width:calc(100% - 28px);height:270svh;margin-top:12px}.cans-sticky{height:calc(100svh - 100px)}.cans-accordion,.cans-panel{border-radius:20px}.cans-opening-image img{object-position:center 65%}.cans-opening:after,.cans-detail:after{background:linear-gradient(#071023e6 0%,#07102388 45%,#07102322 70%,#07102388 100%)}.cans-copy{width:auto;top:7%;left:7%;right:7%}.cans-copy h1,.cans-copy h2{font-size:clamp(34px,9vw,58px)}.cans-copy p{max-width:29ch;margin-top:16px;font-size:15px;line-height:1.5}.cans-actions{flex-wrap:wrap;gap:10px;bottom:48px;left:7%;right:7%}.cans-actions a{min-height:44px;font-size:12px}.cans-button,.cans-text-link{padding:12px 18px}.cans-new{padding:5px 9px;font-size:10px}.cans-caption,.cans-panel-label{gap:12px;font-size:9px;bottom:15px;left:7%;right:7%}.cans-caption>span:first-child{display:none}.cans-caption>span:last-child{margin-left:auto}.cans-paper:after{background:linear-gradient(#fffdf9ed 0%,#fffdf9b3 40%,#fffdf900 85%)}.cans-reading{border-radius:20px;width:calc(100% - 28px);margin-top:20px;scroll-margin-top:84px}.cans-reading-inner{gap:28px;width:calc(100% - 40px);padding:36px 0 28px}.cans-reading h2{max-width:none;font-size:clamp(27px,6.2vw,38px);line-height:1.22}.cans-reading-foot{flex-wrap:wrap;gap:14px;font-size:12px}.cans-reading-foot>a{flex-basis:100%;justify-content:space-between;margin-left:0}}@media (max-height:650px) and (min-width:761px){.cans-copy{top:10%}.cans-copy h1,.cans-copy h2{font-size:48px}.cans-copy p{margin-top:14px;font-size:15px}}@media (max-height:650px) and (max-width:760px){.cans-copy h1,.cans-copy h2{font-size:30px}.cans-copy p{max-width:34ch;margin-top:10px;font-size:13px}.cans-actions{gap:6px;bottom:36px}.cans-actions a{min-height:38px;padding:8px 12px;font-size:11px}.cans-actions .cans-new{padding:3px 6px}.cans-caption,.cans-panel-label{bottom:10px}}@media (hover:none){.cans-opening .hover-area{display:none}.cans-opening .frosted-nav,.cans-opening .frosted-nav img{filter:none}}@media (prefers-reduced-motion:reduce){.cans-hero{height:auto}.cans-sticky{height:auto;position:relative;top:0}.cans-accordion{gap:8px;display:grid}.cans-panel{--content:1;height:max(540px,100svh - 104px);box-shadow:none;position:relative;inset:auto;transform:none}.cans-panel .cans-actions{opacity:1}.cans-reading{min-height:0}.cans-reading-inner{min-height:0;position:relative;top:0}.cans-letter{color:#eff6ff}.cans-button{transition:none}}
