:root{color-scheme:light;--paper:#fcf7f0;--wine:#68293c;--ink:#342e2b;--muted:#746a65;--line:#dfd3ca;--max:1420px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--wine)}a:focus-visible,button:focus-visible{outline:3px solid var(--wine);outline-offset:5px}img{max-width:100%;display:block}header{border-bottom:1px solid var(--line)}.nav{max-width:var(--max);margin:auto;padding:16px 4%;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font:700 48px/1 Georgia,serif;color:var(--wine);text-decoration:none;letter-spacing:-2px}nav{display:flex;gap:32px;font-size:16px}nav a{text-decoration:none}.hero{max-width:var(--max);margin:auto;padding:24px 4%;display:grid;grid-template-columns:1fr 1.03fr;gap:42px;align-items:center}.hero h1{font:400 clamp(44px,4.65vw,76px)/1.03 Georgia,serif;color:var(--wine);letter-spacing:-2.5px;margin:0 0 28px}.hero p{font-size:clamp(17px,1.5vw,23px);line-height:1.55;max-width:620px}.hero .portrait{width:100%;height:min(43vw,596px);object-fit:cover;object-position:center 28%}.actions{display:flex;gap:20px;flex-wrap:wrap;margin:30px 0 22px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:58px;padding:16px 30px;background:var(--wine);color:white;border:1px solid var(--wine);border-radius:2px;font-size:18px;text-decoration:none}.button:hover{color:white;background:#502031}.button.secondary{background:transparent;color:var(--wine)}.button.secondary:hover{background:#f1e5df}.hero .availability{font-size:15px;color:var(--muted);margin-bottom:0}.steps{border-block:1px solid var(--line)}.steps-inner{max-width:var(--max);padding:46px 4%;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{display:grid;grid-template-columns:60px 1fr;gap:26px}.step .number{font:46px/1 Georgia,serif;color:var(--wine);border-right:1px solid #bb9d93}.step h2{font:400 27px/1.15 Georgia,serif;color:var(--wine);margin:0 0 12px}.step p{font-size:17px;line-height:1.55;margin:0}.footer{max-width:var(--max);margin:auto;padding:28px 4%;display:flex;gap:24px;align-items:center;justify-content:space-between;font-size:14px;color:var(--muted)}.footer p{margin:0;letter-spacing:1px}.footer nav{font-size:14px;gap:22px}.legal{max-width:850px;margin:60px auto 80px;padding:0 28px}.legal h1{font:400 clamp(42px,6vw,66px)/1.1 Georgia,serif;color:var(--wine);letter-spacing:-1.5px;margin:0 0 20px}.legal h2{font:400 27px/1.3 Georgia,serif;color:var(--wine);margin:38px 0 12px}.legal p,.legal li{font-size:17px;line-height:1.75}.legal li{margin-bottom:10px}.legal .date{font-size:14px;color:var(--muted);margin-bottom:36px}.legal .intro{font-size:21px;line-height:1.6}.legal table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6}.legal th,.legal td{text-align:left;vertical-align:top;padding:15px 12px;border:1px solid var(--line)}.legal th{background:#f3e9e0}.skip{position:absolute;left:16px;top:-100px;background:var(--paper);padding:12px;z-index:9}.skip:focus{top:12px}.notice{padding:20px 24px;border-left:3px solid var(--wine);background:#f3e9e0}footer{border-top:1px solid var(--line)}
@media(max-width:760px){.nav{padding:20px 6%;gap:16px}.brand{font-size:40px}nav{gap:16px;font-size:14px}.hero{padding:36px 6% 28px;grid-template-columns:1fr;gap:28px}.hero h1{font-size:52px;letter-spacing:-1.7px}.hero p{font-size:19px}.hero .portrait{height:auto;aspect-ratio:1/1;object-fit:cover}.actions{gap:12px}.button{font-size:16px;padding:14px 20px;min-height:52px}.steps-inner{grid-template-columns:1fr;padding:32px 6%;gap:32px}.step{grid-template-columns:48px 1fr;gap:24px}.step .number{font-size:38px}.step h2{font-size:28px}.footer{padding:26px 6%;align-items:flex-start;flex-direction:column}.legal{margin:38px auto 60px;padding:0 6%}.legal table{font-size:14px}.legal td,.legal th{padding:10px 8px}}
@media(max-width:390px){nav{gap:12px;font-size:13px}.brand{font-size:36px}.hero h1{font-size:46px}.actions{flex-direction:column}.button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
