@font-face{font-family:Pen;src:url('assets/handwriting.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffefa;color:#073d49;font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #c73830;outline-offset:5px}.preview{background:#073d49;color:#fffdf5;display:flex;gap:24px;align-items:center;padding:9px 4%;font:10px/1.4 Arial,sans-serif;letter-spacing:2px}.preview span{opacity:.7;letter-spacing:.7px}.preview button{margin-left:auto;background:none;border:0;color:inherit;font:11px Arial;letter-spacing:.3px}header{max-width:1440px;margin:auto;padding:26px 4% 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid #b6c7c8;background:#fffefa}.brand{font-size:clamp(22px,2.65vw,40px);font-weight:bold;letter-spacing:-1.4px;line-height:1}.brand small{display:block;font:30px/1.25 Pen,cursive;font-weight:normal;letter-spacing:0;margin-top:7px}nav{display:flex;gap:25px;white-space:nowrap;font-size:15px;padding-bottom:7px}nav a{padding:9px 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{border-color:#cb382f}.menu-toggle{display:none}.hero{position:relative;max-width:1440px;margin:auto;min-height:650px;overflow:hidden;background:#fff}.hero-art{position:absolute;right:-4%;top:0;width:91%;height:100%;object-fit:cover;object-position:right center}.hero-copy{position:relative;z-index:1;padding:48px 0 55px 4.5%;width:51%;background:linear-gradient(90deg,#fff 80%,transparent)}.eyebrow{font:11px/1.7 Arial,sans-serif;text-transform:uppercase;letter-spacing:3px;margin:0 0 32px}.eyebrow:after{content:'';display:block;width:46px;height:2px;background:#c6322a;margin-top:24px}h1{font-size:clamp(62px,7.3vw,108px);line-height:.95;letter-spacing:-5px;margin:0;font-weight:normal}.script{font-family:Pen,cursive;font-weight:normal}.hero .script{font-size:clamp(33px,4vw,58px);margin:6px 0 25px;transform:rotate(-3deg);white-space:nowrap}.hero .script:after{content:'';display:block;background:#be302b;width:68%;height:2px;margin:0 auto;transform:rotate(-4deg)}.lead{font-size:23px;line-height:1.45;max-width:440px;margin:32px 0}.actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:#006479;color:white;padding:16px 23px;border:1px solid #006479;border-radius:3px;font-size:18px}.button:hover{background:#073d49;color:white}.button.secondary{background:transparent;color:#006479}.button.secondary:hover{background:#edf4f2}.glovebox{padding:35px 4.5% 48px;max-width:1440px;margin:auto;border-top:1px solid #0a5360}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}h2{font-size:clamp(36px,4.5vw,60px);font-weight:normal;letter-spacing:-2px;margin:0}.section-heading p{font:10px/1.7 Arial;letter-spacing:2.8px;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#f2eee6;display:block;transition:transform .2s}.card:hover{transform:translateY(-5px)}.card-art{height:230px;overflow:hidden;background:#cfdedb;position:relative}.card-art.photo img{width:150%;height:150%;object-fit:cover;object-position:right;transform:translate(-28%,-12%)}.mic{background:radial-gradient(ellipse at 70% 20%,#507976,#163b44 75%);color:#efe7ce;display:flex;align-items:center;justify-content:center}.mic svg{width:105px;height:170px;transform:rotate(12deg)}.onair{position:absolute;top:25px;right:22px;font:12px Arial;letter-spacing:3px;border:1px solid #e37668;padding:7px;color:#ff9988}.joke{background:#e6dac3;padding:30px;display:flex;flex-direction:column;justify-content:center;background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,#9cafa444 32px)}.joke .script{font-size:37px;line-height:1.1;transform:rotate(-5deg)}.joke small{font:10px Arial;letter-spacing:2px;margin-top:24px;color:#9c332c}.card-copy{padding:20px 23px 23px}.card h3{font-size:27px;color:#b52626;margin:0 0 8px;font-weight:normal}.card p{font-size:18px;line-height:1.35;margin:0;padding-right:25px}.card .arrow{float:right;font-size:26px}.paper{margin:0;padding:40px 6%;background:#ece7da;background-image:repeating-linear-gradient(0deg,transparent,transparent 29px,#9daba32a 30px);display:flex;justify-content:center;gap:7%;align-items:center;border-block:1px solid #d7d1c2}.paper .script{font-size:42px;margin:0;transform:rotate(-2deg)}.paper small{font:10px/2 Arial;letter-spacing:3px}.closing{padding:42px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#dce9e7}.closing p{font-size:18px;line-height:1.5}.closing .script{font-size:40px}footer{padding:40px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;font:13px/1.7 Arial}footer .footer-brand{font:bold 20px Georgia}footer .footer-brand span{display:block;font:26px Pen}footer small{width:100%;border-top:1px solid #d9dfdc;padding-top:18px;color:#617477}.page{max-width:1160px;margin:auto;padding:65px 5% 80px;min-height:660px}.page h1{font-size:clamp(55px,7vw,88px);max-width:900px;margin-bottom:28px}.page .intro{font-size:25px;line-height:1.5;max-width:760px;margin-bottom:40px}.page-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:start}.page p{line-height:1.65}.page h2{font-size:36px;letter-spacing:-1px}.note{padding:35px;background:#eee8dc;box-shadow:4px 7px 0 #ddd6c4;transform:rotate(1deg)}.note .script{font-size:36px}.note p{font-size:19px}.linklist{display:grid;gap:0;margin:28px 0}.linklist a{border-bottom:1px solid #b6c7c8;padding:20px 0;font-size:21px;display:flex;justify-content:space-between}.linklist a:hover{color:#bd332c}.badge{font:10px Arial;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:18px;color:#ad332d}.mini-art{width:100%;background:white}.quiet{font:13px/1.6 Arial;color:#64777b}dialog{border:0;padding:0;width:min(900px,94vw);max-height:92vh;background:white}dialog::backdrop{background:#062c37cc}dialog img{width:100%;display:block}dialog button{position:sticky;top:12px;float:right;margin:12px;border:0;border-radius:3px;background:#073d49;color:white;padding:10px 20px} @media(min-width:1450px){.hero-copy{width:49%}.hero{min-height:720px}.hero-art{right:0}}@media(max-width:1000px){header{align-items:start;flex-wrap:wrap}nav{width:100%;justify-content:space-between}.hero{min-height:570px}.hero-copy{width:56%}h1{letter-spacing:-3px}.hero-art{right:-18%;width:105%}.lead{font-size:20px}.button{font-size:16px;padding:14px 17px;gap:12px}.hero .script{font-size:39px}.card-art{height:190px}.card h3{font-size:23px}.section-heading p{max-width:230px}.paper .script{font-size:34px}}@media(max-width:640px){.preview{padding:9px 5%;font-size:9px}.preview span{display:none}header{padding:22px 5%;gap:0;align-items:center}.brand{font-size:25px;letter-spacing:-1px}.brand small{font-size:27px}.menu-toggle{display:block;background:none;border:0;color:#073d49;font-size:25px}nav{display:none;flex-direction:column;gap:0;padding-top:18px}nav.open{display:flex}nav a{padding:13px 0}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{width:100%;padding:32px 6% 0;background:none}.eyebrow{font-size:9px;margin-bottom:24px}.eyebrow:after{margin-top:17px}h1{font-size:72px;letter-spacing:-3px}.hero .script{font-size:39px;white-space:normal;margin-top:10px}.lead{font-size:21px;margin:28px 0}.hero-art{position:relative;order:2;right:auto;width:100%;height:320px;object-position:80% center}.actions{gap:10px}.button{font-size:16px;padding:15px 17px}.glovebox{padding:28px 6% 34px}.section-heading{display:block}.section-heading p{max-width:none;font-size:9px;letter-spacing:2px}.cards{grid-template-columns:1fr;gap:23px}.card-art{height:220px}.card h3{font-size:30px}.paper{padding:28px 6%;display:block}.paper .script{font-size:32px}.paper small{display:block;margin-top:22px}.closing{padding:30px 6%;display:block}.closing .script{font-size:36px}footer{padding:30px 6%;display:block}footer p,footer>a,footer small{display:block;margin:15px 0}.page{padding:40px 6%}.page h1{font-size:61px}.page .intro{font-size:22px}.page-grid{grid-template-columns:1fr;gap:28px}.note{padding:25px}.page h2{font-size:32px}}
@media(max-width:640px){header{position:relative}.brand{max-width:calc(100% - 36px)}.menu-toggle{position:absolute;right:5%;top:32px}.hero .actions .button{gap:16px;font-size:15px;padding:14px}.hero .actions{flex-wrap:nowrap}.hero .script{font-size:37px}}