@font-face{font-family:"Heros";src:url(fonts/heros-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Newsreader";src:url(fonts/newsreader-400.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--paper:#FFFFFF;--ink:#111111;--blue:#0000CD;--pink:#FF2D8A;--muted:#6A6A66;--g:24px;--gap:88px;
 --sans:"Helvetica Neue",Helvetica,"Heros",Arial,sans-serif;--serif:"Newsreader",Georgia,serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-y:scroll;scrollbar-gutter:stable}
/* size L: everything by default */
body{background:var(--paper);color:var(--ink);font:400 21px/1.28 var(--sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;font-synthesis:none}
a{color:inherit;text-decoration:none}a:focus{outline:none}a:focus-visible{outline:1.5px solid var(--blue);outline-offset:3px}
img{display:block;width:100%;height:100%;object-fit:cover}
ul,ol{list-style:none}
p+p{margin-top:.6em}
/* size S */
.lab,.cap,footer{font-size:13px;line-height:1.3;letter-spacing:0}
.lab{font-size:21px;line-height:1.28;letter-spacing:-.01em}
.lab .muted{color:var(--muted)}
.hug{font-size:16px;line-height:1.3;letter-spacing:0}
.lab{display:block;color:var(--blue);margin-bottom:6px}
.cap{color:var(--muted);margin-top:8px}
/* size XL */
h1,h2,.xl{font-weight:400;font-size:clamp(30px,3.2vw,42px);line-height:1.04;letter-spacing:-.028em}
.muted{color:var(--muted)}
.quote{font-family:var(--serif);letter-spacing:0}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;background:var(--paper);padding:4px 8px;z-index:9}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g)}
/* header: quarters, the only Medium on the site */
.top{padding:24px 0 40px;line-height:1.05;letter-spacing:-.015em;font-weight:500}
.brand{grid-column:1/4;display:flex;gap:9px;align-items:center;align-self:start}.mk{height:44px;width:auto;flex:none}
.nav{grid-column:4/12;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:var(--g)}
.nc{grid-column:span 3;display:flex;flex-direction:column;align-items:flex-start}.nc:last-child{grid-column:span 2}
.nav a,.brand{transition:opacity .25s ease}.nav a:hover,.brand:hover{opacity:0}.nav a[aria-current]{color:var(--blue)}
.lang{grid-column:12/13;justify-self:end}.lang span{color:#b5b2ac}
/* content: halves only */
.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);align-items:start}
.row+.row{margin-top:var(--gap)}.row.tight{margin-top:40px}
.a{grid-column:1/7}.b{grid-column:7/13}
.q{grid-column:span 3}
.full{grid-column:1/13}
.gallery{row-gap:24px}.gallery .lab{margin-bottom:-18px}
.under{margin-top:12px}
.row.stretch{align-items:stretch}
.split{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding-bottom:calc(1.28em + 12px)}
.end{align-self:end;padding-bottom:calc(1.28em + 12px)}
.lo{padding-top:33px}
/* pictures */
.fx{position:relative}
.place{position:absolute;right:100%;bottom:0;margin-right:5px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;line-height:1;color:var(--muted);letter-spacing:.01em;white-space:nowrap}
.fx::after{content:"";position:absolute;pointer-events:none;width:132px;height:30px}
.fx.hb{--c:var(--blue)}.fx.hp{--c:var(--pink)}
.fx.bl::after{left:-2px;bottom:-2px;border-left:2px solid var(--c);border-bottom:2px solid var(--c)}
.fx.tr::after{right:-2px;top:-2px;border-right:2px solid var(--c);border-top:2px solid var(--c)}
.fx.sm::after{width:64px;height:16px}
.fx.bl .place{bottom:42px}
.frame{aspect-ratio:4/3;overflow:hidden;background:#e4e1db}.frame.sq{aspect-ratio:1}
.frame.white{background:#F7F6F3}.frame.white img{object-fit:contain}
.frame.logo img{padding:14%;mix-blend-mode:multiply}
/* the hug on links */
.hug{position:relative;display:inline-block;color:var(--blue);padding:0 9px 4px 0;border-bottom:1.5px solid var(--blue)}
.hug::after{content:"";position:absolute;right:0;bottom:-1.5px;width:1.5px;height:.75em;background:var(--blue)}
.list li{display:flex;justify-content:space-between;gap:16px}.list li span:last-child{white-space:nowrap}
.items li+li{margin-top:20px}
.offers li+li{margin-top:24px}
.stages{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--g);row-gap:24px;align-content:space-between;min-height:0;aspect-ratio:4/3;padding-bottom:48px}
.stages p{font-size:17px;line-height:1.35}
.story{aspect-ratio:4/3}
.pricing{margin-top:12px}
main{padding-bottom:var(--gap)}
footer{padding:0 0 28px;color:var(--muted);display:flex;justify-content:space-between;gap:16px}
footer a:hover{color:var(--ink)}
@media (max-width:860px){
 :root{--g:12px;--gap:56px}
 body{font-size:19px}
 .wrap{padding:0 16px}
 .top{font-size:18px;padding:16px 0 28px;row-gap:18px}.mk{height:36px}
 .brand{grid-column:1/10}.lang{grid-column:10/13;grid-row:1}.nav{grid-column:1/13;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr))}.nc,.nc:last-child{grid-column:span 1}
 .a,.b{grid-column:1/13}.a+.b{margin-top:40px}.split{padding-bottom:0}.place{font-size:11px;margin-right:3px}.stages{aspect-ratio:auto;padding-bottom:0}.story{aspect-ratio:auto}.pricing{margin-top:40px}.end{padding-bottom:0}.lo{padding-top:0}.q{grid-column:span 6}.q:nth-child(n+3){margin-top:12px}
 footer{flex-direction:column;gap:2px}
}
@media (prefers-reduced-motion:reduce){.nav a{transition:none}}