/* Gabonak: a Christmas print, from the village square to the kitchen table. */
@media screen{
:root{--ink:#173d32;--red:#982f32;--paper:#f8f2e5;--cream:#eee3cb;--line:#d8cdb7;--muted:#5c685e;--gold:#dba953}
body{background-image:radial-gradient(#62482b0a .7px,transparent .7px);background-size:5px 5px}
.topbar{background:var(--red);letter-spacing:.08em;padding:7px 20px}.topbar:before,.topbar:after{content:'✦';color:#ebc980;margin:0 20px}.topbar span{opacity:1}
.site-header{background:var(--paper);border-bottom:2px solid var(--ink)}.header-inner{min-height:94px}.brand-mark{border:0;color:var(--red);width:38px}.brand-mark .icon{width:34px;height:34px}.brand{font-size:37px}.brand small{font-size:9px;letter-spacing:.13em}.nav-letter{background:var(--red);color:white;border-color:var(--red);border-radius:2px}.main-nav .nav-letter:hover{color:#ffe0a6;background:#7a2427}.button{border-radius:2px;background:var(--red);border-color:var(--red);box-shadow:3px 3px 0 #173d321c}.button:hover{background:#77272a}.button.secondary:hover{color:white}.page-heading{border-bottom:1px solid var(--line);padding-bottom:26px}.page-heading:after{content:'✦  ✧  ✦';display:block;color:var(--red);font-size:18px;letter-spacing:10px;margin-top:18px}.page-heading h1{color:var(--ink)}.page-heading .eyebrow:before{content:'✦';font-size:15px}.breadcrumbs{margin-bottom:28px}.page-heading{margin-bottom:28px}.lead{font-size:17px}
.christmas-hero{background:#12372e;color:#fff1d9;overflow:hidden}.christmas-layout{display:grid;grid-template-columns:43% 57%;align-items:stretch;min-height:595px;position:relative;width:min(1440px,100%)}.christmas-copy{padding:61px 10px 60px max(42px,calc((100vw - 1240px)/2));position:relative;z-index:1}.season-label{font-size:10px;font-weight:bold;letter-spacing:.17em;color:#f3ce8a;display:flex;align-items:center;gap:13px}.season-label>span{font-size:25px}.christmas-copy h1{font-size:clamp(55px,5.4vw,82px);line-height:1.02;letter-spacing:-.05em;margin:27px 0 25px;color:#fff1d9}.christmas-copy h1 em{color:#f0c578;font-weight:normal}.christmas-copy>p{font-size:15px;line-height:1.85;color:#e7e3ce;max-width:395px;margin:0 0 29px}.christmas-copy .button-row{gap:21px}.christmas-button{background:#f3ce8a;color:#213c30;border-color:#f3ce8a;padding:15px 20px}.christmas-button:hover{background:#ffe4ad;color:#173d32}.christmas-copy .text-link{color:#f4edd8;font-size:12px}.season-footer{display:flex;align-items:center;justify-content:space-between;max-width:395px;border-top:1px solid #d5c7964d;margin-top:36px;padding-top:16px;font-size:10px;color:#d8dcc7;gap:16px}.season-footer>span{letter-spacing:.12em;white-space:nowrap}.christmas-art{margin:0;position:relative;min-width:0;overflow:visible}.christmas-art>img{width:100%;height:100%;object-fit:cover;object-position:100% 50%;position:absolute;inset:0}.christmas-art:before{content:'';position:absolute;inset:0 auto 0 0;width:80px;background:linear-gradient(90deg,#12372e,transparent);z-index:1;pointer-events:none}.christmas-art figcaption{position:absolute;bottom:25px;right:30px;background:var(--paper);color:var(--red);display:flex;align-items:center;gap:12px;padding:12px 17px;transform:rotate(4deg);border:1px solid #ddd0b7;box-shadow:5px 5px 0 #0002}.christmas-art figcaption>span{font:48px/1 var(--serif)}.christmas-art figcaption small{font-size:9px;line-height:1.6;letter-spacing:.05em}.christmas-art figcaption b{font-size:25px;border-left:1px solid #d8cdb7;padding-left:12px}.ribbon{background:var(--red);color:#f6dfb5;display:flex;justify-content:center;gap:38px;padding:13px 20px;font-size:10px;font-weight:bold;letter-spacing:.16em;white-space:nowrap;overflow:hidden;border-top:1px dashed #dca678;border-bottom:1px dashed #dca678}
.christmas-index{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:28px 0}.christmas-index>a{display:flex;align-items:center;gap:14px;padding:0 25px;border-right:1px solid var(--line);text-decoration:none}.christmas-index>a:first-child{padding-left:0}.christmas-index>a:last-child{padding-right:0;border:0}.index-number{font:italic 29px var(--serif);color:var(--red)}.christmas-index strong{display:block;font:19px/1.2 var(--serif)}.christmas-index small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.christmas-index b{margin-left:auto;color:var(--red)}.christmas-index a:hover strong{text-decoration:underline;text-underline-offset:5px}.section-heading h2{font-size:43px}.christmas-agenda{padding-top:64px;padding-bottom:60px}.event-card{border-radius:0;border:1px solid #d3c6ab;box-shadow:5px 5px 0 #e7dec9}.event-art{width:30%;min-width:140px}.event-body{padding:28px}.events-grid:not(.single){grid-template-columns:1fr}.badge{border-radius:0;background:#ece3ca;color:#644f2a}.city-links a{border-radius:0;background:#fff9ed}.city-links a:hover{background:#f3e5cb}.section-intro{max-width:800px}
.christmas-workshop{background:#932e31;color:#fff0d7;border-top:8px solid #7e282b;border-bottom:8px solid #7e282b;position:relative;overflow:hidden}.christmas-workshop:before,.christmas-workshop:after{position:absolute;content:'✧';font:230px/1 Georgia;color:#ffffff0a;right:-30px;top:20px}.christmas-workshop:after{left:-35px;top:auto;bottom:-50px}.workshop-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-top:60px;padding-bottom:66px}.workshop-papers{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.workshop-letter{width:270px;height:350px;background:#fff8e8;transform:rotate(-9deg);padding:27px 30px;color:var(--ink);position:relative;box-shadow:10px 15px 20px #3a171633;outline:1px solid #b57463;outline-offset:-12px}.workshop-letter>small{font-size:7px;letter-spacing:.15em;display:block;text-align:center}.workshop-letter>span{color:var(--red);font-size:32px;display:block;text-align:center;margin-top:9px}.workshop-letter h3{font:italic 31px/1.1 var(--serif);margin:12px 0}.workshop-letter i{font:14px var(--serif);display:block;margin-top:18px}.workshop-letter>b{position:absolute;bottom:25px;right:30px;font-size:27px;color:var(--red)}.workshop-envelope{position:absolute;background:#d5ad6e;width:330px;height:220px;transform:rotate(11deg);bottom:14px;right:4%;border:2px solid #b99051;box-shadow:8px 10px 0 #54222320}.workshop-envelope:after{content:'';position:absolute;inset:0;background:#e7c389;clip-path:polygon(0 0,50% 65%,100% 0)}.workshop-star{position:absolute;top:0;left:15px;font:80px var(--serif);color:#eebc68;transform:rotate(10deg)}.workshop-stamp{position:absolute;right:2%;top:20px;border:2px dashed #e7b16d;border-radius:50%;width:90px;height:90px;display:grid;place-content:center;text-align:center;transform:rotate(15deg);font-size:11px;letter-spacing:.15em;line-height:1.9;color:#f2c481}.workshop-copy .eyebrow{color:#f2c481}.workshop-copy h2{font-size:49px;line-height:1.12;margin-top:20px;color:#fff1d9}.workshop-copy>p{font-size:14px;line-height:1.9;color:#f2dfc8;max-width:440px;margin-bottom:26px}.workshop-copy .button{background:var(--paper);border-color:var(--paper);color:var(--red)}.workshop-copy>small{display:block;font-size:10px;color:#ebc9a9;margin-top:15px}.tradition-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.tradition-title h2{font-size:44px;margin:20px 0}.tradition-title p{font-size:14px;max-width:330px;color:var(--muted)}.tradition-title>span{display:block;font-size:65px;color:var(--red);line-height:1.3;margin-top:20px}.tradition-stories>a{display:flex;gap:22px;align-items:start;text-decoration:none;padding:27px 0;border-top:1px solid var(--line)}.tradition-stories>a:last-child{border-bottom:1px solid var(--line)}.tradition-stories>a>span{color:var(--red);font:italic 20px var(--serif)}.tradition-stories h3{font-size:26px;margin-bottom:10px}.tradition-stories p{font-size:13px;color:var(--muted);margin:0;max-width:390px}.tradition-stories b{margin-left:auto;color:var(--red)}.tradition-stories a:hover h3{color:var(--red)}.christmas-farewell{text-align:center;background:#e9dec5;padding:24px 20px;font:italic 27px var(--serif);border-block:1px solid #d7c6a8}.christmas-farewell span{font-size:19px;color:var(--red);padding:0 22px}.site-footer{border-top:5px solid #a23b38}.article-aside{background:#eee3cc;border-radius:0}.resource-card{border-radius:0;border-top:4px solid var(--red)}
/* The paper selector and preview remain visible independently of form length. */
.letter-builder{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,1.15fr);align-items:start;gap:28px 40px;margin:28px 0}.design-picker{grid-column:1/-1;border:0;padding:0 0 22px;border-bottom:1px solid var(--line);margin:0;display:flex;gap:22px}.design-picker legend{font:26px var(--serif);margin-bottom:20px}.design-option{display:flex;align-items:center;gap:14px;flex:1;cursor:pointer;position:relative;border:2px solid transparent;padding:10px;background:#eee5d4}.design-option:has(input:checked){border-color:var(--red);background:#fffaf0}.design-option input{position:absolute;opacity:0;width:1px;height:1px}.design-option:has(input:focus-visible){outline:3px solid var(--red);outline-offset:4px}.design-option strong{font-size:12px;line-height:1.5}.design-swatch{display:flex;flex-direction:column;align-items:center;background:#fffaf1;width:63px;height:85px;padding:8px 10px;border:3px double var(--red);flex-shrink:0;color:var(--red);box-shadow:2px 3px 4px #0001}.design-swatch b{font:22px Georgia}.design-swatch i{display:block;background:#a9a18d;width:100%;height:1px;margin-top:6px}.design-swatch small{font-size:5px;margin-top:auto;letter-spacing:1px}.design-swatch.forest{border:4px solid #224a3a;background:#eef0dd;color:#224a3a}.design-swatch.simple{border:1px solid #c4c4bd;background:white;color:#555}.letter-controls{padding:28px;border-radius:0;background:#eee5d4;border:0}.letter-controls h2{font-size:28px;margin:0 0 24px}.letter-controls input,.letter-controls select,.letter-controls textarea{border-radius:0;background:#fffdf7;max-width:100%}.letter-controls .hint{line-height:1.6}.letter-actions{display:flex;flex-wrap:wrap;gap:10px}.letter-actions .button{font-size:12px;padding:12px 14px}.preview-panel{position:sticky;top:22px;background:#e6ddca;padding:18px;scroll-margin-top:20px}.preview-toolbar{display:flex;justify-content:space-between;gap:16px;font-size:11px;margin-bottom:14px;align-items:center}.preview-toolbar strong{display:flex;gap:7px;align-items:center}.preview-toolbar strong:before{content:'';width:6px;height:6px;background:#315f36;border-radius:50%}.preview-toolbar a{color:var(--red);font-weight:600}.letter-preview{width:100%;position:relative;top:auto;background:#fffbf2;min-height:0;aspect-ratio:210/297;padding:45px 40px 74px;box-shadow:0 5px 16px #4e3e2226;border:0;color:#213d32;font-family:var(--serif);overflow-wrap:anywhere}.letter-preview:before{inset:13px;border:3px double #a94942;pointer-events:none}.letter-preview .letter-decoration{color:var(--red);font:32px/1.2 Georgia;margin-bottom:13px}.letter-decoration span{font-size:21px;margin:0 12px}.letter-preview .letter-brand{font:8px/1.5 Arial,sans-serif;letter-spacing:.12em;margin-bottom:24px;text-align:center}.letter-preview h2{font:28px/1.15 var(--serif);color:#7d2b2e;margin:0 0 20px}.letter-preview p{font:16px/1.6 var(--serif);white-space:pre-wrap;margin:0 0 17px}.letter-preview .letter-message{min-height:105px;background:repeating-linear-gradient(transparent,transparent 25px,#d5c9ae77 26px);line-height:26px}.letter-preview .signature{font-style:italic;white-space:pre-wrap}.letter-preview .letter-foot{bottom:30px;left:20px;right:20px;font-size:7px;letter-spacing:.1em;color:#824441}.letter-preview.forest{background:#f4f5e8;border:10px solid #254837;padding:35px 30px 64px}.letter-preview.forest:before{border:1px solid #9aab82;inset:9px}.letter-preview.forest h2,.letter-preview.forest .letter-decoration,.letter-preview.forest .letter-foot{color:#234b38}.letter-preview.forest .letter-decoration:before,.letter-preview.forest .letter-decoration:after{content:'♠';font-size:28px;margin:0 10px}.letter-preview.simple{background:#fff;color:#222}.letter-preview.simple:before{border:1px solid #c3c3bc}.letter-preview.simple h2,.letter-preview.simple .letter-decoration,.letter-preview.simple .letter-foot{color:#333}.letter-preview.simple .letter-message{background:repeating-linear-gradient(transparent,transparent 25px,#ddd 26px)}.preview-caption{font-size:10px;text-align:center;color:#5b6052;margin:13px 0 0!important;line-height:1.5}.letter-print-note{font-size:12px}.letter-preview p:empty{display:none}
@media(min-width:1450px){.christmas-copy{padding-left:60px}}
@media(max-width:1100px){.christmas-layout{grid-template-columns:45% 55%}.christmas-copy{padding-left:32px;padding-top:44px}.christmas-copy h1{font-size:62px}.christmas-copy>p{font-size:14px;max-width:340px}.christmas-copy .button-row{gap:16px}.christmas-art>img{object-position:100% 50%}.christmas-index>a{padding:0 15px}.christmas-index strong{font-size:17px}.index-number{font-size:25px}.workshop-inner{gap:40px}.workshop-copy h2{font-size:40px}.tradition-section{gap:40px}.design-option{gap:10px;padding:8px}.design-picker{gap:12px}.design-option strong{font-size:11px}.letter-builder{gap:22px}.letter-preview{padding:36px 28px 65px}.letter-preview h2{font-size:25px}.letter-preview p{font-size:15px}}
@media(max-width:800px){.christmas-layout{display:flex;flex-direction:column}.christmas-copy{padding:34px 32px 29px}.christmas-copy h1{font-size:64px;margin:18px 0}.christmas-copy h1 br{display:none}.christmas-copy>p{max-width:590px;font-size:15px;margin-bottom:21px}.season-footer{display:none}.christmas-art{height:auto;aspect-ratio:1.8}.christmas-art>img{object-position:65% 65%}.christmas-art:before{width:100%;height:35px;inset:0 0 auto;background:linear-gradient(#12372e,transparent)}.christmas-art figcaption{bottom:20px;right:30px}.christmas-index{gap:15px}.christmas-index>a{display:block;padding:0 10px}.index-number{display:block;margin-bottom:10px}.christmas-index b{display:none}.christmas-index strong{font-size:19px}.workshop-inner{gap:25px}.workshop-papers{height:330px}.workshop-letter{width:220px;height:295px;padding:23px}.workshop-letter h3{font-size:27px}.workshop-envelope{width:230px;height:185px;right:0}.workshop-stamp{width:65px;height:65px;right:0;font-size:9px}.workshop-star{font-size:55px;left:0}.workshop-copy h2{font-size:34px}.workshop-copy>p{font-size:13px}.tradition-section{gap:30px}.tradition-title h2{font-size:35px}.tradition-stories h3{font-size:23px}.design-option{flex-direction:column;text-align:center}.letter-builder{grid-template-columns:1fr 1fr}.letter-controls{padding:20px}.letter-preview{padding:30px 22px 55px}.letter-preview h2{font-size:22px}.letter-preview p{font-size:14px}.letter-preview.forest{padding:25px 20px 60px}.preview-panel{padding:12px}.preview-toolbar{font-size:10px;flex-wrap:wrap;gap:7px}.preview-caption{font-size:9px}}
@media(max-width:600px){.topbar:before,.topbar:after{margin:0 8px}.topbar{font-size:9px;letter-spacing:.02em}.header-inner{min-height:80px}.brand{font-size:30px}.brand-mark{width:29px}.brand-mark .icon{width:29px;height:29px}.brand small{font-size:7px}.christmas-copy{padding:27px 24px 23px}.season-label{font-size:9px;letter-spacing:.12em}.season-label>span{font-size:20px}.christmas-copy h1{font-size:56px;margin:16px 0 18px;line-height:1.04}.christmas-copy h1 br{display:block}.christmas-copy>p{font-size:14px;line-height:1.75;margin-bottom:22px;max-width:380px}.christmas-copy .button-row{gap:15px}.christmas-button{padding:13px 15px;font-size:12px}.christmas-copy .text-link{font-size:11px}.christmas-art{aspect-ratio:1.35}.christmas-art>img{object-position:75% 50%}.christmas-art figcaption{bottom:17px;right:19px;padding:8px 12px;gap:8px}.christmas-art figcaption>span{font-size:37px}.christmas-art figcaption small{font-size:7px}.christmas-art figcaption b{font-size:20px}.ribbon{font-size:8px;gap:21px;padding:11px 0}.ribbon span:last-child{display:none}.christmas-index{display:block;padding:5px 0}.christmas-index>a,.christmas-index>a:first-child,.christmas-index>a:last-child{display:flex;align-items:center;padding:20px 0;border:0;border-bottom:1px solid var(--line);gap:18px}.christmas-index>a:last-child{border-bottom:0}.index-number{margin:0;font-size:28px}.christmas-index strong{font-size:20px}.christmas-index small{font-size:11px;margin-top:6px}.christmas-index b{display:block;font-size:20px}.christmas-agenda{padding-top:41px;padding-bottom:42px}.section-heading h2{font-size:33px}.section-intro{font-size:14px}.event-art{width:100%;height:180px}.event-body{padding:23px}.event-meta{gap:10px}.badge{font-size:8px}.workshop-inner{display:flex;flex-direction:column;padding-top:35px;padding-bottom:40px;gap:20px}.workshop-papers{width:100%;max-width:360px;height:330px}.workshop-letter{width:240px;height:310px;padding:26px}.workshop-letter h3{font-size:29px}.workshop-envelope{right:5%;width:265px;height:180px}.workshop-star{top:0;left:1%;font-size:60px}.workshop-stamp{top:0;right:0}.workshop-copy h2{font-size:39px;margin:14px 0 22px}.workshop-copy>p{font-size:14px}.workshop-copy>small{font-size:9px}.tradition-section{display:block;padding-top:42px;padding-bottom:42px}.tradition-title h2{font-size:38px;margin:15px 0}.tradition-title h2 br{display:none}.tradition-title>span{display:none}.tradition-title p{max-width:none;margin-bottom:30px}.tradition-stories>a{gap:17px;padding:24px 0}.tradition-stories h3{font-size:26px}.christmas-farewell{font-size:23px;line-height:1.35;padding:25px}.christmas-farewell span{display:none}.page-heading h1{font-size:37px}.page-heading:after{margin-top:14px;font-size:15px}.page-heading{padding-bottom:18px;margin-bottom:20px}.page-main{padding-top:18px}.breadcrumbs{margin-bottom:22px}.lead{font-size:15px}.letter-builder{display:flex;flex-direction:column;gap:23px}.design-picker{order:0;display:flex;width:100%;gap:8px;padding-bottom:0;border-bottom:0}.design-picker legend{font-size:24px;margin-bottom:16px}.design-option{width:calc((100% - 16px)/3);flex:1;padding:9px 5px;gap:9px}.design-option strong{font-size:10px}.design-swatch{width:53px;height:73px}.preview-panel{order:1;position:static;width:100%;padding:13px;scroll-margin-top:15px}.preview-toolbar{font-size:11px;flex-wrap:nowrap}.letter-controls{order:2;padding:22px}.letter-controls h2{font-size:27px}.letter-preview{aspect-ratio:auto;min-height:490px;padding:36px 29px 65px}.letter-preview h2{font-size:25px}.letter-preview p{font-size:15px;line-height:1.6}.letter-preview.forest{padding:30px 24px 60px}.letter-preview .letter-message{line-height:26px;min-height:105px}.letter-preview .letter-brand{font-size:7px}.letter-preview .letter-foot{font-size:6px;bottom:28px}.letter-preview .letter-decoration{font-size:28px}.preview-caption{font-size:9px}.letter-actions{position:sticky;bottom:8px;background:#eee5d4;padding:8px 0;z-index:2}.letter-actions .button{font-size:11px;padding:12px}.letter-actions>a{flex:1}.letter-actions>button{flex:1.4}.letter-print-note{font-size:11px}}
}
@media print{
.design-picker,.preview-toolbar,.preview-caption{display:none!important}.preview-panel{position:static;padding:0;background:white}.letter-preview{aspect-ratio:auto;min-height:260mm;padding:22mm 17mm;color:#213d32;background:#fffaf1;box-shadow:none}.letter-preview:before{border:3px double #a94942}.letter-preview h2{color:#7d2b2e}.letter-preview .letter-decoration{color:#982f32}.letter-decoration span{margin:0 12px}.letter-preview p{white-space:pre-wrap;overflow-wrap:anywhere}.letter-preview.forest{background:#f4f5e8;border:7mm solid #254837;padding:15mm 12mm}.letter-preview.forest:before{border:1px solid #9aab82}.letter-preview.forest h2,.letter-preview.forest .letter-decoration{color:#234b38}.letter-preview.simple{background:white;color:#222}.letter-preview.simple:before{border:1px solid #bbb}.letter-preview.simple h2,.letter-preview.simple .letter-decoration{color:#222}.letter-preview p:empty{display:none}
}
/* Illustrated stationery, shared by the live preview and print output. */
.letter-illustration{height:95px;margin:0 0 20px;background-size:cover;background-position:75% 10%;background-repeat:no-repeat}
.letter-preview.classic .letter-illustration{background-image:url('gabonak-640.webp')}
.letter-preview.forest .letter-illustration{background-image:url('letter-forest.svg');background-position:center;background-size:cover;height:78px}
.letter-preview.simple .letter-illustration{display:none}
.letter-preview:not(.simple) .letter-decoration{font-size:22px;margin-bottom:8px}
.design-swatch.classic{background:linear-gradient(#ffffff00 35%,#fffaf1 36%),url('gabonak-640.webp') right top/auto 37% no-repeat #fffaf1}
.design-swatch.classic b{visibility:hidden}
@media print{.letter-illustration{height:25mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.letter-preview.forest .letter-illustration{height:22mm}}
@media print{.letter-preview,.letter-preview.forest{min-height:260mm;padding:14mm 12mm 22mm}.letter-preview h2{font:20pt/1.15 Georgia;margin:6mm 0 5mm}.letter-preview p{font:12pt/1.5 Georgia;margin:0 0 4mm}.letter-preview .letter-message{min-height:30mm}.letter-preview .signature{margin-top:5mm}.letter-preview .letter-brand{font:7pt Arial;letter-spacing:.1em;margin:3mm 0}.letter-preview .letter-decoration{font-size:18pt;margin:0}.letter-illustration,.letter-preview.forest .letter-illustration{height:20mm;margin:0 0 4mm}.letter-preview .letter-foot{font-size:6pt;bottom:9mm}.preview-panel{break-inside:avoid}}