.masterclass-page{background:var(--milk);color:var(--ink)}
.masterclass-page .mono-duo-header{position:relative;background:linear-gradient(115deg,#243b34,#4b6464);color:#f5f6f4}
.masterclass-hero,.masterclass-catalog{padding-inline:clamp(24px,5vw,88px)}
.masterclass-hero{padding-top:clamp(38px,5vw,80px);padding-bottom:clamp(80px,11vw,160px)}
.masterclass-meta{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--line);font:500 9px/1.4 var(--body);letter-spacing:.14em}
.masterclass-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.65fr);gap:clamp(40px,7vw,130px);align-items:end;margin-top:clamp(55px,8vw,120px)}
.masterclass-hero h1{margin:0;font:400 clamp(68px,9vw,148px)/.82 var(--display);letter-spacing:-.055em}.masterclass-hero h1 em{padding-left:10vw;color:var(--blue);font-weight:400}.masterclass-dash{font-family:var(--body);font-size:.45em;vertical-align:middle}
.masterclass-eyebrow{font:600 9px/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#687878}
.masterclass-intro h2,.masterclass-heading h2{margin:20px 0;font:400 clamp(40px,4.5vw,72px)/.98 var(--display);letter-spacing:-.04em}.masterclass-intro h2 em,.masterclass-heading h2 em{color:var(--blue);font-weight:400}
.masterclass-intro p{max-width:540px;margin:0 0 28px;font-size:clamp(15px,1.2vw,18px);line-height:1.75}
.masterclass-action{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(100%,310px);min-height:56px;padding:8px 10px 8px 24px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:linear-gradient(125deg,#e4ebec,#cad7dc 52%,#e6eded);box-shadow:inset 0 1px 3px #fff,0 8px 24px #263c3a1a;color:#344849;text-decoration:none;transition:transform .25s,box-shadow .25s}.masterclass-action span:last-child{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffff8c;font-size:20px}.masterclass-action:hover{transform:translateY(-2px);box-shadow:inset 0 1px 3px #fff,0 10px 28px #263c3a30}.masterclass-action:focus-visible,.masterclass-card:focus-visible,.masterclass-backtop:focus-visible{outline:2px solid #577179;outline-offset:3px}
.masterclass-catalog{padding-bottom:clamp(80px,10vw,150px)}.masterclass-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:25px;border-top:1px solid var(--line)}.masterclass-heading h2{flex:1 1 60%;margin:0}.masterclass-heading>a{padding-bottom:6px;border-bottom:1px solid var(--ink);font-size:13px}.masterclass-state{padding:34px 0;font-size:14px;color:#687878}
.masterclass-group{margin-top:clamp(52px,7vw,100px)}.masterclass-group h3{margin:0 0 25px;padding-top:22px;border-top:1px solid var(--line);font:400 clamp(32px,3.5vw,56px)/1 var(--display)}.masterclass-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,2vw,32px)}
.masterclass-card{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.masterclass-card-visual{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:4/4.5;background:linear-gradient(145deg,#dce4e1,#b7c7c4);color:#fff}.masterclass-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.masterclass-card:hover img{transform:scale(1.035)}.masterclass-card-placeholder{font:400 clamp(35px,4vw,65px)/1 var(--display);letter-spacing:-.05em}.masterclass-card-arrow{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff9;border-radius:50%;background:#f6f7f5aa;color:#354a45;font-size:22px;backdrop-filter:blur(8px)}
.masterclass-card-copy{display:block;padding-top:19px}.masterclass-card-title{display:block;font:400 clamp(26px,2.8vw,44px)/1.1 var(--display)}.masterclass-card-price{display:block;margin-top:12px;font-size:12px;letter-spacing:.04em}.masterclass-card-description{display:block;margin-top:12px;font-size:14px;line-height:1.6;color:#687878}
.masterclass-backtop{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:20;padding:13px 20px;border:1px solid #ffffff66;border-radius:999px;background:#263c36;color:#fff;box-shadow:0 7px 20px #16262033;font-size:11px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.masterclass-backtop[hidden]{display:none}
.masterclass-dialog{position:fixed;inset:0;margin:auto;width:min(960px,calc(100vw - 32px));max-height:min(90dvh,900px);padding:0;border:0;border-radius:18px;background:#f5f4f0;color:var(--ink);box-shadow:0 30px 80px #1118;overflow:auto}.masterclass-dialog::backdrop{background:#12221ed9}.masterclass-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.masterclass-dialog-close{position:absolute;top:14px;right:14px;z-index:2;width:44px;height:44px;border:1px solid #b8c5c5;border-radius:50%;background:#f8faf9d9;color:#263c36;font-size:27px;cursor:pointer}.masterclass-dialog-image{min-height:480px;background:#dbe4e1}.masterclass-dialog-image[hidden]{display:none}.masterclass-dialog-image img{width:100%;height:100%;max-height:80dvh;object-fit:contain;object-position:center}.masterclass-dialog-copy{padding:clamp(35px,5vw,70px);align-self:center}.masterclass-dialog-copy h2{margin:18px 0;font:400 clamp(40px,4vw,66px)/1 var(--display)}.masterclass-dialog-price{margin-bottom:18px;font-size:14px}.masterclass-dialog-description{margin-bottom:26px;white-space:pre-line;line-height:1.7}.masterclass-dialog-image[hidden]+.masterclass-dialog-copy{grid-column:1/-1}
@media(max-width:767px){.masterclass-hero,.masterclass-catalog{padding-inline:20px}.masterclass-meta span:last-child{display:none}.masterclass-hero-grid{grid-template-columns:1fr;gap:55px;margin-top:55px}.masterclass-hero h1{font-size:clamp(68px,17vw,112px)}.masterclass-hero h1 em{padding-left:12vw}.masterclass-intro h2{font-size:48px}.masterclass-heading{align-items:start}.masterclass-heading h2{flex-basis:100%;font-size:47px}.masterclass-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.masterclass-card-title{font-size:26px}.masterclass-card-arrow{width:36px;height:36px;right:9px;bottom:9px}.masterclass-card-description{font-size:12px}.masterclass-dialog[open]{display:block}.masterclass-dialog-image{height:40dvh;min-height:200px}.masterclass-dialog-copy{padding:30px 24px 34px}.masterclass-dialog-copy h2{font-size:42px}}
@media(max-width:360px){.masterclass-grid{grid-template-columns:1fr}.masterclass-card-title{font-size:30px}}
@media(prefers-reduced-motion:reduce){.masterclass-card-visual img,.masterclass-action{transition:none}}

.masterclass-action svg,.masterclass-card-arrow svg,.mono-duo-header-back svg,.masterclass-heading>a svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
.masterclass-heading>a span,.mono-duo-header-back span{display:inline-flex;vertical-align:middle}