@font-face{font-family:DM;src:url('/assets/dm-sans-latin.woff2')}@font-face{font-family:Caslon;src:url('/assets/libre-caslon-display-latin.woff2')}*{box-sizing:border-box}body{margin:0;background:#0b0e0c;color:#eee6d7;font:15px/1.6 DM,Arial,sans-serif}header{height:90px;padding:20px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #35362e;gap:20px}.brand{font:34px/1 Caslon;letter-spacing:6px}.brand small{display:block;font:8px/2.5 DM;letter-spacing:5px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#bba681}button{background:transparent;color:inherit;font:13px DM;border:1px solid #686151;border-radius:25px;padding:9px 15px;cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #d5b985;outline-offset:4px}.journey{height:360vh}.experience{position:sticky;top:0;min-height:100svh;display:grid;grid-template-columns:30% 70%;grid-template-rows:1fr auto;background:#0b0e0c}.intro{padding:65px 10%;background:linear-gradient(110deg,#24241f,#141713)}h1{font:clamp(40px,5vw,72px)/1.08 Caslon,Georgia,serif;margin:25px 0 35px}.intro>p:not(.eyebrow){color:#c8c2b5}.disclosure{font-size:12px;margin-top:45px;max-width:330px}.visual{position:relative;background:radial-gradient(ellipse,#23271e,#090d0a 78%);min-height:550px}.label{position:absolute;z-index:1;top:25px;left:25px;right:25px;font-size:9px;letter-spacing:2px;text-align:right;pointer-events:none}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}.rotate{position:absolute;bottom:20px;right:25px;display:flex;align-items:center;gap:15px}.rotate span{font-size:8px;letter-spacing:2px;color:#b5aa93}.rotate button{padding:7px 12px}.controls{grid-column:1/-1;padding:18px 4% 22px;border-top:1px solid #39382f}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps button{border:0;border-top:1px solid #565144;border-radius:0;text-align:left;padding:10px 0;font:25px Caslon}.steps button[aria-pressed=true]{border-top:2px solid #d5ba89;color:#e4d1ac}.steps small{display:block;font:9px/2 DM;letter-spacing:2px}label{display:block;color:#a6a493;font-size:10px;margin-top:10px}input{width:100%;accent-color:#c5aa78;min-height:30px}footer{padding:45px 6%;color:#aaa99c;font-size:12px;max-width:1100px;margin:auto}a{color:#d5c29b}details{margin-top:25px}summary{cursor:pointer}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:10px;z-index:10;background:#141713;padding:12px}@media(max-width:700px){header{height:75px}.brand{font-size:27px}header>.eyebrow{display:none}.journey{height:330vh}.experience{grid-template-columns:1fr;grid-template-rows:auto minmax(300px,1fr) auto;height:100svh}.intro{padding:16px 24px}.intro>.eyebrow{margin:0;font-size:8px}h1{font-size:31px;margin:6px 0 10px}h1 br{display:none}.intro>p:not(.eyebrow){font-size:12px;margin:0}.disclosure{display:none}.visual{min-height:0}.label{font-size:7px;top:15px;text-align:center;left:10px;right:10px}.steps{gap:12px}.steps button{font-size:19px}.controls{padding:10px 24px}.rotate{bottom:10px}.rotate span{font-size:7px}footer:before{content:'Orthodontic care is provided by Dr. Ruben Reyes, a general dentist with a special interest in orthodontic treatment.';display:block;margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.journey{height:auto}.experience{position:relative}}