@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{color:#172027;font-synthesis:none;--ink:#f7f9fb;--surface:#fff;--surface-2:#f1f4f7;--line:#d9e0e6;--muted:#697782;--cyan:#176bff;--white:#172027;background:#edf1f4;font-family:Inter,Noto Sans SC,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#edf1f4;min-height:100vh}button,input,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.showcase-shell{grid-template-columns:minmax(460px,1fr) 418px;align-items:center;gap:clamp(42px,7vw,120px);min-height:100vh;padding:34px max(38px,7vw);display:grid;position:relative;overflow:hidden}.showcase-shell:before{content:"";z-index:-2;background:#edf1f4;position:fixed;inset:0}.showcase-shell:after{content:"";z-index:-1;opacity:.035;filter:grayscale();background:url(/graphite-studio.png) 50%/cover;width:43vw;height:100vh;position:fixed;top:0;left:25vw;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%,#0000);mask-image:linear-gradient(90deg,#0000,#000 45%,#0000)}.editorial-panel{flex-direction:column;justify-content:space-between;width:min(100%,720px);min-height:min(780px,100vh - 68px);display:flex}.brand{color:var(--white);align-items:center;gap:13px;display:flex}.brand-mark{border:1px solid #8f9ca5;place-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:grid}.brand>span:last-child{flex-direction:column;gap:3px;display:flex}.brand strong{font-size:21px;font-weight:800}.brand small{color:#72808a;letter-spacing:.18em;font-size:9px}.brand.compact{gap:9px}.brand.compact .brand-mark{border-color:#aeb8bf;width:34px;height:34px;font-size:12px}.brand.compact strong{font-size:16px}.brand.compact small{font-size:7px}.editorial-copy{max-width:650px;margin:auto 0 40px}.editorial-copy h1{margin:0 0 25px;font-size:clamp(42px,4.8vw,72px);font-weight:700;line-height:1.18}.editorial-copy p{color:#64727c;max-width:560px;margin:0;font-size:16px;line-height:1.9}.editorial-panel figure{border:1px solid #d4dce2;width:min(100%,650px);margin:0;position:relative;overflow:hidden;box-shadow:0 18px 50px #34404a18}.editorial-panel figure img{aspect-ratio:2.15;object-fit:cover;width:100%;display:block}.editorial-panel figcaption{color:#c7d1d6;background:#05090ce8;gap:24px;padding:16px 20px;font-size:11px;display:flex;position:absolute;inset:auto 0 0}.editorial-panel figcaption span:before{content:"";background:var(--cyan);width:5px;height:5px;margin:0 8px 1px 0;display:inline-block}.editorial-panel>footer{color:#72808a;letter-spacing:.17em;justify-content:space-between;margin-top:20px;font-size:9px;display:flex}.phone-frame{background:var(--ink);border:1px solid #8e9aa3;border-radius:38px;flex-direction:column;height:min(860px,100vh - 40px);min-height:700px;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px #33414e38,0 0 0 7px #242b30}.phone-status{z-index:5;flex:0 0 31px;justify-content:space-between;align-items:center;height:31px;padding:10px 22px 0;font-size:10px;font-weight:700;display:flex}.phone-status i{background:#000;border-radius:16px;width:82px;height:22px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.screen{scrollbar-width:none;background:var(--ink);flex:1;padding:12px 16px 92px;overflow:auto}.screen::-webkit-scrollbar{display:none}.mobile-header{justify-content:space-between;align-items:center;min-height:43px;margin-bottom:10px;display:flex}.mobile-header>button{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.hero{border:1px solid #1b272e;min-height:402px;position:relative;overflow:hidden}.hero>img{object-fit:cover;object-position:center bottom;width:100%;height:100%;position:absolute;inset:0}.hero-fade{background:linear-gradient(#05090c24 15%,#05090c00 45%,#05090cf2 96%);position:absolute;inset:0}.hero-copy{z-index:2;color:#fff;position:absolute;inset:auto 20px 21px}.hero-copy h1{margin:0;font-size:26px;font-weight:800;line-height:1.38}.hero-copy p{color:#c4d0d7;width:88%;margin:10px 0 16px;font-size:11px;line-height:1.65}.hero-copy button,.package-detail>button,.primary{background:var(--cyan);color:#fff;border:0;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 17px;font-size:12px;font-weight:800;display:inline-flex}.quick-actions{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.quick-actions button,.quick-actions a{border:0;border-right:1px solid var(--line);min-width:0;color:var(--white);background:0 0;flex-direction:column;align-items:center;gap:8px;padding:17px 6px;text-decoration:none;display:flex}.quick-actions>:last-child{border-right:0}.quick-actions svg{width:21px;color:var(--cyan)}.quick-actions span{text-align:center;flex-direction:column;gap:3px;font-size:11px;font-weight:700;display:flex}.quick-actions small{color:#788691;font-size:8px;font-weight:500}.section-heading{justify-content:space-between;align-items:end;margin:24px 0 13px;display:flex}.section-heading small,.recruit small{color:var(--cyan);letter-spacing:.15em;font-size:8px}.section-heading h2{margin:4px 0 0;font-size:20px}.section-heading button{color:#8d9aa2;background:0 0;border:0;align-items:center;padding:0;font-size:10px;display:flex}.package-rail{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:78%;grid-auto-flow:column;gap:10px;padding-bottom:5px;display:grid;overflow-x:auto}.package-mini{border:1px solid var(--line);scroll-snap-align:start;cursor:pointer;height:178px;position:relative;overflow:hidden}.package-mini img{object-fit:cover;width:100%;height:100%}.package-mini>div{background:linear-gradient(#0000,#05090cf7);padding:32px 13px 12px;position:absolute;inset:auto 0 0}.package-mini h3{color:#fff;margin:0;font-size:14px}.package-mini p{color:#a9b6bd;margin:4px 0 7px;font-size:9px}.package-mini strong{color:#78a8ff;font-size:11px}.craft-strip{border:1px solid var(--line);background:var(--surface);gap:12px;margin-top:18px;padding:17px 15px;display:flex}.craft-strip svg{color:var(--cyan);flex:none}.craft-strip h2{margin:0 0 4px;font-size:13px}.craft-strip p{color:#87959e;margin:0;font-size:9px;line-height:1.5}.page-title{border-bottom:1px solid var(--line);padding:2px 0 17px}.page-title>div:last-child{margin-top:20px}.page-title h1{margin:0;font-size:25px}.page-title p{color:var(--muted);margin:6px 0 0;font-size:10px}.package-list{gap:10px;padding-top:14px;display:grid}.package-list>button{border:1px solid var(--line);text-align:left;background:#eef2f5;height:176px;padding:0;position:relative;overflow:hidden}.package-list>button.selected{border-color:var(--cyan)}.package-list img{object-fit:cover;width:100%;height:100%}.package-list button:first-child img{object-position:center 68%}.package-overlay{color:#fff;background:linear-gradient(#0000,#030608f5);justify-content:space-between;align-items:end;padding:45px 13px 12px;display:flex;position:absolute;inset:auto 0 0}.package-overlay h2{margin:0;font-size:15px}.package-overlay p{color:#a9b6bd;margin:4px 0 0;font-size:9px}.package-overlay strong{color:var(--cyan);font-size:12px}.package-detail{background:var(--surface);border:1px solid var(--line);margin-top:12px;padding:18px 15px}.package-detail>div{color:var(--cyan);align-items:center;gap:7px;font-size:9px;display:flex}.package-detail h2{margin:10px 0 5px;font-size:18px}.package-detail p{color:var(--muted);margin:0 0 14px;font-size:10px}.package-detail>button{width:100%}.booking-media{border:1px solid var(--line);height:165px;margin:14px 0 20px;position:relative;overflow:hidden}.booking-media img{object-fit:cover;width:100%;height:100%}.booking-media>div{background:linear-gradient(#0000,#05090cf4);flex-direction:column;gap:4px;padding:35px 13px 12px;display:flex;position:absolute;inset:auto 0 0}.booking-media strong{color:#fff;font-size:12px}.booking-media span{color:#9cabb3;font-size:9px}.booking-view form{flex-direction:column;gap:15px;display:flex}.booking-view label{font-size:11px;font-weight:700}.booking-view label>span{color:var(--cyan);margin-left:3px}.booking-view label>em{float:right;color:#697780;font-size:9px;font-style:normal}.booking-view label>div{background:#fff;border:1px solid #d1dae1;align-items:center;gap:10px;min-height:48px;margin-top:7px;padding:0 13px;display:flex}.booking-view label>div.invalid{border-color:#ff6b6b}.booking-view label>small{color:#f77;margin-top:5px;display:block}.booking-view input,.booking-view textarea{color:#172027;background:0 0;border:0;outline:0;width:100%;font-size:11px}.booking-view textarea{resize:none;min-height:76px;padding-top:3px;line-height:1.6}.booking-view .textarea-wrap{align-items:flex-start;padding-top:14px}.booking-view svg{color:#7c8b94;flex:none}.primary{width:100%;margin-top:3px}.privacy{color:#66747d;justify-content:center;align-items:center;gap:5px;margin:-4px 0 0;font-size:8px;display:flex}.privacy svg{color:#66747d}.progress-hero{border:1px solid var(--line);height:210px;margin-top:14px;position:relative;overflow:hidden}.progress-hero img{object-fit:cover;object-position:center 67%;width:100%;height:100%}.progress-summary{background:linear-gradient(#0000,#05090cf8);justify-content:space-between;align-items:end;padding:48px 15px 14px;display:flex;position:absolute;inset:auto 0 0}.progress-summary span{color:#fff;font-size:15px;font-weight:700}.progress-summary strong{color:var(--cyan);font-size:29px}.progress-bar{background:#dce3e9;height:6px;margin:15px 0 11px}.progress-bar i{background:var(--cyan);height:100%;transition:width .5s;display:block}.appointment-meta{color:#91a0a8;flex-wrap:wrap;gap:8px 13px;font-size:9px;display:flex}.appointment-meta span{align-items:center;gap:5px;display:inline-flex}.timeline{margin:21px 0 0 8px}.timeline>div{grid-template-columns:30px 1fr;min-height:75px;display:grid;position:relative}.timeline>div:before{content:"";background:#cdd6dd;width:1px;position:absolute;top:25px;bottom:-1px;left:11px}.timeline>div:last-child:before{display:none}.timeline>div>i{color:#72818a;z-index:1;background:var(--ink);border:1px solid #b7c2ca;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;font-style:normal;display:grid}.timeline>div.done>i,.timeline>div.active>i{color:#fff;background:var(--cyan);border-color:var(--cyan)}.timeline>div.active>i span{background:#fff;border-radius:50%;width:7px;height:7px}.timeline>div>span{flex-direction:column;padding-top:1px;display:flex}.timeline strong{font-size:12px}.timeline small{color:#78868f;margin-top:4px;font-size:9px}.timeline em{color:var(--cyan);margin-top:5px;font-size:8px;font-style:normal}.service-note{background:var(--surface);border:1px solid var(--line);gap:10px;padding:15px;display:flex}.service-note svg{color:var(--cyan)}.service-note p{flex-direction:column;gap:4px;margin:0;display:flex}.service-note strong{font-size:11px}.service-note span{color:#80909a;font-size:9px}.store-photo{border:1px solid var(--line);height:215px;margin-top:14px;position:relative;overflow:hidden}.store-photo img{object-fit:cover;width:100%;height:100%}.store-photo span{color:#d8e2e7;background:#05090ddd;padding:6px 8px;font-size:8px;position:absolute;bottom:10px;left:11px}.store-intro{color:#65737d;margin:17px 2px;font-size:11px;line-height:1.8}.store-contact,.phone-line{border-top:1px solid var(--line);align-items:center;gap:10px;padding:14px 12px;display:flex}.store-contact>div,.phone-line span{flex:1;align-items:center;gap:10px;display:flex}.store-contact span,.phone-line span{flex-direction:column;align-items:flex-start;gap:3px}.store-contact strong,.phone-line strong{font-size:11px}.store-contact small,.phone-line small{color:#74828b;font-size:8px}.store-contact svg,.phone-line>svg{color:var(--cyan);flex:none}.store-contact button{background:var(--surface);border:1px solid #38464e;align-items:center;gap:5px;padding:8px 10px;font-size:9px;display:flex}.phone-line{color:inherit;border-bottom:1px solid var(--line);text-decoration:none}.phone-line>svg:last-child{color:#65737b}.recruit{border:1px solid var(--line);background:url(/graphite-studio.png) 50% 60%/cover;flex-direction:column;justify-content:space-between;min-height:220px;margin-top:20px;padding:26px 20px;display:flex;position:relative;overflow:hidden}.recruit:before{content:"";background:linear-gradient(90deg,#05090cfa 0%,#05090ccb 58%,#05090c3d);position:absolute;inset:0}.recruit>*{z-index:1;position:relative}.recruit h2{color:#fff;max-width:240px;margin:8px 0;font-size:21px;line-height:1.35}.recruit p{color:#a9b6bd;width:73%;margin:0;font-size:9px;line-height:1.65}.recruit a{background:var(--cyan);color:#fff;align-items:center;gap:7px;width:fit-content;padding:10px 13px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:8;background:#fffffff0;border-top:1px solid #dce3e8;grid-template-columns:repeat(5,1fr);height:77px;padding:8px 7px 12px;display:grid;position:absolute;inset:auto 0 0}.bottom-nav button{color:#77858e;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-width:0;font-size:9px;display:flex}.bottom-nav button.active{color:var(--cyan)}.toast{z-index:10;color:#fff;white-space:nowrap;background:#176bff;align-items:center;gap:7px;padding:10px 14px;font-size:10px;display:flex;position:absolute;bottom:91px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #30507b38}@media (width<=900px){.showcase-shell{min-height:100svh;padding:0;display:block}.editorial-panel{display:none}.phone-frame{width:100%;height:100svh;min-height:620px;box-shadow:none;border:0;border-radius:0}.phone-status{display:none}.screen{padding-top:12px}}@media (width>=901px) and (height<=760px){.phone-frame{height:94vh;min-height:680px}.editorial-panel{min-height:92vh}.editorial-copy{margin-bottom:22px}.editorial-copy h1{font-size:46px}.editorial-panel figure{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}