/* Oddly Enough theme. Surreal vintage collage: sky, clouds, cut-outs on strings.
   All colours and fonts come from the tokens below. */
:root {
    --oe-sky: #2F6EA5;
    --oe-sky-deep: #1F4F7A;
    --oe-sky-night: #163E63;
    --oe-sky-light: #8FC1E3;
    --oe-sky-pale: #BFDDF0;
    --oe-cloud: #FFFFFF;
    --oe-cream: #F7F1E6;
    --oe-paper: #FFFBF3;
    --oe-red: #C8322A;
    --oe-red-deep: #A8241E;
    --oe-pink: #F4A9AE;
    --oe-lemon: #F6D44A;
    --oe-orange: #F59A3A;
    --oe-green: #2E5B3B;
    --oe-ink: #1E1B18;
    --oe-muted: #5A544C;
    --oe-muted-light: #DCE9F4;
    --oe-font-display: 'DM Serif Display', Georgia, 'Times New Roman', serif;
    --oe-font-body: Karla, Arial, Helvetica, sans-serif;
    --oe-sticker: 0 0 0 6px var(--oe-cloud);
    --oe-lift: 0 14px 28px rgba(22, 32, 48, .22), 0 3px 6px rgba(22, 32, 48, .14);
    --oe-lift-sm: 0 8px 16px rgba(22, 32, 48, .18), 0 2px 4px rgba(22, 32, 48, .12);
    --oe-obj-filter: drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 12px 14px rgba(22, 32, 48, .28));
    --oe-radius: 4px;
    --oe-section: 1200px;
    --oe-text: 850px;
    --oe-pad: 30px;
    --ghost-accent-color: #C8322A;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
    margin: 0;
    background-color: var(--oe-cream);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.1 0 0 0 0 0.09 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    color: var(--oe-ink);
    font-family: var(--oe-font-body);
    font-size: 18px;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
:focus-visible { outline: 3px solid var(--oe-red); outline-offset: 3px; }

.oe-skip { position: absolute; left: -9999px; top: 8px; z-index: 100; background: var(--oe-lemon); color: var(--oe-ink); padding: 10px 16px; font-weight: 700; }
.oe-skip:focus { left: 16px; }

.oe-wrap { position: relative; width: 100%; max-width: var(--oe-section); margin: 0 auto; padding: 0 var(--oe-pad); }
.oe-text, .oe-headwrap { max-width: var(--oe-text); }
.oe-sec { position: relative; padding: 80px 0; }
.oe-main { display: block; }

/* Type */
.oe-h1, .oe-h2, .oe-h3, .oe-article-title {
    font-family: var(--oe-font-display);
    font-weight: 400;
    letter-spacing: -0.01em;
    color: var(--oe-ink);
    margin: 0;
}
.oe-h1 { font-size: clamp(42px, 6.2vw, 76px); line-height: 0.98; margin-bottom: 20px; }
.oe-h1 em, .oe-h2 em { font-style: italic; color: var(--oe-red); }
.oe-h2 { font-size: clamp(32px, 4.4vw, 50px); line-height: 1.04; margin-bottom: 14px; }
.oe-h3 { font-size: 24px; line-height: 1.12; margin-bottom: 8px; }
.oe-lead { font-size: 20px; line-height: 1.45; margin: 0 0 26px; max-width: 640px; }
.oe-note { font-size: 14px; color: var(--oe-muted); margin: 12px 0 0; }

.oe-pill {
    display: inline-block;
    font-family: var(--oe-font-body);
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 7px 14px;
    background: var(--oe-pink);
    color: var(--oe-ink);
    margin-bottom: 18px;
    transform: rotate(-2deg);
    box-shadow: var(--oe-sticker), var(--oe-lift-sm);
}
.oe-pill-lemon { background: var(--oe-lemon); }

/* Buttons */
.oe-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--oe-font-body);
    font-weight: 800;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    padding: 15px 24px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    box-shadow: var(--oe-lift-sm);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    white-space: nowrap;
}
.oe-btn:hover { transform: translateY(-2px) rotate(-1deg); box-shadow: var(--oe-lift); }
.oe-btn:active { transform: translateY(1px); box-shadow: var(--oe-lift-sm); }
.oe-btn-red { background: var(--oe-red); color: var(--oe-cloud); }
.oe-btn-red:hover { background: var(--oe-red-deep); }
.oe-btn-lemon { background: var(--oe-lemon); color: var(--oe-ink); }
.oe-btn-ghost { background: var(--oe-cloud); color: var(--oe-ink); }

/* Header */
.oe-header { position: sticky; top: 0; z-index: 50; background: var(--oe-paper); box-shadow: 0 2px 0 rgba(30, 27, 24, .08); }
.oe-header-inner { display: flex; align-items: center; justify-content: space-between; min-height: 74px; gap: 20px; }
.oe-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--oe-ink); }
.oe-brand-name { font-family: var(--oe-font-display); font-size: 27px; letter-spacing: -0.01em; }
.oe-brand-img { max-height: 42px; width: auto; }
.oe-logo-mark { flex: none; }
.oe-menu { display: flex; align-items: center; gap: 24px; }
.oe-menu-list { display: flex; gap: 24px; list-style: none; margin: 0; padding: 0; }
.oe-menu-link { font-weight: 700; font-size: 16px; text-decoration: none; padding: 4px 2px; background-image: linear-gradient(var(--oe-lemon), var(--oe-lemon)); background-size: 0 40%; background-position: 0 85%; background-repeat: no-repeat; transition: background-size .2s ease; }
.oe-menu-link:hover, .oe-menu-link.is-current { background-size: 100% 40%; }
.oe-burger { display: none; width: 46px; height: 46px; background: var(--oe-lemon); border: 0; border-radius: 50%; cursor: pointer; padding: 14px 12px; flex-direction: column; justify-content: space-between; box-shadow: var(--oe-lift-sm); }
.oe-burger span { display: block; height: 3px; background: var(--oe-ink); border-radius: 2px; transition: transform .2s ease, opacity .2s ease; }
.oe-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.oe-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.oe-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* Forms */
.oe-form { max-width: 560px; }
.oe-form-row { display: flex; gap: 10px; }
.oe-input {
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--oe-font-body);
    font-size: 17px;
    padding: 14px 20px;
    border: 2px solid var(--oe-ink);
    border-radius: 999px;
    background: var(--oe-cloud);
    color: var(--oe-ink);
}
.oe-input::placeholder { color: var(--oe-muted); }
.oe-form-msg { display: none; margin: 12px 0 0; font-size: 15px; font-weight: 700; }
.oe-form.success .oe-success { display: block; }
.oe-form.error .oe-error { display: block; color: var(--oe-red-deep); }
.oe-btn-loading { display: none; }
.oe-form.loading .oe-btn-label { display: none; }
.oe-form.loading .oe-btn-loading { display: inline; }
.oe-form.success .oe-form-row { display: none; }

/* Collage objects */
.oe-obj, .oe-cloud { position: absolute; display: block; filter: var(--oe-obj-filter); pointer-events: none; }
.oe-cloud { filter: drop-shadow(0 10px 12px rgba(22, 32, 48, .18)); }
.oe-obj-svg { display: block; width: 100%; height: auto; }
.oe-string { position: absolute; display: block; width: 2px; background: rgba(30, 27, 24, .55); left: 50%; top: 0; }

/* Hero: sky backdrop with a paper scrap on top */
.oe-hero { position: relative; padding: 64px 0 90px; background: linear-gradient(180deg, var(--oe-sky) 0%, var(--oe-sky-light) 78%, var(--oe-sky-pale) 100%); overflow: hidden; }
.oe-hero-sky { position: absolute; inset: 0; }
.oe-cloud-a { width: 260px; top: 30px; left: -60px; opacity: .95; }
.oe-cloud-b { width: 180px; bottom: 60px; left: 38%; opacity: .85; }
.oe-cloud-c { width: 220px; top: 36%; right: -50px; opacity: .9; }
.oe-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 50px; align-items: center; }
.oe-scrap {
    position: relative;
    z-index: 2;
    background: var(--oe-paper);
    padding: 44px 42px 40px;
    transform: rotate(-1.2deg);
    box-shadow: var(--oe-lift);
    clip-path: polygon(0 1.5%, 6% 0, 14% 1.2%, 23% 0.2%, 33% 1.4%, 44% 0, 55% 1.1%, 66% 0.3%, 77% 1.3%, 88% 0.1%, 100% 1%, 99.4% 14%, 100% 30%, 99.2% 48%, 100% 66%, 99.5% 84%, 100% 99%, 89% 98.4%, 78% 100%, 66% 98.8%, 54% 100%, 42% 98.6%, 31% 99.8%, 20% 98.5%, 9% 100%, 0 98.6%, 0.6% 82%, 0 64%, 0.7% 46%, 0 28%, 0.5% 12%);
}
.oe-collage { position: relative; height: 520px; }
.oe-hang { position: absolute; top: -64px; left: 30%; width: 200px; height: 190px; z-index: 6; animation: oe-sway 6s ease-in-out infinite; transform-origin: 50% 0; }
.oe-hang .oe-string { height: 110px; }
.oe-hang-cloud { width: 200px; top: 96px; left: 0; filter: drop-shadow(0 12px 14px rgba(22, 32, 48, .25)); }
@keyframes oe-sway { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }
.oe-cut {
    position: absolute;
    width: 54%;
    padding: 16px 18px;
    background: var(--oe-paper);
    box-shadow: var(--oe-sticker), var(--oe-lift);
    display: flex;
    align-items: center;
    gap: 14px;
    z-index: 3;
}
.oe-cut-word { font-family: var(--oe-font-display); font-size: clamp(19px, 2vw, 25px); line-height: 1.05; color: var(--oe-ink); }
.oe-cut-1 { top: 132px; left: 0; transform: rotate(-5deg); }
.oe-cut-2 { top: 206px; right: 2%; transform: rotate(4deg); }
.oe-cut-3 { top: 288px; left: 6%; transform: rotate(-2deg); }
.oe-cut-4 { top: 366px; right: 8%; transform: rotate(5deg); }
.oe-cut-5 { top: 444px; left: 16%; transform: rotate(-3deg); }
.oe-obj-lemon { width: 96px; top: 96px; right: 2%; transform: rotate(18deg); z-index: 5; }
.oe-obj-egg { width: 130px; bottom: -36px; right: -4%; transform: rotate(-8deg); z-index: 5; }
.oe-obj-leaf { width: 92px; top: 250px; left: -36px; transform: rotate(-24deg); z-index: 2; }
.oe-obj-lips { width: 110px; top: 50px; left: 2%; transform: rotate(-10deg); z-index: 4; }
.oe-num {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    font-family: var(--oe-font-display);
    font-size: 23px;
    line-height: 1;
}
.oe-c-red { background: var(--oe-red); color: var(--oe-cloud); }
.oe-c-lemon { background: var(--oe-lemon); color: var(--oe-ink); }
.oe-c-pink { background: var(--oe-pink); color: var(--oe-ink); }
.oe-c-green { background: var(--oe-green); color: var(--oe-cloud); }
.oe-c-orange { background: var(--oe-orange); color: var(--oe-ink); }

/* Torn paper edge between sections */
.oe-tear {
    position: relative;
    z-index: 4;
    height: 26px;
    margin-top: -25px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 26' preserveAspectRatio='none'%3E%3Cpath d='M0 14 L18 8 L34 15 L52 6 L70 13 L88 9 L104 17 L124 7 L140 12 L160 5 L178 14 L196 9 L214 16 L234 6 L250 13 L270 8 L288 16 L306 7 L324 12 L344 5 L362 15 L380 9 L398 14 L418 6 L436 13 L454 8 L472 17 L492 7 L508 12 L528 6 L546 15 L564 9 L582 14 L600 8 L600 26 L0 26 Z'/%3E%3C/svg%3E") center / 600px 26px repeat-x;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 26' preserveAspectRatio='none'%3E%3Cpath d='M0 14 L18 8 L34 15 L52 6 L70 13 L88 9 L104 17 L124 7 L140 12 L160 5 L178 14 L196 9 L214 16 L234 6 L250 13 L270 8 L288 16 L306 7 L324 12 L344 5 L362 15 L380 9 L398 14 L418 6 L436 13 L454 8 L472 17 L492 7 L508 12 L528 6 L546 15 L564 9 L582 14 L600 8 L600 26 L0 26 Z'/%3E%3C/svg%3E") center / 600px 26px repeat-x;
}
.oe-tear-cream { background: var(--oe-cream); }
.oe-tear-sky { background: var(--oe-sky); }

/* Picker */
.oe-picker { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 40px; align-items: start; margin-top: 34px; }
.oe-picker-nums { display: grid; grid-template-columns: repeat(5, 66px); gap: 14px; padding-top: 8px; }
.oe-picker-num {
    width: 66px; height: 66px;
    border: 0;
    border-radius: 50%;
    font-family: var(--oe-font-display);
    font-size: 30px;
    cursor: pointer;
    box-shadow: var(--oe-sticker), var(--oe-lift-sm);
    transition: transform .18s ease, box-shadow .18s ease;
}
.oe-picker-num:nth-child(odd) { transform: rotate(-6deg); }
.oe-picker-num:nth-child(even) { transform: rotate(6deg) translateY(6px); }
.oe-picker-num:hover { transform: translateY(-4px) scale(1.04); }
.oe-picker-num.is-active { transform: translateY(-8px) scale(1.12); box-shadow: var(--oe-sticker), 0 0 0 9px var(--oe-ink), var(--oe-lift); }
.oe-picker-panels { position: relative; background: var(--oe-paper); box-shadow: var(--oe-sticker), var(--oe-lift); padding: 32px 34px; min-height: 190px; transform: rotate(.6deg); }
.oe-picker-panels::before { content: ""; position: absolute; top: -14px; left: 40px; width: 96px; height: 26px; background: rgba(246, 212, 74, .82); transform: rotate(-4deg); }
.oe-panel p { margin: 0; font-size: 18px; line-height: 1.45; }
.oe-panel.is-active { animation: oe-pop .25s ease; }
@keyframes oe-pop { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* Sky section: latest issues */
.oe-sky { background: linear-gradient(180deg, var(--oe-sky) 0%, var(--oe-sky-deep) 100%); color: var(--oe-cloud); overflow: hidden; }
.oe-sky .oe-h2 { color: var(--oe-cloud); }
.oe-cloud-d { width: 280px; top: 40px; right: -40px; opacity: .35; }
.oe-headwrap-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; max-width: none; margin-bottom: 40px; flex-wrap: wrap; }
.oe-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.oe-card { background: var(--oe-paper); color: var(--oe-ink); box-shadow: var(--oe-sticker), var(--oe-lift); transition: transform .2s ease, box-shadow .2s ease; }
.oe-card:nth-child(3n+1) { transform: rotate(-1.2deg); }
.oe-card:nth-child(3n+2) { transform: rotate(.8deg) translateY(10px); }
.oe-card:nth-child(3n) { transform: rotate(-.6deg); }
.oe-card:hover { transform: translateY(-6px) rotate(0); }
.oe-card-link { display: flex; flex-direction: column; height: 100%; text-decoration: none; }
.oe-card-img { width: 100%; aspect-ratio: 1.91 / 1; object-fit: cover; }
.oe-card-body { display: flex; flex-direction: column; gap: 10px; padding: 24px; flex: 1; }
.oe-card-date { font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--oe-muted); }
.oe-card-title { font-family: var(--oe-font-display); font-size: 24px; line-height: 1.1; color: var(--oe-ink); }
.oe-card-excerpt { font-size: 16px; line-height: 1.4; }
.oe-card-more { margin-top: auto; padding-top: 6px; font-weight: 800; font-size: 15px; color: var(--oe-red); }

/* Split rules */
.oe-split { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 56px; align-items: start; }
.oe-rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.oe-rule { position: relative; background: var(--oe-paper); padding: 28px 26px 26px; box-shadow: var(--oe-sticker), var(--oe-lift-sm); }
.oe-rule:nth-child(1) { transform: rotate(-1.5deg); }
.oe-rule:nth-child(2) { transform: rotate(1.2deg); background: var(--oe-sky-pale); }
.oe-rule:nth-child(3) { transform: rotate(.8deg); background: #FDE7E8; }
.oe-rule:nth-child(4) { transform: rotate(-1deg); }
.oe-rule p { margin: 0; font-size: 16px; line-height: 1.4; }
.oe-rule-mark { position: absolute; top: -26px; right: 18px; width: 64px; filter: var(--oe-obj-filter); }

/* CTA: a card hanging on a string */
.oe-cta { padding: 40px 0 100px; }
.oe-cta-hang { position: relative; max-width: 900px; margin: 0 auto; padding-top: 70px; }
.oe-cta-hang .oe-string { height: 76px; }
.oe-cta-card {
    position: relative;
    text-align: center;
    background: var(--oe-lemon);
    box-shadow: var(--oe-sticker), var(--oe-lift);
    padding: 56px 40px 50px;
    transform: rotate(-1deg);
}
.oe-cta-lemon { position: absolute; top: -40px; right: 26px; width: 84px; filter: var(--oe-obj-filter); transform: rotate(14deg); }
.oe-cta-card .oe-lead { margin-left: auto; margin-right: auto; }
.oe-cta-card .oe-form { margin: 0 auto; }

/* Archive */
.oe-archive-head { padding-bottom: 60px; }
.oe-archive { margin-top: 34px; background: var(--oe-paper); box-shadow: var(--oe-sticker), var(--oe-lift-sm); }
.oe-archive-item + .oe-archive-item { border-top: 2px dashed rgba(30, 27, 24, .18); }
.oe-archive-link { display: grid; grid-template-columns: 150px minmax(0, 1fr) 40px; gap: 20px; align-items: start; padding: 26px 28px; text-decoration: none; transition: background .15s ease; }
.oe-archive-link:hover { background: #FFF4C9; }
.oe-archive-date { font-size: 14px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--oe-muted); padding-top: 5px; }
.oe-archive-body { display: flex; flex-direction: column; gap: 6px; }
.oe-archive-title { font-family: var(--oe-font-display); font-size: 26px; line-height: 1.1; color: var(--oe-ink); }
.oe-archive-excerpt { font-size: 16px; line-height: 1.4; }
.oe-archive-arrow { font-size: 24px; font-weight: 800; text-align: right; color: var(--oe-red); }
.oe-empty { padding: 34px 30px; background: var(--oe-paper); color: var(--oe-ink); box-shadow: var(--oe-sticker), var(--oe-lift-sm); grid-column: 1 / -1; }
.oe-archive .oe-empty { box-shadow: none; }
.oe-empty p { margin: 0 0 16px; }
.oe-empty-title { font-family: var(--oe-font-display); font-size: 26px; }

/* Post */
.oe-article { max-width: calc(var(--oe-text) + 60px); margin: 0 auto; padding: 60px var(--oe-pad) 40px; }
.oe-article-head { margin-bottom: 30px; }
.oe-article-meta { display: flex; flex-wrap: wrap; gap: 10px; font-size: 14px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--oe-muted); margin-bottom: 16px; }
.oe-article-title { font-size: clamp(38px, 5.4vw, 62px); line-height: 1.02; }
.oe-article-excerpt { font-size: 21px; line-height: 1.4; margin: 16px 0 0; }
.oe-article-image { margin: 0 0 30px; }
.oe-article-image img { width: 100%; max-height: 460px; object-fit: cover; box-shadow: var(--oe-sticker), var(--oe-lift); transform: rotate(-.6deg); }
.oe-article-image figcaption { font-size: 14px; color: var(--oe-muted); margin-top: 16px; }
.oe-article-foot { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 50px; padding-top: 30px; border-top: 2px dashed rgba(30, 27, 24, .25); }

.gh-content { font-size: 18px; line-height: 1.55; }
.gh-content > * + * { margin-top: 1.1em; }
.gh-content > :first-child { margin-top: 0; }
.gh-content h2, .gh-content h3, .gh-content h4 { font-family: var(--oe-font-display); font-weight: 400; color: var(--oe-ink); line-height: 1.1; }
.gh-content h2 { font-size: 34px; margin-top: 1.8em; }
.gh-content h3 { font-size: 27px; margin-top: 1.6em; }
.gh-content a { color: var(--oe-red-deep); text-decoration-color: var(--oe-lemon); text-decoration-thickness: 4px; text-underline-offset: 3px; }
.gh-content a:hover { background: #FFF4C9; }
.gh-content blockquote { margin-left: 0; margin-right: 0; padding: 22px 26px; background: var(--oe-paper); border-left: 8px solid var(--oe-red); box-shadow: var(--oe-lift-sm); font-family: var(--oe-font-display); font-size: 24px; line-height: 1.3; }
.gh-content hr { border: 0; height: 14px; margin: 2.4em 0; background-image: radial-gradient(circle, var(--oe-sky) 3px, transparent 3.5px); background-size: 24px 14px; }
.gh-content figcaption { font-size: 14px; color: var(--oe-muted); text-align: center; margin-top: 10px; }
.gh-content ul, .gh-content ol { padding-left: 1.3em; }
.gh-content li + li { margin-top: .4em; }
.kg-width-wide { position: relative; width: min(1100px, calc(100vw - 60px)); left: 50%; transform: translateX(-50%); }
.kg-width-full { position: relative; width: 100vw; left: 50%; transform: translateX(-50%); }

/* Pagination */
.pagination { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; font-weight: 800; }
.pagination a { text-decoration: none; color: var(--oe-red); }

/* Footer */
.oe-footer { position: relative; background: var(--oe-sky-night); color: var(--oe-cloud); padding: 56px 0 26px; }
.oe-footer .oe-brand { color: var(--oe-cloud); }
.oe-footer-inner { display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap; padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, .18); }
.oe-footer-tag { margin: 12px 0 0; color: var(--oe-muted-light); font-size: 16px; }
.oe-footer-links { display: flex; flex-wrap: wrap; gap: 10px 26px; list-style: none; margin: 0; padding: 0; }
.oe-footer-links a, .oe-footer-legal a { text-decoration: none; font-weight: 700; font-size: 15px; border-bottom: 2px solid transparent; }
.oe-footer-links a:hover, .oe-footer-legal a:hover { border-bottom-color: var(--oe-lemon); }
.oe-footer-bottom { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 20px; font-size: 14px; color: var(--oe-muted-light); }
.oe-footer-legal { display: flex; gap: 20px; }
.oe-footer-legal a { color: var(--oe-cloud); font-size: 14px; }

/* Responsive */
@media (max-width: 960px) {
    .oe-hero-grid, .oe-split { grid-template-columns: minmax(0, 1fr); gap: 50px; }
    .oe-collage { max-width: 540px; width: 100%; margin: 0 auto; }
    .oe-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .oe-picker { grid-template-columns: minmax(0, 1fr); }
    .oe-rules { margin-top: 20px; }
}
@media (max-width: 760px) {
    :root { --oe-pad: 20px; }
    body { font-size: 17px; }
    .oe-sec { padding: 60px 0; }
    .oe-hero { padding: 36px 0 70px; }
    .oe-scrap { padding: 32px 22px 28px; transform: rotate(-.8deg); }
    .oe-lead { font-size: 18px; }
    .oe-burger { display: flex; }
    .oe-menu {
        display: none;
        position: absolute;
        top: 100%; left: 0; right: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        padding: 20px var(--oe-pad) 26px;
        background: var(--oe-paper);
        box-shadow: var(--oe-lift-sm);
    }
    .oe-menu.is-open { display: flex; }
    .oe-menu-list { flex-direction: column; gap: 14px; }
    .oe-menu-link { font-size: 20px; align-self: flex-start; }
    .oe-form-row { flex-direction: column; }
    .oe-cards { grid-template-columns: minmax(0, 1fr); gap: 34px; }
    .oe-card:nth-child(n) { transform: rotate(-.6deg); }
    .oe-rules { grid-template-columns: minmax(0, 1fr); gap: 40px; }
    .oe-collage { height: 470px; }
    .oe-hang { top: -50px; left: 22%; width: 150px; }
    .oe-hang .oe-string { height: 80px; }
    .oe-hang-cloud { width: 150px; top: 70px; }
    .oe-cut { width: 66%; padding: 12px 14px; }
    .oe-cut-1 { top: 112px; }
    .oe-cut-2 { top: 184px; }
    .oe-cut-3 { top: 256px; }
    .oe-cut-4 { top: 328px; }
    .oe-cut-5 { top: 400px; left: 8%; }
    .oe-obj-lemon { width: 72px; top: 70px; }
    .oe-obj-egg { width: 100px; bottom: -40px; right: -2%; }
    .oe-obj-leaf { width: 66px; top: 220px; left: -26px; }
    .oe-obj-lips { width: 80px; top: 300px; left: auto; right: -2%; }
    .oe-cloud-a { width: 180px; }
    .oe-cloud-b { display: none; }
    .oe-picker-nums { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
    .oe-picker-num { width: 100%; height: auto; aspect-ratio: 1; font-size: 25px; }
    .oe-picker-panels { padding: 26px 22px; }
    .oe-archive-link { grid-template-columns: minmax(0, 1fr) 28px; gap: 8px 14px; padding: 20px; }
    .oe-archive-date { grid-column: 1 / -1; padding-top: 0; font-size: 13px; }
    .oe-archive-title { font-size: 22px; }
    .oe-cta-card { padding: 48px 20px 40px; }
    .oe-cta-lemon { width: 64px; right: 14px; top: -30px; }
    .oe-article { padding-top: 40px; }
    .oe-article-image { margin-bottom: 20px; }
    .gh-content { font-size: 17px; }
    .gh-content h2 { font-size: 28px; }
    .kg-width-wide { width: calc(100vw - 40px); }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}