/* Editorial occasion guide. Layout and motion styling are scoped to this page. */
.occasion-guide{--og-ink:#075668;--og-muted:#768f92;--og-copy:#587279;--og-gold:#b89769;--og-line:#d4deda;--og-paper:#f2f3ef;--og-header:89px;background:#fff}
.occasion-guide .og-container{width:90%;max-width:1640px;margin-inline:auto}
.occasion-guide .atelier h1,.occasion-guide .atelier h2,.occasion-guide .atelier h3{color:var(--og-ink);font-weight:400;letter-spacing:-.045em;line-height:1.14;margin:0;padding:0}
.occasion-guide .atelier h1:after{display:none}
.occasion-guide .atelier h1{font-size:clamp(45px,4.5vw,72px)}
.occasion-guide .atelier h2{font-size:clamp(38px,3.8vw,60px)}
.occasion-guide .atelier h3{font-size:clamp(24px,2vw,32px);line-height:1.25;letter-spacing:-.035em}
.occasion-guide .atelier h1 em,.occasion-guide .atelier h2 em{display:block;color:var(--og-muted);font-style:normal}
.occasion-guide .atelier p{color:var(--og-copy);font-size:15px;line-height:1.85;margin:0}
.occasion-guide .atelier .og-eyebrow{display:flex;align-items:center;gap:16px;font-size:10px;font-weight:500;letter-spacing:.15em;line-height:1.7;text-transform:uppercase;color:var(--og-ink);margin:0 0 23px}
.occasion-guide .og-eyebrow:before{content:'';width:30px;height:1px;flex:0 0 30px;background:var(--og-gold)}
.occasion-guide .atelier .og-lead{font-size:16px;line-height:1.85;margin-top:27px;max-width:49ch}
.occasion-guide .og-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px;margin-top:28px}
.occasion-guide .og-actions .ad-button{font-size:12px;padding:15px 24px;min-height:50px}
.occasion-guide .og-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:9px 0 7px;border-bottom:1px solid #a9bdbb;text-decoration:none;font-size:12px;line-height:1.6;color:var(--og-ink);vertical-align:top}
.occasion-guide .og-text-link:hover{border-color:var(--og-gold)}
.occasion-guide .og-hero{padding-block:55px 36px}
.occasion-guide .og-hero-copy{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:clamp(45px,8vw,130px)}
.occasion-guide .og-hero-intro{padding-bottom:5px}
.occasion-guide .og-hero-intro .og-lead{margin-top:0;max-width:45ch}
.occasion-guide .og-model{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;max-width:100%;margin:0}
.occasion-guide .og-cutout{display:block;position:relative;width:100%;height:100%}
.occasion-guide .og-cutout .og-model{position:absolute;left:50%;bottom:calc(-100% * var(--og-alpha-bottom) / var(--og-alpha-height));translate:-50% 0;width:auto;max-width:none;height:calc(100% / var(--og-alpha-height));padding:0}
.occasion-guide .og-overview{padding-top:40px;scroll-margin-top:24px}
.occasion-guide .atelier .og-prompt{font-size:13px;color:var(--og-ink);margin-bottom:24px}
.occasion-guide .og-lineup{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(12px,2vw,36px)}
.occasion-guide .og-preview{text-decoration:none;color:var(--og-ink);min-width:0;text-align:center;display:block}
.occasion-guide .og-preview figure{height:270px;margin:0 0 12px;padding:0 8px}
.occasion-guide .og-preview>span{display:inline-block;font-size:12px;line-height:1.5;padding:10px 0;min-height:44px;border-bottom:1px solid transparent}
.occasion-guide .og-preview:hover>span,.occasion-guide .og-preview:focus-visible>span{border-color:var(--og-gold)}
.occasion-guide .og-section{padding-block:80px}
.occasion-guide .og-section-head{margin-bottom:42px;max-width:1050px}
.occasion-guide [data-occasion],.occasion-guide #domluvit-navstevu,.occasion-guide #konzultace{scroll-margin-top:calc(var(--og-header) + 20px)}
.occasion-guide .og-work-pair{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(40px,7vw,120px)}
.occasion-guide .og-outfit{min-width:0;position:relative}
.occasion-guide .og-outfit-photo{margin:0 0 25px;padding:20px 0 32px;position:relative;border-bottom:1px solid var(--og-line)}
.occasion-guide .og-work-pair .og-outfit-photo{height:540px;padding-top:0}
.occasion-guide .og-work-pair .og-outfit-photo:after{content:'';position:absolute;bottom:-1px;left:0;width:45px;height:2px;background:var(--og-gold)}
.occasion-guide .og-outfit-photo .og-model{padding-bottom:0;box-sizing:border-box}
.occasion-guide .og-outfit-photo figcaption{position:absolute;bottom:9px;right:0;font-size:10px;line-height:1.4;color:var(--og-copy)}
.occasion-guide .og-outfit-copy{max-width:520px}.occasion-guide .og-outfit-copy h3{min-height:2.5em}
.occasion-guide .og-outfit-copy .og-eyebrow{margin-bottom:14px}
.occasion-guide .og-outfit-copy>p:not(.og-eyebrow){margin-top:18px;font-size:14px;line-height:1.85;max-width:52ch}
.occasion-guide .og-outfit-copy .og-help{margin-top:17px}
.occasion-guide .og-leisure{background:var(--og-paper)}
.occasion-guide .og-leisure .og-section-head{max-width:1000px}
.occasion-guide .og-leisure-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,4vw,70px);align-items:start}
.occasion-guide .og-leisure .og-outfit-photo{height:460px;padding:0;border:0;margin-bottom:28px}
.occasion-guide .og-leisure .og-outfit-copy h3{font-size:27px}
.occasion-guide .og-winter{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px 80px;align-items:center}
.occasion-guide .og-winter-copy h2{max-width:14ch}
.occasion-guide .og-winter-copy .og-help{margin-top:22px}
.occasion-guide .og-winter-comparison{display:flex;gap:40px;align-items:end;position:relative;padding-bottom:32px}
.occasion-guide .og-winter-comparison figure{flex:1;min-width:0;margin:0;position:relative;z-index:1}
.occasion-guide .og-winter-coat .og-cutout{height:530px}
.occasion-guide .og-winter-knit .og-cutout{height:405px}
.occasion-guide .og-winter-comparison figcaption{text-align:center;font-size:10px;color:var(--og-copy);position:absolute;top:calc(100% + 15px);width:100%;line-height:1.6;max-width:100%}
.occasion-guide .og-connection{position:absolute;left:33%;right:30%;height:1px;top:42%;background:var(--og-gold);transform-origin:left;z-index:0}
.occasion-guide .og-principle{grid-column:1/-1;border-top:1px solid var(--og-line);display:grid;grid-template-columns:1.1fr 1fr;gap:14px 80px;padding-top:35px;margin-top:28px}
.occasion-guide .og-principle .og-eyebrow{grid-column:1/-1;margin:0}
.occasion-guide .og-principle>p:last-child{max-width:52ch}
.occasion-guide .og-wedding{background:var(--og-paper)}
.occasion-guide .og-wedding-layout{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto 1fr;align-items:start;gap:30px clamp(60px,8vw,120px)}
.occasion-guide .og-wedding-heading{grid-column:2;grid-row:1;padding-top:35px}
.occasion-guide .og-wedding-comparison{grid-column:1;grid-row:1/span 2;display:flex;align-items:end;gap:24px;padding-bottom:45px;position:relative}
.occasion-guide .og-wedding-comparison figure{flex:1;min-width:0;margin:0;position:relative}
.occasion-guide .og-wedding-formal .og-cutout{height:600px}
.occasion-guide .og-wedding-relaxed .og-cutout{height:535px}
.occasion-guide .og-wedding-comparison figcaption{position:absolute;top:calc(100% + 18px);width:100%;text-align:center;font-size:10px;color:var(--og-copy);line-height:1.6}
.occasion-guide .og-wedding-heading h2{max-width:16ch}
.occasion-guide .og-wedding-advice{grid-column:2;grid-row:2}
.occasion-guide .og-roles{border:0;padding:0;margin:0 0 25px;min-width:0}
.occasion-guide .og-roles[hidden],.occasion-guide .og-role-field[hidden],.occasion-guide [data-role-title][hidden]{display:none}
.occasion-guide .og-roles legend{font-size:12px;color:var(--og-copy);padding:0;margin-bottom:12px}
.occasion-guide .og-roles>div{display:flex;gap:30px;flex-wrap:wrap}
.occasion-guide .og-roles label{position:relative;display:block;margin:0;cursor:pointer}
.occasion-guide .og-roles input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}
.occasion-guide .og-roles span{display:block;padding:9px 0;min-height:44px;box-sizing:border-box;color:var(--og-copy);font-size:15px;border-bottom:2px solid transparent}
.occasion-guide .og-roles input:checked+span{border-color:var(--og-gold);color:var(--og-ink);font-weight:500}
.occasion-guide .og-roles input:focus-visible+span{outline:2px solid var(--og-ink);outline-offset:5px}
.occasion-guide .og-role-advice{min-height:155px}
.occasion-guide .og-role-advice h3{font-size:26px;margin-bottom:14px}
.occasion-guide .og-role-advice p{max-width:48ch}
.occasion-guide .atelier .og-tailoring{padding-top:23px;margin-top:24px;border-top:1px solid #c5d0cb;font-size:12px;color:var(--og-ink)}
.occasion-guide .og-wedding .og-actions{gap:12px 25px;align-items:flex-start;flex-direction:column;margin-top:24px}
.occasion-guide .og-wedding .ad-button{font-size:12px;padding:16px 22px;max-width:100%;box-sizing:border-box;text-align:center}
.occasion-guide .atelier .ep-visit{padding-block:80px;scroll-margin-top:100px}
.occasion-guide .og-closing{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;align-items:start;margin:0 0 50px}
.occasion-guide .og-closing>div>p:not(.og-eyebrow){margin:0 0 18px}
.occasion-guide .og-occasion-field{display:block;grid-column:1/-1;margin-bottom:20px}
.occasion-guide .og-occasion-field select{display:block;width:100%;margin-top:9px;border:1px solid #b8cbd0;background:white;color:var(--og-ink);font:inherit;font-size:14px;padding:15px 16px;border-radius:0;min-height:51px}
.occasion-guide .oc-menu-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
.occasion-guide .oc-menu-all{display:inline-flex;align-items:center;gap:12px;margin-top:18px;min-height:44px;font-size:12px;color:var(--og-ink);text-decoration:none;border-bottom:1px solid var(--og-gold)}
.occasion-guide a:focus-visible,.occasion-guide button:focus-visible,.occasion-guide select:focus-visible{outline:2px solid var(--og-ink);outline-offset:5px}
.occasion-guide [data-occasion]:focus{outline:none}
.occasion-guide [data-occasion]:focus-visible .og-eyebrow{outline:1px solid var(--og-gold);outline-offset:7px}
.occasion-guide .og-skip{position:fixed;top:-150px;left:20px;z-index:1000;background:white;border:2px solid var(--og-ink);padding:15px;color:var(--og-ink)}
.occasion-guide .og-skip:focus{top:12px}
.occasion-guide .cv-reveal-word{display:inline-block;vertical-align:baseline;white-space:nowrap}
.occasion-guide .cv-reveal-piece{display:inline-block;will-change:auto}
@media(min-width:701px)and(max-width:1100px){.occasion-guide .og-hero-copy{gap:35px}.occasion-guide .og-lineup{gap:14px}.occasion-guide .og-preview figure{height:210px}.occasion-guide .og-winter{gap:30px 40px}.occasion-guide .og-winter-coat .og-cutout{height:450px}.occasion-guide .og-winter-knit .og-cutout{height:350px}.occasion-guide .og-leisure-trio{gap:25px}.occasion-guide .og-leisure .og-outfit-photo{height:360px}.occasion-guide .og-wedding-layout{gap:30px 40px}}
@media(max-width:900px){.occasion-guide .oc-menu-grid{grid-template-columns:1fr}}
@media(max-width:700px){
 .occasion-guide .og-hero{padding-block:32px 26px}
 .occasion-guide .atelier h1{font-size:41px;line-height:1.12}
 .occasion-guide .atelier h2{font-size:35px;line-height:1.18}
 .occasion-guide .atelier h3{font-size:26px}
 .occasion-guide .atelier .og-eyebrow{font-size:9px;gap:13px;letter-spacing:.12em;margin-bottom:18px}
 .occasion-guide .atelier p{font-size:14px;line-height:1.85}
 .occasion-guide .atelier .og-lead{font-size:14px;margin-top:22px}
 .occasion-guide .og-hero-copy{display:block}.occasion-guide .og-hero-intro{padding:0}.occasion-guide .og-hero-intro .og-lead{margin-top:22px}
 .occasion-guide .og-actions{gap:12px 20px;margin-top:22px}
 .occasion-guide .og-actions .ad-button{font-size:11px;min-height:46px;padding:13px 20px}
 .occasion-guide .og-text-link{font-size:11px}
 .occasion-guide .og-overview{padding-top:30px}
 .occasion-guide .atelier .og-prompt{font-size:12px;margin-bottom:20px}
 .occasion-guide .og-lineup{grid-template-columns:repeat(8,minmax(0,1fr));gap:20px 10px;margin-top:0}
 .occasion-guide .og-preview figure{height:166px;padding:0 4px;margin-bottom:2px}
 .occasion-guide .og-preview>span{font-size:10px;padding:8px 0;min-height:35px}
 .occasion-guide .og-preview{grid-column:span 2}.occasion-guide .og-preview:nth-child(5){grid-column:2/span 2}.occasion-guide .og-preview:nth-child(6){grid-column:4/span 2}.occasion-guide .og-preview:last-child{grid-column:6/span 2}
 .occasion-guide .og-section{padding-block:48px}
 .occasion-guide .og-section-head{margin-bottom:30px}
 .occasion-guide .og-work-pair{display:block}
 .occasion-guide .og-work-pair .og-outfit+.og-outfit{margin-top:38px}
 .occasion-guide .og-work-pair .og-outfit-photo{height:455px;padding-top:0}
 .occasion-guide .og-outfit-copy h3{min-height:0}
 .occasion-guide .og-outfit-copy .og-eyebrow{font-size:10px;margin-bottom:13px}
 .occasion-guide .og-outfit-copy>p:not(.og-eyebrow){font-size:14px;margin-top:16px}
 .occasion-guide .og-outfit-photo figcaption{font-size:9px}
 .occasion-guide .og-outfit-copy .og-help{margin-top:15px}
 .occasion-guide .og-leisure-trio{display:block}
 .occasion-guide .og-leisure .og-outfit,.occasion-guide .og-leisure .og-outfit:nth-child(2),.occasion-guide .og-leisure .og-outfit:nth-child(3){padding:0;margin-bottom:38px}
 .occasion-guide .og-leisure .og-outfit:last-child{margin-bottom:0}
 .occasion-guide .og-leisure .og-outfit-photo,.occasion-guide .og-leisure .og-outfit:nth-child(2) .og-outfit-photo,.occasion-guide .og-leisure .og-outfit:nth-child(3) .og-outfit-photo{height:425px;padding:0;margin-bottom:22px}
 .occasion-guide .og-leisure .og-outfit-copy{max-width:38ch}
 .occasion-guide .og-leisure .og-outfit-copy h3{font-size:26px}
 .occasion-guide .og-winter{display:flex;flex-direction:column;align-items:stretch;gap:30px}
 .occasion-guide .og-winter-copy h2{max-width:16ch}
 .occasion-guide .og-winter-comparison{gap:22px;padding-bottom:33px}
 .occasion-guide .og-winter-coat .og-cutout{height:340px}
 .occasion-guide .og-winter-knit .og-cutout{height:285px}
 .occasion-guide .og-winter-comparison figcaption{font-size:8px}
 .occasion-guide .og-principle{display:block;margin-top:0;padding-top:25px}
 .occasion-guide .og-principle h3{font-size:28px;margin:16px 0}
 .occasion-guide .og-wedding-layout{display:flex;flex-direction:column;align-items:stretch;gap:27px}.occasion-guide .og-wedding-heading{padding:0}.occasion-guide .og-role-advice{min-height:0}.occasion-guide .og-wedding-advice .og-actions{margin-top:26px}
 .occasion-guide .og-wedding-comparison{gap:15px;padding-bottom:40px}.occasion-guide .og-wedding-formal .og-cutout{height:355px}.occasion-guide .og-wedding-relaxed .og-cutout{height:325px}.occasion-guide .og-wedding-comparison figcaption{font-size:8px;top:calc(100% + 13px)}
 .occasion-guide .og-wedding-heading h2{max-width:16ch}
 .occasion-guide .og-closing{display:block;margin-bottom:30px}
 .occasion-guide .og-closing h2{margin-bottom:24px}
 .occasion-guide .atelier .ep-visit{padding-block:48px}
 .occasion-guide [data-occasion],.occasion-guide #domluvit-navstevu{scroll-margin-top:16px}
 .occasion-guide .og-occasion-field select{font-size:14px;min-height:50px}
}
@media(prefers-reduced-motion:reduce){.occasion-guide .cv-reveal-piece,.occasion-guide .og-model,.occasion-guide .og-cutout{transform:none!important;opacity:1!important}}
html[data-ad-motion=off] .occasion-guide .cv-reveal-piece,html[data-ad-motion=off] .occasion-guide .og-model,html[data-ad-motion=off] .occasion-guide .og-cutout{transform:none!important;opacity:1!important}

/* Shared atelier heading spans are muted; only authored em lines use that tone here. */
.occasion-guide .atelier h1 span,.occasion-guide .atelier h2 span,.occasion-guide .atelier h3 span{color:inherit}

.occasion-guide #og-content:focus{outline:none}