*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font:17px/1.65 Arial,sans-serif;color:var(--ink);background:var(--paper)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.05}a{color:inherit}button{font:inherit;cursor:pointer}img{display:block;width:100%}a:focus-visible,button:focus-visible{outline:3px solid #d8b778;outline-offset:5px}.skip{position:absolute;left:16px;top:-80px;z-index:20}.skip:focus{top:16px;background:white;color:#123e7a;padding:12px}.concept-bar{background:var(--ink);color:var(--paper);padding:9px 5%;display:flex;justify-content:space-between;gap:20px;font-size:13px;letter-spacing:.05em}.concept-bar a{text-underline-offset:4px}.masthead{padding:12px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:4;border-bottom:1px solid var(--line)}.brand{width:176px;background:transparent}.brand img{height:84px;object-fit:contain}.masthead nav{display:flex;align-items:center;gap:30px;font-size:14px}.masthead nav a{text-decoration:none}.nav-cta{border-bottom:1px solid;padding-bottom:5px}.kicker{font-size:12px;letter-spacing:.19em;text-transform:uppercase;line-height:1.5}.hero{position:relative;overflow:hidden}.hero h1{font-size:clamp(48px,6.2vw,94px);letter-spacing:-.045em;margin:20px 0 26px}.hero-copy>p:not(.kicker){max-width:450px;font-size:18px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.button{padding:12px 23px;text-decoration:none;font-size:14px;letter-spacing:.025em;border:1px solid var(--ink);background:var(--ink);color:var(--paper);display:inline-block}.button.outline{background:transparent;color:inherit;border-color:currentColor}.hero-media{position:relative;overflow:hidden;background:#283339;min-height:420px}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease;animation:drift 18s ease-in-out infinite alternate;will-change:transform}.hero-image.active{opacity:1}.paused .hero-image{animation-play-state:paused}.motion-controls{position:absolute;bottom:24px;left:28px;right:28px;z-index:3;display:flex;align-items:center;justify-content:space-between;color:white}.motion-controls button{background:#111b22b8;color:white;border:1px solid #ffffff70;padding:8px 12px;font-size:13px;min-height:40px}.scene-controls{display:flex;gap:8px}.scene-controls button[aria-pressed=true]{background:white;color:#132536}.media-label{position:absolute;top:25px;right:28px;z-index:2;color:white;background:#111b2280;padding:6px 10px;font-size:12px;letter-spacing:.13em}.section{padding:100px 7%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading h2{font-size:clamp(38px,4vw,64px);letter-spacing:-.025em;margin:0}.section-heading p{max-width:330px;margin:0}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.detail-card{margin:0}.detail-card img{aspect-ratio:4/5;object-fit:cover}.detail-card figcaption{padding:19px 0}.detail-card h3{font-size:28px;margin:7px 0 12px}.detail-card p{font-size:15px;max-width:340px}.detail-card .number{font-size:12px;letter-spacing:.1em;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;background:var(--soft)}.portrait{aspect-ratio:4/5;object-fit:cover;object-position:75% center;max-height:640px}.about-copy h2{font-size:clamp(40px,4.7vw,70px);letter-spacing:-.03em}.about-copy p:not(.kicker){max-width:500px}.signature{font:italic 31px Georgia,serif;margin-top:26px}.journey{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journey article{background:var(--paper);padding:64px 14%}.journey h2{font-size:40px}.journey p{max-width:430px}.text-link{text-underline-offset:6px;font-size:15px}.closing{display:grid;grid-template-columns:1.3fr 1fr;align-items:stretch}.closing img{height:100%;max-height:520px;object-fit:cover}.closing-copy{background:var(--ink);color:var(--paper);padding:60px 14%;display:flex;flex-direction:column;justify-content:center}.closing h2{font-size:48px}.closing .button{border-color:currentColor;color:inherit;background:transparent;align-self:start}footer{padding:35px 5%;display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:13px}footer p{margin:0;max-width:650px}.disclosure{font-size:12px;opacity:.8}.lantern{--ink:#183d58;--paper:#fbf8f1;--soft:#eeeae0;--line:#d5d3ca;--muted:#686a66}.lantern .hero{height:760px;min-height:75vh}.lantern .hero-media{position:absolute;inset:0;height:100%}.lantern .hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071c2dbe,transparent 85%)}.lantern .hero-copy{position:relative;z-index:2;color:white;width:65%;padding:120px 7% 120px;pointer-events:none}.lantern .hero-copy a{pointer-events:auto}.lantern .hero-copy .button{background:#f6f0e4;color:#193d58;border-color:#f6f0e4}.lantern .hero-copy .outline{background:transparent;color:#fff;border-color:white}.lantern .hero-media .media-label{display:none}.lantern .section-heading{max-width:1150px}.afterglow{--ink:#e7ddc7;--paper:#11191e;--soft:#1d282d;--line:#46504f;--muted:#b5b9b2}.afterglow .concept-bar{background:#050c10;color:#bda889}.afterglow .masthead{background:#11191e}.afterglow .hero{display:grid;grid-template-columns:.9fr 1.1fr;padding:55px 5% 70px;gap:6%;align-items:center}.afterglow .hero-copy{padding:20px 0}.afterglow .hero h1{font-size:clamp(48px,5.7vw,88px)}.afterglow .hero-media{height:650px;border-radius:48% 48% 0 0}.afterglow .media-label{top:48%;right:20px}.afterglow .detail-grid{grid-template-columns:1.3fr .8fr .8fr;align-items:start}.afterglow .detail-card:nth-child(2){margin-top:100px}.afterglow .detail-card:nth-child(3){margin-top:200px}.afterglow .section{border-top:1px solid var(--line)}.afterglow .closing-copy{background:#dccdaf;color:#172127}.openhouse{--ink:#123e7a;--paper:#fff;--soft:#eef3f8;--line:#d7e1ed;--muted:#577080}.openhouse h1,.openhouse h2,.openhouse h3{font-family:Arial,sans-serif;font-weight:500;letter-spacing:-.055em}.openhouse .hero{display:grid;grid-template-columns:1.1fr 1fr;padding:30px 4% 65px;gap:24px}.openhouse .hero-copy{grid-column:2;padding:70px 6%;background:#eaf0f7}.openhouse .hero-media{grid-row:1;grid-column:1;height:690px}.openhouse .hero h1{font-size:clamp(60px,8vw,122px)}.openhouse .detail-card img{aspect-ratio:5/4}.openhouse .about{background:#123e7a;color:white}.openhouse .about .button{color:white;border-color:white;background:transparent}.openhouse .section-heading{align-items:start}.openhouse .closing-copy{background:#eaf0f7;color:#123e7a}.arrival{--ink:#252824;--paper:#f5f2eb;--soft:#e3dfd6;--line:#bdbdb3;--muted:#6c6c64}.arrival .masthead{border-bottom:0}.arrival .hero{padding:15px 5% 60px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.arrival .hero-copy{display:contents}.arrival .hero h1{grid-column:1;grid-row:1;font-size:clamp(52px,6.8vw,102px);margin:25px 0}.arrival .hero-copy>.kicker{grid-column:2;grid-row:1;align-self:start;text-align:right}.arrival .hero-copy>p:not(.kicker){grid-column:1;grid-row:2;align-self:center;max-width:340px}.arrival .hero .actions{grid-column:1;grid-row:3;align-self:start;margin:0}.arrival .hero-media{grid-column:2;grid-row:1/4;margin-top:80px;height:630px}.arrival .hero h1{position:relative;z-index:2;width:130%}.arrival .detail-grid{display:block}.arrival .detail-card{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:center;padding:35px 0;border-top:1px solid var(--line)}.arrival .detail-card:nth-child(even){direction:rtl}.arrival .detail-card figcaption{direction:ltr}.arrival .detail-card img{aspect-ratio:16/10}.arrival .detail-card h3{font-size:46px}.arrival .about .portrait{aspect-ratio:1/1}.riverlight{--ink:#244c43;--paper:#faf9f4;--soft:#e6ebe4;--line:#cbd4c9;--muted:#596d64}.riverlight .hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;padding:60px 7% 95px;gap:6%}.riverlight .hero h1{font-size:clamp(48px,5.7vw,86px)}.riverlight .hero-media{height:660px;border-radius:240px 240px 12px 12px}.riverlight .media-label{top:auto;bottom:90px}.riverlight .detail-grid{gap:45px}.riverlight .detail-card:nth-child(2){margin-top:90px}.riverlight .detail-card img{border-radius:140px 140px 0 0}.riverlight .about{border-radius:0 130px 0 0}.riverlight .portrait{border-radius:8px 8px 170px 8px}.riverlight .closing img{border-radius:0 0 120px 0}.riverlight .closing-copy{background:var(--paper);color:var(--ink)}@keyframes drift{from{transform:scale(1)}to{transform:scale(1.09) translate(-1%,-.5%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none;transition:none}}@media(max-width:900px){.masthead nav{gap:16px}.section{padding:70px 6%}.hero h1{font-size:58px}.lantern .hero-copy{width:90%}.afterglow .hero,.openhouse .hero,.riverlight .hero{gap:30px}.hero-media{min-height:350px}.afterglow .hero-media,.openhouse .hero-media,.riverlight .hero-media{height:560px}.detail-grid{gap:18px}.section-heading{display:block}.section-heading p{margin-top:20px;max-width:550px}.about{gap:35px}.closing-copy{padding:45px 10%}.closing h2{font-size:38px}.afterglow .detail-card:nth-child(3){margin-top:100px}}@media(max-width:650px){.concept-bar{font-size:12px;padding:8px 5%;letter-spacing:0;align-items:center}.masthead{padding:10px 5%;gap:12px;flex-wrap:wrap}.brand{width:145px}.brand img{height:68px}.masthead nav{font-size:13px;gap:15px;flex-wrap:wrap}.masthead nav a:nth-child(2){display:none}.hero h1{font-size:52px!important;letter-spacing:-.04em}.hero-copy>p:not(.kicker){font-size:16px}.lantern .hero{height:720px;min-height:0}.lantern .hero-copy{width:100%;padding:85px 7% 130px}.hero-media{min-height:400px}.hero-media .motion-controls{left:16px;right:16px;bottom:17px}.motion-controls button{padding:8px;font-size:12px}.afterglow .hero,.openhouse .hero,.riverlight .hero,.arrival .hero{display:flex;flex-direction:column;padding:36px 6% 55px;gap:25px;align-items:stretch}.hero-copy{padding:0!important}.afterglow .hero-media,.openhouse .hero-media,.riverlight .hero-media,.arrival .hero-media{height:480px;margin:0}.afterglow .hero-media{border-radius:160px 160px 0 0}.openhouse .hero-copy{padding:32px!important}.openhouse .hero-media{order:2}.arrival .hero-copy{display:block}.arrival .hero-copy>.kicker{text-align:left}.arrival .hero h1{width:100%;margin:15px 0 25px}.arrival .hero .actions{margin-top:25px}.riverlight .hero-media{border-radius:180px 180px 0 0}.detail-grid,.afterglow .detail-grid{grid-template-columns:1fr;gap:24px}.detail-card img{aspect-ratio:5/4}.detail-card:nth-child(n){margin-top:0!important}.arrival .detail-card{display:block}.arrival .detail-card h3{font-size:34px}.about{grid-template-columns:1fr;padding:55px 6%;border-radius:0!important}.about-copy{order:-1}.portrait{max-height:500px;aspect-ratio:1/1}.journey,.closing{grid-template-columns:1fr}.journey article{padding:40px 7%}.closing img{height:350px}.closing-copy{padding:45px 7%}.section-heading h2{font-size:40px}footer{align-items:start;flex-direction:column}.actions .button{padding:11px 17px}.riverlight .detail-card img{border-radius:100px 100px 0 0}}
/* Potomac Porch primary website */
html{scroll-padding-top:24px}.masthead{background:var(--paper)}
footer a{text-underline-offset:5px}.detail-card p{font-size:16px}.button,.text-link{min-height:44px}.skip{z-index:200}
@media(max-width:650px){.lantern .hero-copy{padding:65px 7% 130px!important}.masthead{justify-content:center;gap:6px;padding:12px 5% 16px}.masthead nav{justify-content:center;width:100%;gap:22px;font-size:14px}.masthead nav a:nth-child(2){display:inline}.brand{width:155px}.brand img{height:74px}.lantern .hero{height:670px}.hero h1{font-size:clamp(40px,11vw,52px)!important}.masthead nav a{padding:8px 0}.kicker{letter-spacing:.15em}}
/* The opening scene extends behind the brand and navigation. */
.lantern .masthead{position:absolute;top:0;left:0;right:0;z-index:10;background:transparent;border:0;padding:22px 5%;color:#fff}
.lantern .masthead nav a{text-shadow:0 1px 12px #071c2db3}
.lantern .brand img{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 14px #fff9)}
.lantern .hero{height:100svh;min-height:740px}
.lantern .hero-media:after{background:linear-gradient(180deg,#071c2d75 0%,transparent 30%),linear-gradient(90deg,#071c2dbe,transparent 85%)}
.lantern .hero-copy{padding:200px 7% 130px}
@media(max-width:650px){
.lantern .masthead{padding:14px 5% 18px;gap:4px}
.lantern .hero{height:100svh;min-height:740px}
.lantern .hero-copy{padding:220px 7% 120px!important}
.lantern .masthead nav{gap:20px}
}
.hero-motion-bar{display:flex;justify-content:flex-end;padding:8px 5%;background:var(--paper);border-bottom:1px solid var(--line)}.hero-motion-bar button{border:0;background:transparent;color:var(--ink);font-size:14px;padding:10px 4px;min-height:44px;text-decoration:underline;text-underline-offset:4px}
@font-face{font-family:"Great Vibes";font-style:normal;font-weight:400;font-display:swap;src:url('/sample-assets/great-vibes.ttf') format('truetype')}
.lantern .hero-copy .hero-signature{font-family:"Great Vibes","Snell Roundhand","Brush Script MT",cursive;font-size:clamp(42px,4.8vw,68px);font-weight:400;line-height:1.4;letter-spacing:.015em;margin:20px 0 0;color:#fff8e9;text-shadow:0 2px 18px #071c2d55;max-width:none}
@media(max-width:650px){.lantern .hero-copy .hero-signature{font-size:46px;margin-top:18px}}
.lantern .hero-copy{width:100%}.lantern .hero h1{font-size:min(5.4vw,96px)!important;white-space:nowrap;letter-spacing:-.035em}
.lantern .masthead{justify-content:center}