:root{--night:#0b0907;--gold:#d8b77a;--cream:#f2ebdf;--muted:#d5c8b5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--cream);font-family:'Jost',Arial,sans-serif;-webkit-font-smoothing:antialiased}.site{width:100%;max-width:450px;margin:0 auto;overflow:hidden;background:#0d0907;box-shadow:0 0 80px #0008}a{color:inherit}.hero{position:relative;min-height:740px;min-height:100svh;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero__image,.hero__shade{position:absolute;inset:0;z-index:-1}.hero__image{background:url('../img/hero-mobile.jpg') center center/cover no-repeat}.hero__shade{background:linear-gradient(180deg,rgba(4,3,2,.18) 0%,rgba(4,3,2,.04) 26%,rgba(4,3,2,.14) 43%,rgba(4,3,2,.46) 62%,rgba(4,3,2,.1) 80%,#0b0907 100%)}.brand-header{position:absolute;top:0;left:0;right:0;padding:calc(18px + env(safe-area-inset-top)) 25px 0;display:flex;justify-content:space-between;align-items:center}.brand{font:400 35px/1 'Cormorant Garamond',Georgia,serif;text-decoration:none;letter-spacing:.09em;color:var(--gold)}.brand-header__star{font-size:18px;color:var(--gold);opacity:.85}.hero__content{width:100%;padding:0 20px;transform:translateY(18%);text-shadow:0 2px 18px #000b}.eyebrow{font-size:9px;letter-spacing:.27em;color:#e7c58d;font-weight:500;margin:0 0 10px}.hero h1{font:400 clamp(92px,28vw,134px)/.88 'Cormorant Garamond',Georgia,serif;letter-spacing:.025em;color:#f1d4a7;margin:0}.hero__tagline{font:400 clamp(23px,6.3vw,31px)/1.12 'Cormorant Garamond',Georgia,serif;margin:15px auto 0}.hero__tagline span{display:inline-block;margin-top:3px}.scroll-cue{position:absolute;bottom:calc(34px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);text-decoration:none;font:300 35px/1 'Jost',sans-serif;color:var(--gold);width:48px;height:48px;display:grid;place-items:center;transition:transform .2s}.scroll-cue:hover{transform:translateX(-50%) translateY(5px)}.about{position:relative;isolation:isolate;padding:42px 27px 28px;background:#0b0907}.about__photo,.about__shade{position:absolute;inset:0;z-index:-1}.about__photo{background:url('../img/about-background.jpg') center bottom/auto 85% no-repeat;opacity:.82}.about__shade{background:linear-gradient(180deg,#0b0907 0%,rgba(11,9,7,.97) 17%,rgba(11,9,7,.9) 39%,rgba(11,9,7,.72) 62%,rgba(11,9,7,.46) 80%,#0b0907 97%),linear-gradient(90deg,#0b0907b8,transparent)}.ornament{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--gold);font-size:17px;margin:0 0 23px}.ornament span{display:block;height:1px;width:38px;background:linear-gradient(90deg,transparent,var(--gold))}.ornament span:last-child{transform:rotate(180deg)}.about__content h2{font:400 clamp(40px,10.2vw,51px)/1 'Cormorant Garamond',Georgia,serif;margin:0 0 7px;color:#f4d6a7;letter-spacing:-.02em}.about__lead{font:400 28px/1.1 'Cormorant Garamond',Georgia,serif!important;color:#e9c68d!important;margin:0 0 22px!important}.about__content p{font-size:15px;line-height:1.72;font-weight:300;letter-spacing:.01em;margin:0 0 18px;color:#f0e7da}.about__content .emphasis{color:#e8bd79;font-weight:500;font-size:16px;line-height:1.6}.about__content h3{font:400 42px/1 'Cormorant Garamond',Georgia,serif;color:var(--gold);margin:30px 0 12px}.about__content .signature{margin-top:24px}.signature span{font:400 30px/1.3 'Cormorant Garamond',Georgia,serif;color:var(--gold)}.footer{padding:25px 0 12px;text-align:center}.footer .ornament{margin:0 0 23px}.footer .ornament span{width:75px}.social{display:flex;justify-content:center;gap:22px}.social a{width:80px;min-height:79px;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--gold);border:1px solid #ae8752;border-radius:15px;background:#0c0909bd;transition:background .2s,transform .2s}.social a:hover,.social a:focus-visible{background:#3a291a;transform:translateY(-2px)}.social svg{width:26px;height:26px}.social span{font-size:10px;letter-spacing:.05em;color:#e8d8c0}.footer small{display:block;font-size:9px;letter-spacing:.17em;color:#a18a70;margin-top:38px}@media(min-width:600px){body{padding:0 24px}.site{box-shadow:0 0 90px #000c}.hero{min-height:850px}.hero__content{transform:translateY(12%)}}@media(max-width:360px){.about{padding-left:22px;padding-right:22px}.social{gap:13px}.social a{width:75px}.about__content p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
