@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Manrope:wght@400;500;600&display=swap');
:root{--cream:#f0e9dc;--ink:#272124;--gold:#cdb38b;--wine:#512b38}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:106px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#231e21;color:var(--cream)}.wordmark{font:30px Georgia,serif;letter-spacing:7px}.wordmark span{display:block;font:9px Arial;text-align:center;letter-spacing:5px;margin-top:9px}nav{display:flex;gap:42px;font-size:10px;letter-spacing:2px}nav span{color:var(--gold);padding-left:12px}.hero{min-height:720px;height:calc(100svh - 106px);max-height:1100px;position:relative;display:flex;align-items:center;background:#30282a;color:var(--cream);overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('estate-hero.png') center/cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,20,24,.85),rgba(26,20,24,.36) 55%,rgba(26,20,24,.05)),linear-gradient(0deg,rgba(26,20,24,.6),transparent 35%)}.hero-copy{position:relative;z-index:1;padding:40px 8%;width:100%}.eyebrow{font-size:10px;letter-spacing:3px;line-height:1.8;font-weight:600}.hero .eyebrow{color:var(--gold)}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;margin:0}h1{font-size:clamp(66px,7.7vw,116px);line-height:.98;letter-spacing:-3px;margin:26px 0}em{font-weight:400;color:var(--gold)}.intro{font-size:15px;line-height:1.9;color:#e5dbce}.button{display:inline-flex;gap:32px;border-bottom:1px solid #cdb38b88;font-size:10px;letter-spacing:2px;padding:22px 0 13px;margin-top:15px}.hero-bottom{position:absolute;bottom:30px;left:8%;right:8%;z-index:1;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2.3px;color:#d7cabc}.statement{padding:120px 10%;display:grid;grid-template-columns:340px 1fr;gap:10%;align-items:center}.logo-window{position:relative;overflow:hidden;aspect-ratio:667/640;box-shadow:0 20px 50px #3d2b2214}.logo-window img{width:307%;max-width:none;display:block}.statement h2,.section-top h2{font-size:clamp(40px,4vw,60px);line-height:1.05;margin:20px 0 25px}.statement p:not(.eyebrow){max-width:510px;font-size:13px;line-height:1.95;color:#665c57}.collection{padding:90px 6% 110px;background:#e7ddcd}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px;gap:30px}.section-top h2{margin-bottom:0}.section-top>p{font-size:12px;line-height:1.9;color:#71635b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:32px;min-height:490px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:#f6eedf}.soap{background:#512b38}.room{background:#957052}.car{background:#28313a}.number,.small{font-size:9px;letter-spacing:2px}.card h3{font-size:43px}.card p{font-size:12px;line-height:1.9;max-width:285px;opacity:.8;margin:16px 0 25px}.abstract{height:180px;position:relative;display:grid;place-items:center;opacity:.5}.ring{width:145px;height:145px;border:1px solid #dcc2a0;border-radius:50%;box-shadow:0 0 0 22px #dcc2a00a,0 0 0 44px #dcc2a008}.line{position:absolute;width:185px;height:1px;background:#dcc2a0;transform:rotate(-35deg)}.room .ring{border-radius:50% 50% 5% 5%;width:110px;height:155px}.room .line{transform:rotate(45deg)}.car .ring{width:205px;height:74px;border-radius:38px;transform:rotate(-18deg)}.car .line{transform:rotate(-18deg);width:110px}.ranges{text-align:center;padding:85px 6%;background:#eee6d9}.range-names{display:flex;justify-content:center;gap:5%;margin:38px 0;font-family:'Cormorant Garamond',Georgia,serif;font-size:35px}.ranges>p:last-child{font-size:12px;color:#75675c}.contact{padding:110px 8%;background:#30272c;color:var(--cream);text-align:center}.contact>.eyebrow{color:var(--gold)}.contact h2{font-size:clamp(55px,6vw,90px);line-height:1.05;margin:25px 0}.contact>p:not(.eyebrow){font-size:12px;color:#c5b8b2;line-height:1.8}.contact>a{display:inline-block;margin-top:22px;font-size:14px;border-bottom:1px solid var(--gold);padding:12px 0}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span{font:20px Georgia;letter-spacing:4px}footer p,footer small{font-size:9px;letter-spacing:1.8px}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}@media(max-width:800px){header{height:90px;padding:0 6%}.wordmark{font-size:23px;letter-spacing:4px}nav{gap:15px;font-size:8px;letter-spacing:1px}nav a:first-child{display:none}.hero{height:760px;min-height:0;max-height:none}.hero-photo{background-position:62% center}.hero:after{background:linear-gradient(90deg,#1a1418b8,#1a14184d),linear-gradient(0deg,#1a141880,transparent)}.hero-copy{padding:40px 7%}h1{letter-spacing:-2px}.hero-bottom{left:7%;right:7%;font-size:7px;letter-spacing:1.2px}.statement{padding:70px 7%;grid-template-columns:1fr;gap:45px}.logo-window{width:230px}.section-top{display:block}.collection{padding:65px 7%}.cards{grid-template-columns:1fr}.card{min-height:410px}.abstract{height:130px}.range-names{display:grid;grid-template-columns:1fr 1fr;gap:22px;font-size:29px}.ranges{padding:65px 7%}.contact{padding:80px 7%}footer{flex-wrap:wrap}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


header{position:absolute;top:0;left:0;width:100%;z-index:4;background:linear-gradient(#1e191bcc,transparent);height:110px}.hero{height:100svh;min-height:760px}.hero-copy{padding-top:125px}.brand-lockup{display:flex;align-items:center;gap:16px}.compass-mark{display:inline-flex;width:49px;height:59px;flex:none;align-items:center;justify-content:center}.compass-mark img{width:100%;height:100%;object-fit:contain}.wordmark{color:#e3c89c}.logo-window{box-shadow:none;aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:30px;overflow:visible}.logo-window img{width:180px;height:220px;object-fit:contain;max-width:100%}.statement-brand{font:27px Georgia,serif;letter-spacing:8px;color:#94713f}.statement-brand small{display:block;font:8px Arial;letter-spacing:4px;text-align:center;margin-top:13px}.statement{padding:100px 10%;grid-template-columns:270px 1fr}.brand-seed{display:flex;justify-content:center;margin-bottom:25px}.brand-seed .compass-mark{width:40px;height:49px;opacity:.75}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand .compass-mark{width:29px;height:36px}.footer-brand>span{font:20px Georgia;letter-spacing:4px;color:#94713f}.abstract{opacity:.85}.abstract:before{content:'';height:95px;width:80px;background:url('campion-gold-emblem.png') center/contain no-repeat;position:absolute;z-index:1}.ring,.line{opacity:.28}.gifting{min-height:640px;display:grid;grid-template-columns:1fr 1fr;background:#e9dfd0}.gifting-photo{background:url('estate-hero.png') 75% center/cover}.gifting-copy{padding:75px 12%;align-self:center}.gifting-mark{width:35px;height:43px;object-fit:contain;margin-bottom:22px}.gifting h2{font-size:clamp(43px,4.5vw,68px);line-height:1.08;margin:25px 0}.gifting em{color:#a17e4d}.gifting-copy>p:not(.eyebrow){font-size:13px;line-height:1.95;color:#665c57;max-width:350px;margin-bottom:30px}.contact{position:relative;overflow:hidden}.contact:before{content:'';position:absolute;width:250px;height:300px;right:-50px;bottom:-70px;background:url('campion-gold-emblem.png') center/contain no-repeat;opacity:.08;pointer-events:none}.contact>*{position:relative}.ranges{background:#f0e9dc}.collection{background:#ebe2d5}
@media(max-width:800px){header{height:95px}.brand-lockup{gap:12px}.brand-lockup .compass-mark{width:36px;height:45px}.hero{height:850px;min-height:0}.hero-copy{padding-top:110px}.statement{padding:65px 7%;grid-template-columns:1fr;gap:35px}.logo-window{width:100%;gap:22px}.logo-window img{width:90px;height:110px}.statement-brand{font-size:20px;letter-spacing:6px}.gifting{grid-template-columns:1fr;min-height:0}.gifting-photo{height:320px;background-position:70% center}.gifting-copy{padding:55px 7% 65px}.gifting h2{font-size:49px}.contact:before{width:180px;height:220px}}