.mag-cc{--mag-cc-red: #a51c30;--mag-cc-text: #351e1b;--mag-cc-title-dark: #202329;--mag-cc-muted: #525252;--mag-cc-border: #e5e5e5;--mag-cc-photo-bg: #f5f5f5;--mag-cc-gap: 32px;width:100%;background:rgb(var(--color-background))}@media screen and (min-width:750px){.mag-cc{border-bottom:1px solid var(--mag-cc-border)}}.mag-cc__inner{display:flex;flex-direction:column;align-items:stretch;gap:24px;width:100%;max-width:1440px;margin-inline:auto;padding-inline:20px;box-sizing:border-box}@media screen and (min-width:750px){.mag-cc__inner{flex-direction:row;align-items:stretch;gap:var(--mag-cc-gap);padding-inline:clamp(2rem,5vw,6.4rem)}}.mag-cc__featured{display:flex;flex-direction:column;align-items:stretch;gap:16px;width:100%;min-width:0;text-decoration:none;color:inherit;box-sizing:border-box}.mag-cc__featured:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px;border-radius:8px}@media screen and (min-width:750px){.mag-cc__featured{flex-direction:row;align-items:center;flex:1 1 0;gap:var(--mag-cc-gap)}}.mag-cc__featured-media{position:relative;flex:none;min-width:0;width:100%;overflow:hidden;border-radius:8px;background-color:var(--mag-cc-photo-bg);aspect-ratio:457.5 / 429}@media screen and (min-width:750px){.mag-cc__featured-media{flex:1 1 0;width:auto}}.mag-cc__featured-media--placeholder{display:flex;align-items:center;justify-content:center}.mag-cc__featured-photo-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mag-cc__featured-img{display:block;width:100%;height:100%;object-fit:var(--mag-image-fit, cover);object-position:var(--mag-image-position, center center)}.mag-cc__featured-placeholder{position:relative;z-index:1;margin:0;padding:1.6rem;font-family:var(--font-body-family),"Work Sans",sans-serif;font-size:1.5rem;color:var(--mag-cc-text);opacity:.5;text-align:center}.mag-cc__featured-body{flex:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;min-width:0;width:100%;max-width:100%}@media screen and (min-width:750px){.mag-cc__featured-body{flex:1 1 0;width:auto}}.mag-cc__featured-category{margin:0;font-family:var(--font-body-family),"Work Sans",sans-serif;font-weight:400;font-size:15px;line-height:1.4;letter-spacing:.01em;text-transform:uppercase;color:var(--mag-cc-red)}.mag-cc__featured-category+.mag-cc__featured-title-wrap{margin-top:-12px}.mag-cc__featured-title-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.mag-cc__featured-title{margin:0;font-family:var(--font-heading-family),"Cormorant Garamond",serif;font-weight:500;font-size:clamp(3.2rem,3vw,4.8rem);line-height:1.1;letter-spacing:-.03em;color:var(--mag-cc-text)}.mag-cc__featured-excerpt{margin:0;font-family:var(--font-body-family),"Work Sans",sans-serif;font-weight:400;font-size:16px;line-height:1.4;letter-spacing:-.03em;color:var(--mag-cc-muted)}.mag-cc__featured-meta{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%}.mag-cc__featured-author{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:6px;max-width:100%;min-width:0}.mag-cc__featured-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50px;border:1px solid var(--mag-cc-border);overflow:hidden;background-color:#351e1b0f}.mag-cc__featured-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.mag-cc__featured-author-name{flex:0 1 auto;min-width:0;overflow:visible;font-family:var(--font-body-family),"Work Sans",sans-serif;font-weight:500;font-size:15px;line-height:1.4;color:var(--mag-cc-text)}.mag-author-avatar-stack+.mag-cc__featured-author-name{margin-top:7.5px}.mag-cc__featured-timestamp{display:flex;flex-flow:row wrap;align-items:center;gap:8px}.mag-cc__featured-date,.mag-cc__featured-read{font-family:var(--font-body-family),"Work Sans",sans-serif;font-weight:400;font-size:15px;line-height:1.4;color:var(--mag-cc-text);opacity:.7}.mag-cc__featured-ts-sep{font-family:var(--font-body-family),"Work Sans",sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:var(--mag-cc-text)}.mag-cc__cartoon{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;box-sizing:border-box}@media screen and (min-width:750px){.mag-cc__cartoon{flex:0 0 300px;width:300px;max-width:100%}.mag-cc__cartoon--divided{flex-basis:calc(300px + var(--mag-cc-gap) + 1px);width:calc(300px + var(--mag-cc-gap) + 1px);border-left:1px solid var(--mag-cc-border);padding-left:var(--mag-cc-gap)}}.mag-cc__cartoon-head{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.mag-cc__cartoon-category{margin:0;font-family:var(--font-body-family),"Work Sans",sans-serif;font-weight:400;font-size:15px;line-height:1.4;color:var(--mag-cc-red)}.mag-cc__cartoon-category+.mag-cc__cartoon-title{margin-top:-2px}.mag-cc__cartoon-title{margin:0;font-family:var(--font-heading-family),"Cormorant Garamond",serif;font-weight:500;font-size:clamp(3.2rem,5vw,3.4rem);line-height:1.1;letter-spacing:-.03em;color:var(--mag-cc-text)}@media screen and (min-width:750px){.mag-cc__cartoon-title{font-size:34px;line-height:1;letter-spacing:normal;color:var(--mag-cc-title-dark)}}.mag-cc__cartoon-title-link{text-decoration:none;color:inherit}.mag-cc__cartoon-title-link:hover{text-decoration:underline;text-underline-offset:.12em}.mag-cc__cartoon-link{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:0;border:0;background:none;font:inherit;text-align:inherit;text-decoration:none;color:inherit;cursor:pointer}.mag-cc__cartoon-opener{display:block;width:100%;padding-bottom:32px;box-sizing:border-box}.mag-cc__cartoon-link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px;border-radius:8px}.mag-cc__cartoon-media{position:relative;width:100%;overflow:hidden;border-radius:8px;border:1px solid var(--mag-cc-border);aspect-ratio:300 / 280;max-height:313.45px}@media screen and (min-width:750px){.mag-cc__cartoon-media{max-height:280px;aspect-ratio:300 / 280}}.mag-cc__cartoon-photo-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mag-cc__cartoon-img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:var(--mag-image-fit, contain);object-position:var(--mag-image-position, center center)}.mag-cc__cartoon-media--placeholder{display:flex;align-items:center;justify-content:center}.mag-cc__cartoon-placeholder{position:relative;z-index:1;margin:0;padding:1.2rem;font-family:var(--font-body-family),"Work Sans",sans-serif;font-size:1.4rem;color:var(--mag-cc-text);opacity:.5;text-align:center}.mag-cc__empty-state{padding:clamp(2rem,3vw,3rem);border:1px solid var(--mag-cc-border);border-radius:8px;color:var(--mag-cc-text);font-family:var(--font-body-family),"Work Sans",sans-serif}.mag-cc__empty-state p{margin:0}.cartoon-modal{background-color:rgb(var(--color-background));height:100%;position:fixed;top:0;left:0;width:100%;visibility:hidden;opacity:0;z-index:-1}.cartoon-modal[open]{visibility:visible;opacity:1;z-index:101}.cartoon-modal__dialog{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;box-sizing:border-box}.cartoon-modal__content{display:flex;flex-direction:column;align-items:center;gap:1.6rem;max-width:min(120rem,100%);max-height:100vh;overflow:auto;margin:auto}.cartoon-modal__img{display:block;max-width:100%;max-height:85vh;width:auto;height:auto;object-fit:var(--mag-image-fit, contain);object-position:var(--mag-image-position, center center);border-radius:8px}.cartoon-modal__caption{margin:0;text-align:center;max-width:48rem}.cartoon-modal__title{margin:0 0 .8rem;font-family:var(--font-heading-family),"Work Sans",sans-serif;font-size:1.8rem;line-height:1.3;color:var(--mag-cc-title-dark, #202329)}.cartoon-modal__byline{margin:0;font-family:var(--font-body-family),"Work Sans",sans-serif;font-size:1.4rem;color:var(--mag-cc-muted, #525252)}.cartoon-modal__close{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;position:fixed;top:2rem;right:2rem;z-index:2;width:4rem;height:4rem;padding:1.2rem}.cartoon-modal__close:hover{color:rgb(var(--color-foreground))}.cartoon-modal__close .icon{height:auto;margin:0;width:2.2rem}@media screen and (min-width:750px){.cartoon-modal__dialog{padding:2rem 5rem}.cartoon-modal__close{right:5rem;top:2.2rem}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-magazine-cartoon-corner.css.map */