:root{--navy:#152345;--burgundy:#86172d;--gold:#ae8541;--line:#e8e2d9}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--navy);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.site-header{min-height:86px;border-bottom:1px solid var(--line);padding:16px clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{display:block;width:178px;height:auto}
.site-header nav{display:flex;align-items:center;gap:clamp(16px,3vw,36px)}
.site-header nav a{text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.1em}
.site-header nav a:hover,.ways-grid a:hover{color:var(--burgundy)}
main{max-width:1440px;margin:auto}
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);min-height:610px;border-bottom:1px solid var(--line)}
.hero-copy{padding:clamp(70px,9vw,138px) clamp(30px,7vw,105px) clamp(72px,8vw,110px)}
.eyebrow,.section-heading>span,.way-number,.aside-small{font-size:11px;letter-spacing:.22em;font-weight:700;color:var(--gold)}
.eyebrow{display:inline-flex;align-items:center;gap:13px}.short-rule{width:28px;height:1px;background:var(--gold)}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
h1{font-size:clamp(56px,6vw,92px);line-height:1.04;letter-spacing:-.055em;margin:25px 0 29px}h1 em{font-weight:400;color:var(--burgundy)}
.hero-copy>p{max-width:630px;font-size:19px;line-height:1.65;color:#4c5871;margin:0 0 37px}
.email-button{display:inline-flex;min-width:210px;justify-content:space-between;align-items:center;gap:30px;background:var(--burgundy);color:#fff;text-decoration:none;padding:19px 22px;font-size:12px;font-weight:700;letter-spacing:.15em}.email-button span{font-size:21px;color:#e2bd7f;font-weight:400}.email-button:hover{background:#a11f3b}
.hero-aside{background:var(--navy);color:#fff;border-left:1px solid var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:55px 30px}
.hero-aside img{width:78px;height:78px;object-fit:contain}.aside-line{width:72px;height:1px;background:var(--gold);margin:38px auto 28px}.hero-aside p{font:400 clamp(31px,3.2vw,47px)/1.18 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 36px}.aside-small{font-size:10px;line-height:1.8}
.hero-aside .aside-small{color:#fff}.hero-aside .play{color:#dba54d}.hero-aside .compete,.hero-aside .repeat{color:#fff}.hero-aside .connect{color:#f1a7bd}
.ways{padding:100px clamp(24px,6vw,86px) 115px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:42px}.section-heading h2{font-size:clamp(39px,4vw,58px);letter-spacing:-.04em;margin:0}.ways-grid{border-top:1px solid var(--line)}.way-card{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:clamp(36px,6vw,90px);align-items:center;padding:39px 0;border-bottom:1px solid var(--line)}.way-card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,42%)}.way-card:nth-child(even) .way-media{order:2}.way-media{width:100%;aspect-ratio:1.65;background:#f7f5f1;overflow:hidden}.way-media img{display:block;width:100%;height:100%;object-fit:cover}.way-orders .way-media{background:#fff}.way-orders .way-media img{object-fit:cover}.way-content{display:flex;flex-direction:column;align-items:flex-start;padding:20px 0}.way-number{color:var(--burgundy)}.ways-grid h3{font-size:clamp(38px,4vw,60px);line-height:1.08;letter-spacing:-.045em;margin:22px 0 18px}.ways-grid p{font-size:17px;line-height:1.65;color:#58637a;margin:0 0 27px;max-width:530px}.ways-grid a{font-size:12px;letter-spacing:.13em;font-weight:700;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:10px}.ways-grid a span{font-size:16px;margin-left:16px;color:var(--gold)}
.direct{border-top:1px solid var(--line);padding:100px clamp(24px,6vw,86px) 110px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:end;gap:clamp(40px,8vw,130px)}.direct-intro{position:relative}.direct-intro:before{content:"";display:block;width:68px;height:3px;background:var(--gold);margin-bottom:28px}.direct h2{font-size:clamp(52px,6vw,86px);line-height:1.05;letter-spacing:-.055em;margin:20px 0 26px}.direct h2 em{color:var(--burgundy);font-weight:400}.direct p{font-size:18px;line-height:1.65;max-width:560px;color:#58637a;margin:0}.direct-email{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:190px;padding:31px 75px 33px 32px;background:var(--navy);color:#fff;text-decoration:none;transition:background .2s ease,transform .2s ease;overflow-wrap:anywhere}.direct-email:hover{background:#23365e;transform:translateY(-3px)}.direct-email>span:first-child{font:700 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.18em;color:#dba54d;margin-bottom:16px}.direct-email strong{font:400 clamp(24px,2.6vw,38px)/1.2 Georgia,'Times New Roman',serif}.direct-arrow{position:absolute;right:30px;bottom:27px;color:#f1a7bd;font:400 35px/1 Arial,Helvetica,sans-serif}
.message-section{background:#fcf6f8;border-top:1px solid #f0dfe4;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,7vw,110px);padding:95px clamp(24px,6vw,86px) 105px}.message-copy h2{font-size:clamp(42px,4.7vw,68px);line-height:1.08;letter-spacing:-.045em;margin:22px 0}.message-copy h2 em{font-weight:400;color:var(--burgundy)}.message-copy p{font-size:17px;line-height:1.6;color:#4c5871;max-width:430px}.message-copy .message-hint{font-size:14px;color:#7c6670;margin-top:32px}.message-section form{display:grid;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.message-section label{display:grid;gap:9px;font-size:13px;font-weight:700;letter-spacing:.03em}.message-section input,.message-section select,.message-section textarea{width:100%;border:1px solid #c9c7c3;border-radius:0;background:#fff;color:var(--navy);padding:14px 15px;font:16px/1.4 Arial,Helvetica,sans-serif}.message-section input,.message-section select{min-height:52px}.message-section textarea{resize:vertical;min-height:145px}.message-section input:focus,.message-section select:focus,.message-section textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.message-section .honeypot{position:absolute;left:-9999px;width:1px;height:1px}.message-section button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:var(--burgundy);color:#fff;padding:17px 21px;text-align:left;font:700 12px Arial,Helvetica,sans-serif;letter-spacing:.14em;cursor:pointer}.message-section button:hover{background:#a11f3b}.message-section button span{font-size:20px;color:#e2bd7f;font-weight:400}.message-section .form-note{font-size:13px;line-height:1.5;color:#657087;margin:0}.message-section .form-note a{text-underline-offset:3px}.thanks{min-height:65vh;text-align:center;padding:120px 24px 140px}.thanks h1{margin:24px 0}.thanks p{font:400 20px/1.5 Georgia,'Times New Roman',serif;max-width:530px;margin:0 auto 37px;color:#58637a}
footer{background:#fff;color:var(--navy);border-top:1px solid var(--line);min-height:220px;padding:42px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;text-align:center}footer img{display:block;width:48px;height:48px;object-fit:contain}footer p{font-size:12px;letter-spacing:.2em;line-height:1.8;margin:0}footer p span{white-space:nowrap}.play{color:var(--gold)}.connect{color:var(--burgundy)}footer div{display:flex;gap:24px}footer div a{text-decoration:none;font-size:13px}footer div a:hover{text-decoration:underline}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:68px 26px 75px}.hero-aside{border-left:0;border-top:1px solid var(--line);padding:55px 24px}.hero-aside p{font-size:38px}.ways{padding:77px 26px 84px}.section-heading{display:block}.section-heading h2{margin-top:16px}.way-card,.way-card:nth-child(even){grid-template-columns:1fr;gap:0;padding:28px 0 37px}.way-card:nth-child(even) .way-media{order:0}.way-content{padding:24px 0 0}.way-media{aspect-ratio:1.75}.ways-grid h3{margin:15px 0 12px}.ways-grid p{max-width:none;margin-bottom:22px}.message-section{grid-template-columns:1fr;gap:25px;padding:75px 26px 85px}.direct{grid-template-columns:1fr;gap:34px;padding:75px 26px 85px}}
@media(max-width:530px){.site-header{min-height:72px;padding:13px 20px}.brand img{width:132px}.site-header nav{gap:12px}.site-header nav a{font-size:10px;letter-spacing:0}.site-header nav a:nth-child(2),.site-header nav a:nth-child(4){display:none}.hero-copy{padding:58px 22px 67px}h1{font-size:clamp(48px,12vw,65px)}.hero-copy>p{font-size:17px}.email-button{width:100%}.hero-aside{padding:42px 20px}.hero-aside img{width:64px;height:64px}.aside-line{margin:26px auto 21px}.hero-aside p{font-size:34px;margin-bottom:22px}.ways{padding:69px 22px 75px}.ways-grid h3{font-size:clamp(36px,10vw,48px)}.message-section{padding:67px 22px 77px}.message-copy h2{font-size:43px}.form-row{grid-template-columns:1fr;gap:20px}.direct{padding:68px 22px 78px}.direct h2{font-size:clamp(49px,12vw,62px)}.direct p{font-size:17px}.direct-email{min-height:164px;padding:25px 60px 28px 23px}.direct-email strong{font-size:clamp(22px,6vw,29px)}.direct-arrow{right:21px;bottom:22px;font-size:28px}}

/* Delicate brand link accents */
.direct-email strong{color:#f1a7bd}
.direct-email .direct-arrow{width:33px;height:33px;color:#f1a7bd}
.email-button .link-arrow,.message-section button .link-arrow{color:#e8c88e}
.ways-grid a .link-arrow{width:25px;height:25px;margin-left:13px;color:var(--gold)}

/* Let the order photograph reach the screen edges without cropping its table. */
@media(max-width:800px){.way-orders .way-media{width:calc(100% + 52px);margin-inline:-26px;aspect-ratio:1552/1013}.way-orders .way-media img{object-fit:contain}}
@media(max-width:530px){.way-orders .way-media{width:calc(100% + 44px);margin-inline:-22px}}

/* Desktop layout only; phone and tablet rules stay unchanged. */
@media screen and (min-width:1024px){

main{max-width:none;}
.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);min-height:580px;}
.hero-copy{padding:96px max(56px,calc((100vw - 1320px)/2));padding-right:70px;}
.hero-aside{padding:70px 50px;}
.ways,.direct,.message-section{padding-left:max(56px,calc((100vw - 1200px)/2));padding-right:max(56px,calc((100vw - 1200px)/2));}
.message-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:90px;}
}

/* Keep the desktop rows; extend only the order scene to the left edge. */
@media screen and (min-width:1024px){
.way-orders .way-media{width:calc(100% + max(56px,calc((100vw - 1200px)/2)));margin-left:calc(-1 * max(56px,calc((100vw - 1200px)/2)));aspect-ratio:auto;background:#fff;overflow:visible;}
.way-orders .way-media img{width:100%;height:auto;object-fit:contain;}
}