.media-section{padding:64px 0;clear:both}.media-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.media-heading h2{font:normal clamp(30px,4vw,48px)/1.1 Georgia,serif;margin:12px 0}.media-heading p{color:#646956}.media-tools{display:flex;flex-wrap:wrap;gap:16px;background:#eeefdf;padding:20px;border-radius:12px;margin:28px 0 18px}.media-tools label{display:grid;gap:5px;font:12px system-ui;flex:1;min-width:140px}.media-tools input,.media-tools select{padding:12px;border:1px solid #c9cebc;border-radius:6px;background:white;font:14px system-ui;width:100%;min-width:0}.media-status{font-size:13px;color:#656c5a}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}.media-card{border:1px solid #dbdfd0;border-radius:12px;overflow:hidden;background:#fff;min-width:0}.media-cover{display:block;position:relative;width:100%;padding:0;border:0;background:#eae8df;cursor:pointer;aspect-ratio:3/4}.media-cover img{width:100%;height:100%;object-fit:cover}.media-cover span,.portrait-media span{position:absolute;bottom:14px;left:14px;padding:7px 13px;border-radius:30px;color:white;background:#303a2ee8;font:12px system-ui}.media-card-copy{padding:16px}.media-card-copy h3{font:normal 23px/1.16 Georgia,serif;margin:8px 0;overflow-wrap:anywhere}.media-card-copy .eyebrow{font:10px system-ui;letter-spacing:1px}.media-caption{font:11px/1.5 system-ui;color:#68715c}.media-choose{display:grid;gap:8px;margin-top:16px}.media-choose button,.media-related{font:12px system-ui;padding:10px;background:#eeefdf;border:1px solid #d6dacb;border-radius:6px;cursor:pointer}.media-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:28px;padding-bottom:28px}.media-nav nav{display:flex;gap:20px;flex-wrap:wrap}.media-hero{padding:55px 0 0}.media-hero h1{font:normal clamp(52px,7vw,86px)/1.02 Georgia,serif;letter-spacing:-3px;margin:20px 0}.media-hero h1 em{color:#a9573b}.media-numbers{display:flex;gap:35px;margin:30px 0}.media-numbers strong{font:34px Georgia,serif;margin-right:8px}.media-dialog{padding:0;border:0;border-radius:14px;width:min(940px,94vw);max-height:92vh;background:#faf8f0;color:#37412f;overflow:auto}.media-dialog[open]{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.media-dialog::backdrop{background:#171e19d9}.media-close{position:absolute;right:12px;top:12px;background:#fff;border:1px solid #b5b8ae;border-radius:50%;width:40px;height:40px;z-index:2;cursor:pointer}.media-player{background:#171b16;display:flex;align-items:center;justify-content:center;min-height:250px}.media-player img,.media-player video{display:block;max-width:100%;width:100%;max-height:85vh;object-fit:contain}.media-dialog-copy{padding:58px 26px 28px;overflow-wrap:anywhere;font:14px/1.6 system-ui}.media-dialog-copy h2{font:32px/1.1 Georgia,serif}.media-actions{display:flex;gap:20px;flex-wrap:wrap;margin:25px 0}.media-source-note{font-size:12px;color:#686d5e}.portrait-media{display:block;position:relative;border:0;padding:0;background:#e9e6dd;width:100%;border-radius:24px;overflow:hidden;cursor:pointer}.portrait-media img{width:100%;height:100%;display:block;object-fit:cover}.hero-art .portrait-media{aspect-ratio:1/1.05}.about-art .portrait-media{max-width:390px;aspect-ratio:3/4;margin:auto}.hero-art .portrait-media img{height:100%}.media-recipe-select{margin:15px 0}.media-recipe-detail{margin:35px auto;max-width:480px}.cms-main .media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-media-selection{padding:16px;background:#eeefdf;border-radius:8px}.auth-media-link{display:block;margin-top:18px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a85438;outline-offset:3px}[hidden]{display:none!important}@media(max-width:1000px){.media-grid,.cms-main .media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.media-grid,.cms-main .media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-heading,.media-nav{align-items:start;flex-direction:column}.media-dialog[open]{display:block}.media-player video,.media-player img{max-height:60vh}.media-dialog-copy{padding:24px}.media-card-copy{padding:12px}.media-card-copy h3{font-size:20px}.media-section{padding:38px 0}.media-numbers{gap:15px;flex-wrap:wrap}}@media(max-width:380px){.media-grid,.cms-main .media-grid{grid-template-columns:1fr}}
.media-nav nav{position:static;inset:auto;max-width:100%;padding:0;box-shadow:none;flex-direction:row;background:transparent}