/* Option 3 presentation, scoped to existing app components. */
.option3-home {background:#fff!important;color:#252627}
.option3-home h2{font-weight:800;letter-spacing:-.035em}
.option3-hero{height:288px;border-radius:0!important}
.option3-hero>div:last-child{justify-content:flex-end;padding:28px 22px 0}
.option3-hero>div:last-child>div:first-child{margin-bottom:10px}
.option3-hero>div:last-child>div:first-child>div{width:36px;height:36px;background:#fffaf4}
.option3-hero h1{font-size:34px;line-height:1.12;letter-spacing:-.035em;font-weight:800;margin-bottom:26px;max-width:340px}
.option3-hero [role=button]{transform:translateY(23px);z-index:2}
.option3-hero [role=button]>div{min-height:54px;background:#fff;color:#56565a;font-size:17px;box-shadow:0 5px 16px #0002;border:1px solid #f0ebe6}
.option3-categories{padding:49px 18px 15px}
.option3-categories>h2{font-size:20px;margin-bottom:18px}
.option3-categories>div{gap:23px;scrollbar-width:thin;scrollbar-color:#f5bc94 transparent;padding-bottom:12px}
.option3-categories a>div{width:70px;height:58px;background:linear-gradient(135deg,#ff871d,#ef6507);border-radius:19px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 6px #f7761720}
.option3-categories a>div img{width:34px;height:34px;object-fit:contain}
.option3-categories a>span{font-size:12px;font-weight:700;max-width:84px;white-space:normal;line-height:1.3;color:#303033}
.option3-home>a[href="/visitor-guide.html"],.option3-home>a[href="/history/index.html"]{background:#faf6f1!important;border:0!important;position:relative;overflow:hidden;padding:17px 16px 16px 45%!important;min-height:139px;margin:16px!important;border-radius:17px;color:#292a2d!important;box-shadow:0 2px 6px #2012080a}
.option3-home>a[href="/visitor-guide.html"]:before,.option3-home>a[href="/history/index.html"]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:40%;background-size:cover;background-position:center}
.option3-home>a[href="/visitor-guide.html"]:before{background-image:url('/welcome/town.webp')}
.option3-home>a[href="/history/index.html"]:before{background-image:url('/history/images/6712b10e41468ee2.jpg')}
.option3-home>a[href="/visitor-guide.html"] h2,.option3-home>a[href="/history/index.html"] h2{font-size:20px;line-height:1.15}
.option3-home>a[href="/visitor-guide.html"] p,.option3-home>a[href="/history/index.html"] p{font-size:13px;line-height:1.4}
.option3-home>a[href="/visitor-guide.html"] span,.option3-home>a[href="/history/index.html"] span{font-size:12px;color:#ad4a10}
.option3-home>a[href="/santa-parade-2026"]{background-image:linear-gradient(0deg,#000c,#0000 95%),url('/santa-parade/images/hero-santa-2026.webp')!important;color:#fff!important;border:0!important;padding:125px 18px 19px!important;border-radius:17px;box-shadow:0 2px 6px #0001}
.option3-home>a[href="/santa-parade-2026"] h2{font-size:27px;line-height:1.12;text-shadow:0 1px 3px #0007}
.option3-home>a[href="/santa-parade-2026"] p{font-size:13px;font-weight:600}
.option3-home>a[href="/santa-parade-2026"] span{font-size:12px}
.option3-home section[aria-label="Warkworth weather forecast"]{background:#fff8f0;border-color:#ffe0c8;border-radius:17px}
.option3-home section[aria-label="Upcoming events"] h2{font-size:26px;color:#252627}
.option3-home section[aria-label="Upcoming events"] a:has(img){border-radius:16px;overflow:hidden}
.option3-business{background:#fff!important}
.option3-business-hero{height:auto!important;background:#fff}
.option3-business-hero>img{height:252px!important;width:100%;object-fit:cover}
.option3-business-hero>div.absolute.inset-0{height:252px;bottom:auto}
.option3-business-identity{position:relative;padding:20px 20px 0;background:white;border-radius:26px 26px 0 0;margin-top:-20px}
.option3-business-identity>div{padding:0 0 18px;border-radius:0;box-shadow:none;align-items:flex-start;gap:15px}
.option3-business-identity>div>div:first-child{width:74px;height:74px;border:1px solid #eee;border-radius:50%;background:#fff}
.option3-business-identity h1{font-size:25px;line-height:1.16;white-space:normal;overflow:visible;overflow-wrap:anywhere;letter-spacing:-.035em}
.option3-business-identity span{white-space:normal;overflow:visible;overflow-wrap:anywhere}
.option3-business>.pt-16{padding-top:8px!important;padding-left:20px;padding-right:20px}
.option3-business>.pt-16>div:has(>.option3-read-more){padding:0}
.option3-description{font-size:15px;color:#555;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;white-space:pre-line}
.option3-description.expanded{display:block;-webkit-line-clamp:unset;overflow:visible}
.option3-read-more{font-size:14px;min-height:44px;font-weight:700;color:#ab480e;text-decoration:underline;text-underline-offset:3px}
.option3-business .space-y-3>div,.option3-business .space-y-3>a{padding:15px 0;border-radius:0;border-bottom:1px solid #eee;gap:10px}
.option3-business .space-y-3 .flex.items-center.gap-3{min-width:0;flex:1;gap:12px}
.option3-business .space-y-3 .flex.items-center.gap-3>div:first-child{width:30px;height:30px;flex-shrink:0;background:transparent}
.option3-business .space-y-3 .flex.items-center.gap-3>div:last-child{min-width:0}
.option3-business .space-y-3 p,.option3-business .space-y-3 span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;max-width:100%}
.option3-business svg,.option3-event svg{flex-shrink:0}
.option3-event{background:#fff!important}
.option3-event>.relative .px-4.py-4{padding:0}
.option3-event .relative.h-56{height:280px;border-radius:0}
.option3-event>.px-4.space-y-4{position:relative;margin-top:-22px;border-radius:25px 25px 0 0;background:white;padding:24px 20px}
.option3-event h1{font-size:29px;line-height:1.12;letter-spacing:-.04em;overflow-wrap:anywhere}
.option3-event .truncate{white-space:normal;overflow-wrap:anywhere;overflow:visible;max-width:100%}
.option3-public-event{background:white}
.option3-public-event>.h-56{height:270px}
.option3-public-event>.space-y-4{position:relative;margin-top:-22px;border-radius:26px 26px 0 0;background:white;padding:25px 21px;overflow-wrap:anywhere}
.option3-public-event h1{font-size:29px;font-weight:800;letter-spacing:-.04em;line-height:1.13}
.option3-public-event ul{border-block:1px solid #f1e8e1;padding:14px 0;color:#a44610;font-weight:600}
.option3-home :focus-visible,.option3-business :focus-visible,.option3-event :focus-visible{outline:3px solid #174c45;outline-offset:4px}
@media(max-width:360px){.option3-hero h1{font-size:30px}.option3-categories>div{gap:16px}.option3-business-identity h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){.option3-hero img{transition:none}}