:root{--ink:#281b17;--deep:#201510;--gold:#bb9660;--cream:#f4efe7;--muted:#746c66}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f5f0;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;z-index:10}.topbar{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:3vw;background:var(--deep);color:#f7f0e7}.brand{display:flex;flex-direction:column;line-height:.85;min-width:115px}.brand span{font:40px Italiana,serif;letter-spacing:-2px}.brand small{font-size:10px;letter-spacing:4px;margin-left:5px;margin-top:7px}.topbar nav{display:flex;gap:clamp(12px,2vw,34px);margin:auto;font-size:14px}.topbar nav a:hover,footer a:hover{color:var(--gold)}.nav-cta{border:1px solid #967754;padding:11px 20px;white-space:nowrap;font-size:14px}.hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:610px;background:var(--deep);color:#f9f2e8}.hero-copy{padding:clamp(60px,8vw,130px) 7vw}.overline{font-size:12px;letter-spacing:.2em;color:var(--gold);font-weight:700}.hero h1,h2{font-family:Italiana,serif;font-weight:400;line-height:1.06;letter-spacing:-.02em}.hero h1{font-size:clamp(48px,6vw,90px);margin:24px 0}.hero em{color:#c7a56a;font-style:normal}.hero-copy>p:not(.overline){max-width:540px;color:#d8cdc2}.hero .micro{font-size:12px;margin-top:20px}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--gold);color:#201510;font-weight:700;padding:15px 24px;line-height:1.2;min-height:52px;text-align:center}.button:hover{background:#d0ac73}.portrait{position:relative;min-height:550px;overflow:hidden}.portrait img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 25%;filter:sepia(.15)}.portrait:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#201510cc)}.portrait-caption{position:absolute;bottom:35px;left:7%;right:5%;z-index:1;display:flex;flex-direction:column}.portrait-caption strong{font:30px Italiana,serif}.portrait-caption span{font-size:13px;color:#e1d4c7}.intro{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:48px 7vw;background:#eae0d3}.intro span{font-size:12px;letter-spacing:.18em;color:#8a6b45}.intro p{font-size:clamp(18px,2vw,24px);line-height:1.45;max-width:780px;margin:0}.simulation,.care,.faq{padding:90px 7vw}.section-head{max-width:900px;margin-bottom:34px}.section-head h2,.care h2,.faq h2,.closing h2{font-size:clamp(42px,5vw,68px);margin:12px 0}.section-head>p:last-child{color:#615951;max-width:720px}.sim-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:20px}.viewer,.controls{background:#fff;border:1px solid #e6ded3}.viewer{min-width:0}.viewer-head,.viewer-foot{display:flex;justify-content:space-around;align-items:center;padding:14px 18px;font-size:12px;letter-spacing:.1em;font-weight:700;color:#695a4b}.viewer-head{border-bottom:1px solid #e9e0d7}.canvases{display:grid;grid-template-columns:1fr 1fr;min-height:440px;background:radial-gradient(circle at 50% 48%,#e7d9c8,#eee7df 56%,#f7f3ee)}.canvases>div{min-width:0;position:relative}.canvases>div+div{border-left:1px solid #d4c5b5}.canvases canvas{display:block;width:100%;height:440px;touch-action:none;cursor:grab}.canvases canvas:active{cursor:grabbing}.viewer-foot{justify-content:space-between;border-top:1px solid #e9e0d7;letter-spacing:0;font-weight:400}.viewer-foot button{background:none;border:none;color:#644932;text-decoration:underline;cursor:pointer;font:inherit}.controls{padding:28px}.controls h3{font:34px Italiana,serif;margin:0 0 30px}.controls label{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;margin:20px 0 5px}.controls output{color:#987548;white-space:nowrap}.controls input[type=range]{width:100%;accent-color:#a9804d;height:34px;cursor:pointer}.control-note,.disclaimer{font-size:13px;color:#655f5a;line-height:1.6}.control-note{background:#f5f0e9;padding:14px;margin:18px 0 22px}.controls .button{width:100%;font-size:14px}.disclaimer{max-width:940px;margin:20px 0 0}.care{background:#eae0d3;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.care>div:first-child>p:last-child{max-width:480px}.care-cards article{padding:20px 0;border-top:1px solid #c9b9a6}.care-cards article span{color:#9a794f;font-size:13px}.care-cards h3{margin:5px 0;font-size:20px}.care-cards p{margin:0;color:#5f554d}.faq{max-width:980px;margin:auto}.faq details{border-top:1px solid #d7c9bb;padding:18px 0}.faq details:last-child{border-bottom:1px solid #d7c9bb}.faq summary{cursor:pointer;font-weight:600;font-size:18px}.faq details p{color:#655d56;max-width:760px}.closing{text-align:center;background:var(--deep);color:#f5eee4;padding:80px 20px}.closing h2{max-width:760px;margin:10px auto 30px}.button.light{background:#c8a36d}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:45px 7vw;background:#180f0c;color:#d4c5b3;font-size:13px}footer .brand{color:white}footer p{max-width:450px}@media(max-width:900px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;padding:15px 5vw}.topbar nav{order:3;width:100%;overflow:auto;white-space:nowrap;padding:8px 0;margin:0}.nav-cta{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 6vw}.portrait{min-height:420px}.sim-grid,.care{grid-template-columns:1fr}.care{gap:30px}.simulation,.care,.faq{padding:65px 5vw}}@media(max-width:540px){.topbar nav{gap:18px}.nav-cta{font-size:12px;padding:8px}.brand{min-width:auto}.brand span{font-size:34px}.hero h1{font-size:55px}.intro{grid-template-columns:1fr;padding:35px 5vw}.canvases{min-height:300px}.canvases canvas{height:310px}.viewer-head{font-size:10px}.viewer-foot{font-size:11px;gap:10px}footer{flex-direction:column;align-items:flex-start}}
.faq-lead{color:#655d56;margin:-8px 0 30px}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font:28px Italiana,serif;color:#9a794f;flex:none}.faq details[open] summary:after{content:'−'}.faq details[open]{background:#f3ede5;margin:0 -18px;padding:18px}.faq details p{margin:12px 0 6px}
.skin-control{border:0;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px 14px}.skin-control legend{font-size:14px;font-weight:600;margin-bottom:8px}.skin-control label{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:13px;cursor:pointer}.skin-control input{accent-color:#80603e}.swatch{display:inline-block;width:19px;height:19px;border-radius:50%;border:1px solid #675447}.light-skin{background:#d5a990}.medium-skin{background:#ae7459}.deep-skin{background:#693e30}.closing>p:not(.overline){max-width:630px;margin:0 auto 28px;color:#ded0c0;font-size:17px}