:root{--bg:#fffaf6;--ink:#30293b;--ink-2:#51485a;--surface:#fff2eb;--line:#eadbd8;--line-strong:#caa9a1;--brand:#ab4a3e;--brand-deep:#563044;--brand-tint:#ffe0d2;--foot-bg:#302536;--foot-ink:#fffaf6;--foot-dim:#e8dce5;--foot-line:#6c596a;--font-display:"Inter",sans-serif;--display-weight:430;--display-tracking:-.038em;--r-btn:12px}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink)}
h1,h2,h3{font-family:"Inter",sans-serif;font-weight:450;letter-spacing:-.035em}
a{color:var(--brand-deep)}
::selection{background:#f3a084;color:#30293b}
:focus-visible{outline:3px solid #b54e3f;outline-offset:4px}
.wrap{max-width:1440px;padding-inline:clamp(20px,4.4vw,72px)}
.top{position:relative;z-index:30;background:#fff8f3;border:0}
body:has(.sunset-hero) .top{position:absolute;inset:0 0 auto;background:transparent}
.top .wrap{display:flex;flex-wrap:nowrap;gap:32px;min-height:98px;align-items:center}
.top .brand{order:0;flex:0 1 auto;margin:0;padding:0;color:var(--ink);font:450 clamp(1.4rem,2.4vw,2.4rem)/1.15 "Inter",sans-serif;letter-spacing:-.045em;white-space:nowrap}
.top nav{order:1;flex:1;display:flex;justify-content:flex-end;gap:clamp(6px,1.25vw,22px);margin:0;padding:0;border:0;overflow:visible;mask-image:none;-webkit-mask-image:none}
.top nav a{font-size:1rem;font-weight:500;color:var(--ink);padding:10px 5px;border-radius:0}
.top nav a:hover,.top nav a[aria-current="page"]{background:transparent;color:var(--ink);text-decoration:underline;text-decoration-color:#ea896a;text-decoration-thickness:3px;text-underline-offset:9px}
.top .header-phone{order:2;white-space:nowrap;font-size:.9rem;font-weight:600;text-decoration:none;color:var(--ink)}
.sunset-hero{min-height:680px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:#fff7f0}
.sunset-hero-art{position:absolute;inset:0;z-index:-1;background-image:url('/images/ottawa-sunset-hero.png');background-size:cover;background-position:center center}
.sunset-hero-content{width:100%;padding-top:130px;padding-bottom:85px}
.sunset-hero h1{max-width:850px;font-size:clamp(3rem,4.9vw,5.65rem);font-weight:430;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.sunset-lede{max-width:760px;margin-top:14px;font-size:clamp(1.5rem,2.8vw,2.7rem);line-height:1.16;letter-spacing:-.035em}
.sunset-button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-width:340px;margin-top:38px;padding:20px 26px;background:#f39a7c;border-radius:12px;color:var(--ink);font-size:clamp(1.15rem,1.6vw,1.65rem);font-weight:560;text-decoration:none;line-height:1.2;transition:background .22s ease,transform .22s ease}
.sunset-button span{font-size:1.7em;line-height:.6;font-weight:300}
.sunset-button:hover{background:#e78062;transform:translateY(-2px);color:var(--ink)}
.sunset-disclosure{margin-top:25px;font-size:clamp(1rem,1.5vw,1.35rem)}
.illustrative-label{position:absolute;right:20px;bottom:16px;margin:0;padding:4px 11px;border-radius:20px;background:#30293bd9;color:#fff;font-size:.78rem}
.sunset-intro{padding:42px 0 54px;background:var(--bg)}
.intro-grid{display:grid;grid-template-columns:minmax(280px,37%) 1fr;gap:36px;align-items:center}
.intro-copy h2{max-width:600px;font-size:clamp(2.2rem,3vw,3.5rem);font-weight:430;line-height:1.09}
.intro-copy p{max-width:490px;margin-top:28px;font-size:clamp(1.05rem,1.5vw,1.4rem);line-height:1.35}
.intro-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.intro-tile{min-width:0;color:var(--ink);font-size:1.25rem;text-decoration:none;line-height:1.3}
.intro-tile:hover{text-decoration:underline;text-decoration-color:#e78062;text-underline-offset:5px}
.intro-image{display:block;width:100%;aspect-ratio:1.34;background-image:url('/images/painting-editorial-triptych.png');background-size:300% 100%;border-radius:12px;margin-bottom:14px}
.intro-image-one{background-position:left center}.intro-image-two{background-position:center center}.intro-image-three{background-position:right center}
.intro-illustrative{font-size:.76rem;color:var(--ink-2);text-align:right;margin-top:12px}
.section{background:var(--bg)}.section-tint{background:#fff0e9}.page-head{background:#fff0e9}
.hero,.page-head,.crumbs{color:var(--ink)}
.site-foot{background:var(--foot-bg)}
.btn,.quote button{background:var(--brand-deep);border-color:var(--brand-deep)}
.btn:hover,.quote button:hover{background:#77435b;border-color:#77435b}
.cta-band{background:#9b5a60}
.cards .card{border-radius:12px}
@media(max-width:1100px){.top .header-phone{display:none}.top .wrap{min-height:82px}.sunset-hero{min-height:650px}.sunset-hero-art{background-position:58% center}}
@media(max-width:760px){.top{position:relative;background:#fff8f3}.top .wrap{min-height:0;display:block;padding-block:17px}.top .brand{display:block;font-size:1.55rem}.top nav{justify-content:flex-start;gap:10px;overflow-x:auto;white-space:nowrap;padding-top:12px}.top nav a{font-size:.86rem;padding:5px 2px}.top .header-phone{display:none}.sunset-hero{min-height:610px;align-items:flex-start}.sunset-hero-art{background-position:60% center}.sunset-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff9f3 0%,#fff9f3df 42%,#fff9f36b 76%,transparent 100%)}.sunset-hero-content{padding-top:65px;padding-bottom:85px}.sunset-hero h1{max-width:580px;font-size:clamp(2.8rem,9vw,4.5rem)}.sunset-lede{max-width:540px;font-size:clamp(1.4rem,4.7vw,2.15rem)}.sunset-button{min-width:min(100%,310px);margin-top:35px;padding:17px 19px;gap:20px}.sunset-disclosure{max-width:280px;font-size:1rem}.intro-grid{display:block}.intro-copy p{margin-top:16px}.intro-tiles{margin-top:32px;gap:11px}.intro-tile{font-size:.9rem}.intro-image{border-radius:7px;margin-bottom:8px}.sunset-intro{padding-block:42px}.intro-illustrative{text-align:left}}
@media(max-width:430px){.sunset-hero-art{background-position:68% center}.sunset-hero-art::after{background:linear-gradient(90deg,#fff9f3 0%,#fff9f3eb 48%,#fff9f399 100%)}.sunset-hero{min-height:600px}.sunset-hero h1{font-size:2.75rem}.sunset-lede{font-size:1.45rem}.intro-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-image{aspect-ratio:1.05}}
@media(max-width:760px){body:has(.sunset-hero) .top{position:relative;background:#fff8f3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sunset-button{transition:none}}

/* Verified homepage accessibility and narrow-screen repairs. */
.cta-band p{color:#fff}

/* Review2026-10-05: complete artwork stays visible as zoom changes. */
.sunset-hero{min-height:0;height:auto;aspect-ratio:3/2;overflow:visible}
.sunset-hero-art{background:none;inset:0}
.sunset-hero-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.sunset-hero-content{padding-block:130px 90px;align-self:start}
.sunset-hero h1{letter-spacing:-.035em}
@media(max-width:900px){.sunset-hero{display:flex;flex-direction:column;aspect-ratio:auto}.sunset-hero-content{padding-top:50px;padding-bottom:32px;order:0}.sunset-hero-art{position:relative;inset:auto;z-index:0;order:1;width:100%;aspect-ratio:3/2}.sunset-hero-art img{height:auto;object-fit:contain}.sunset-hero-art::after{display:none}.sunset-hero h1{font-size:clamp(2.4rem,8vw,4rem)}.sunset-lede{font-size:clamp(1.2rem,4vw,1.8rem)}}