/* ======================================================================
   ARCHER PRASANTA / DETAILING & CERAMIC COATING — STUDIO PREMIUM
   01 Base | 02 Hero | 03 Service scope | 04 Process | 05 Surface studies
   06 Expectations | 07 Gallery & care | 08 FAQ & invitation | 09 Responsive
   Page-only CSS. Shared header/footer styles remain in style.css.
   ====================================================================== */

/* 01 / BASE */
.adt-main { --adt-paper:#F5F8F4; --adt-ink:#253B3A; --adt-muted:#647772; --adt-teal:#427E7D; --adt-line:#40625B29; --adt-navy:#111A3D; --adt-cyan:#6FEFFF; color:var(--adt-ink); background:var(--adt-paper); font-family:Inter,Arial,Helvetica,sans-serif; isolation:isolate; overflow:clip; }
.adt-main *, .adt-main *::before, .adt-main *::after { box-sizing:border-box; }
.adt-main [hidden] { display:none!important; }
.adt-main :is(h1,h2,h3,p,figure,dl,dd) { margin:0; }
.adt-main :is(h1,h2,h3) { font-family:inherit; color:inherit; font-weight:500; text-transform:none; }
.adt-main h2 { font-size:clamp(38px,4.4vw,75px); line-height:1.06; letter-spacing:-.06em; }
.adt-main :is(h1,h2) em { color:var(--adt-teal); font-style:normal; }
.adt-main p { color:var(--adt-muted); font-size:15px; line-height:1.8; }
.adt-main a { text-decoration:none; color:inherit; }
.adt-main img { display:block; max-width:100%; height:auto; }
.adt-main :is(button,summary) { cursor:pointer; }
.adt-main :is(a,button,summary):focus-visible { outline:3px solid #188197; outline-offset:5px; }
.adt-main section { scroll-margin-top:105px; }
.adt-wrap { width:min(1700px,calc(100% - 112px)); margin-inline:auto; }
.adt-section { padding-block:100px; }
.adt-main .adt-label { display:block; margin-bottom:24px; color:var(--adt-teal); font:600 10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.13em; }
.adt-main .adt-button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:58px; padding:17px 22px; border:1px solid #B2F9FF; border-radius:5px; background:var(--adt-cyan); color:var(--adt-navy); font-size:12px; font-weight:650; box-shadow:0 3px 0 #479FA8,0 14px 25px #123C4512,inset 0 1px 0 #FFFFFFA6; transition:transform .25s,box-shadow .25s; }
.adt-button>span { font-size:23px; line-height:1; font-weight:400; }
.adt-main .adt-link { display:inline-flex; align-items:center; justify-content:space-between; min-height:44px; gap:26px; font-size:12px; font-weight:600; }
.adt-link>span { font-size:23px; color:var(--adt-teal); font-weight:400; }
.adt-heading { display:flex; align-items:end; justify-content:space-between; gap:60px; margin-bottom:45px; }
.adt-heading>div { min-width:0; }
.adt-heading>p { max-width:355px; }

/* 02 / HERO — PEARL, AQUA, CURVED PHOTO & GLASS DEPTH */
.adt-hero { padding-top:24px; background:radial-gradient(ellipse at 90% 25%,#CFE9E3,transparent 54%),linear-gradient(130deg,#F6F7F0,#E8F3EF); }
.adt-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; font-size:10px; color:#758C85; }
.adt-breadcrumb a { display:inline-flex; align-items:center; min-height:32px; }
.adt-breadcrumb [aria-current] { color:#426B66; }
.adt-hero-grid { display:grid; grid-template-columns:1.03fr 1fr; gap:75px; align-items:center; padding:55px 0 70px; }
.adt-main h1 { font-size:clamp(65px,7vw,119px); line-height:1; font-weight:550; letter-spacing:-.066em; }
.adt-star { display:inline-block; margin-right:9px; font-size:19px; line-height:1; vertical-align:-2px; }
.adt-main .adt-hero-intro { margin-top:28px; max-width:430px; font-size:16px; line-height:1.85; }
.adt-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px 28px; margin-top:33px; }
.adt-hero-signature { display:flex; align-items:center; gap:16px; margin-top:36px; }
.adt-hero-signature>span { font-size:36px; color:#76A39B; font-weight:300; }
.adt-hero-signature p { font-size:11px; line-height:1.7; color:#789187; }
.adt-hero-stage { position:relative; min-width:0; padding:15px 14px 63px 65px; }
.adt-stage-ring { position:absolute; z-index:0; inset:0 0 70px 46px; border:1px solid #8FBDBB6B; border-radius:240px 240px 20px 20px; transform:rotate(5deg); }
.adt-hero-photo { position:relative; border-radius:230px 230px 12px 12px; border:7px solid #F7FDF8; box-shadow:0 5px 0 #BDD5CC,0 30px 50px #13433C24; overflow:hidden; background:#18363E; }
.adt-main .adt-hero-photo img { width:100%; height:clamp(460px,39vw,640px); object-fit:cover; object-position:50% 46%; }
.adt-hero-photo figcaption { position:absolute; bottom:0; inset-inline:0; display:flex; align-items:center; justify-content:flex-end; gap:15px; padding:70px 25px 24px; background:linear-gradient(transparent,#122C33DE); color:#D8EEE4; font:7px/1.6 ui-monospace,monospace; letter-spacing:.1em; }
.adt-detail-card { position:absolute; left:0; bottom:13px; width:235px; border:7px solid #FEFFF7; border-radius:4px; background:#FEFFF7; transform:perspective(900px) rotateY(8deg) rotateZ(-8deg); box-shadow:0 4px 0 #C1D7CF,0 24px 35px #183A4426; }
.adt-main .adt-detail-card img { width:100%; height:147px; object-fit:cover; border-radius:2px; }
.adt-detail-card figcaption { font:6px/1.6 ui-monospace,monospace; letter-spacing:.1em; color:#587D72; padding:13px 6px 7px; }
.adt-glass-mark { position:absolute; z-index:2; right:-20px; top:42px; width:125px; height:125px; border-radius:50%; border:1px solid #FFFFFFCB; background:linear-gradient(140deg,#FFFFFFDA,#DAEEEC55 55%,#96BBB965); box-shadow:inset 2px 3px 9px #FFFFFFD9,inset -7px -9px 14px #68928E38,0 15px 25px #31535B21; display:flex; align-items:center; justify-content:center; flex-direction:column; backdrop-filter:blur(7px); transform:rotate(11deg); }
.adt-glass-mark>span { font:600 8px/1.5 ui-monospace,monospace; text-align:center; letter-spacing:.08em; color:#3D6C67; }
.adt-glass-mark>b { font-size:37px; line-height:1; font-weight:300; color:#517C76; margin-top:6px; }
.adt-hero-strip { display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid #8FBAB94D; padding-block:21px; color:#73918A; font:9px/1.6 ui-monospace,monospace; letter-spacing:.1em; }
.adt-hero-strip>a { display:flex; align-items:center; gap:30px; min-height:35px; font:600 11px/1.5 Inter,Arial,sans-serif; color:#38615D; letter-spacing:0; }
.adt-hero-strip b { font-size:21px; font-weight:400; }

/* 03 / DEEP WASH, DEGREASE, POLISH, CERAMIC COAT */
.adt-scope-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--adt-line); }
.adt-scope-grid article { padding:30px 27px; border-right:1px solid var(--adt-line); }
.adt-scope-grid article:first-child { padding-left:0; }
.adt-scope-grid article:last-child { border:0; padding-right:0; }
.adt-scope-grid article>span { font:10px/1.5 ui-monospace,monospace; color:#57877D; }
.adt-scope-grid h3 { font-size:30px; letter-spacing:-.045em; line-height:1.15; margin:25px 0 17px; }
.adt-scope-grid p { font-size:13px; }

/* 04 / SIX-STEP PROCESS — NO-JS CONTENT REMAINS AVAILABLE */
.adt-process { background:radial-gradient(ellipse at 0% 0%,#2C4546,transparent 65%),#1D3035; color:#EBF3EB; }
.adt-process .adt-label { color:#A7CEC4; }
.adt-process h2 em { color:#A7CEC4; }
.adt-process .adt-heading>p { color:#AECCC6; }
.adt-step-controls { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-bottom:26px; }
.adt-main .adt-step-controls button { position:relative; min-width:0; min-height:99px; padding:19px; text-align:left; border:1px solid #7299915C; border-radius:4px; background:#547D7424; color:#D6E6D9; font:500 13px/1.4 Inter,Arial,sans-serif; transition:background .2s,border-color .2s; }
.adt-step-controls button>span { display:block; font:9px/1.5 ui-monospace,monospace; color:#9BBDB0; margin-bottom:14px; }
.adt-step-controls strong { display:block; font-size:inherit; font-weight:500; }
.adt-step-controls button>b { position:absolute; right:18px; top:17px; font-size:18px; color:#84A69A; font-weight:400; }
.adt-main .adt-step-controls button[aria-pressed="true"] { color:#183D37; background:#D7ECE0; border-color:#E7F9EB; box-shadow:0 3px 0 #729E8E; }
.adt-step-controls button[aria-pressed="true"]>span,.adt-step-controls button[aria-pressed="true"]>b { color:#497C67; }
.adt-step-panels { display:grid; gap:26px; }
.adt-step-panel { display:grid; grid-template-columns:1fr 1fr; min-width:0; border:1px solid #719A8A70; border-radius:5px; overflow:hidden; background:#F0F5ED; color:#24453C; }
.adt-step-panel figure { position:relative; min-height:475px; background:#173638; overflow:hidden; }
.adt-main .adt-step-panel img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 45%; }
.adt-step-panel figcaption { position:absolute; bottom:0; inset-inline:0; padding:55px 27px 22px; background:linear-gradient(transparent,#122D32ED); color:#D4E7DC; display:flex; justify-content:space-between; gap:20px; font:8px/1.5 ui-monospace,monospace; letter-spacing:.08em; }
.adt-step-copy { padding:clamp(33px,4.5vw,75px); align-self:center; }
.adt-step-copy .adt-label { color:#5C8C7C; }
.adt-step-copy h3 { font-size:clamp(33px,3.7vw,62px); line-height:1.07; letter-spacing:-.055em; margin-bottom:26px; }
.adt-step-copy>p:not(.adt-label) { font-size:14px; }
.adt-step-note { border-top:1px solid #4D80672E; padding-top:24px; margin-top:27px; }
.adt-step-note>span { color:#668B76; font:9px/1.6 ui-monospace,monospace; letter-spacing:.1em; }
.adt-step-note>p { font-size:12px; margin-top:11px; }
.adt-step-copy .adt-link { margin-top:25px; }
.adt-account-line { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:28px; }
.adt-account-line p { font-size:11px; color:#B0C9BF; }
.adt-account-line .adt-link>span { color:#7FCCC8; }

/* 05 / ILLUSTRATED SURFACE TYPES, NOT PRODUCT SAMPLES */
.adt-surface-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px; }
.adt-surface-card { padding:30px; border:1px solid #C5DAD1; border-radius:5px; background:#E8F0E9; box-shadow:0 4px 0 #D1DED3; }
.adt-surface-card:nth-child(2) { background:#E7ECEF; border-color:#C6D3DA; box-shadow:0 4px 0 #CED8DE; }
.adt-surface-card:nth-child(3) { background:#ECEEE5; border-color:#D1D9C7; box-shadow:0 4px 0 #D9DFCD; }
.adt-surface-top { display:flex; align-items:center; justify-content:space-between; gap:20px; color:#7B9787; font:8px/1.5 ui-monospace,monospace; letter-spacing:.08em; }
.adt-surface-top>span:last-child { font-size:19px; }
.adt-material { position:relative; height:150px; display:grid; place-items:center; margin:15px 0 32px; perspective:800px; }
.adt-material::before { content:""; position:absolute; width:120px; height:28px; border-radius:50%; background:#304C421F; filter:blur(9px); bottom:6px; }
.adt-material i { display:block; position:relative; width:145px; height:105px; border-radius:52% 52% 28% 30%; transform:rotateX(22deg) rotateY(-20deg) rotateZ(-14deg); border:1px solid #F4FCF494; box-shadow:inset -7px -8px 10px #102D3138,4px 7px 0 #839D91,0 16px 23px #173C3924; }
.adt-material-gloss i { background:linear-gradient(146deg,#133D39 10%,#709F8E 30%,#E4F2E1 39%,#53897A 43%,#214840 65%,#122D30); }
.adt-material-matte i { background:radial-gradient(ellipse at 33% 20%,#6B8494,#354B5E 57%,#1D3347); border-color:#72929F; box-shadow:inset -5px -8px 13px #18304445,4px 7px 0 #567286,0 16px 23px #173C3924; }
.adt-material-metal i { background:repeating-linear-gradient(94deg,#FFFFFF0D 0,#3D515416 1px,#DDE8E512 2px),linear-gradient(125deg,#6C8483,#EBF2E7 29%,#9DB4AE 46%,#D9E5DF 49%,#758E89 71%,#D0DDD3); }
.adt-surface-card .adt-label { margin-bottom:15px; font-size:9px; }
.adt-surface-card h3 { font-size:clamp(28px,2.7vw,42px); line-height:1.12; letter-spacing:-.045em; margin-bottom:21px; }
.adt-surface-card>p:not(.adt-label) { font-size:13px; }
.adt-surface-note { border-top:1px solid #608F712B; padding-top:22px; margin-top:26px; }
.adt-surface-note>span { font:8px/1.5 ui-monospace,monospace; letter-spacing:.09em; color:#668573; }
.adt-surface-note>p { font-size:11px; line-height:1.8; margin-top:9px; }
.adt-main .adt-reference-note { font-size:10px; color:#7D9183; text-align:center; margin-top:26px; }

/* 06 / EXPECTATIONS */
.adt-expectations { background:#DEECE9; }
.adt-expectations-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:90px; align-items:center; }
.adt-expectations-photo { padding:10px 8px 0; }
.adt-expectations figure { position:relative; transform:perspective(1000px) rotateY(5deg) rotateZ(-2deg); border:8px solid #F2F8EF; border-radius:5px; box-shadow:-5px 6px 0 #B5CEC0,0 23px 35px #1B50341F; overflow:hidden; background:#254343; }
.adt-main .adt-expectations-photo img { width:100%; height:440px; object-fit:cover; object-position:50% 50%; }
.adt-expectations-photo figcaption { position:absolute; inset-inline:0; bottom:0; padding:55px 23px 20px; color:#D3EAD4; background:linear-gradient(transparent,#1A3B38E6); font:7px/1.6 ui-monospace,monospace; letter-spacing:.12em; }
.adt-photo-caption { display:block; margin:27px 10px 0; font:7px/1.6 ui-monospace,monospace; color:#668F7C; letter-spacing:.1em; }
.adt-expectations .adt-expectations-intro { margin-top:28px; font-size:14px; }
.adt-expectations dl { margin-top:28px; }
.adt-expectations dl>div { border-top:1px solid #648B762E; padding:18px 0; }
.adt-expectations dt { font-size:16px; font-weight:500; margin-bottom:8px; }
.adt-expectations dd { font-size:12px; line-height:1.75; color:#69816F; }
.adt-expectations .adt-link { margin-top:14px; }

/* 07 / GALLERY & AFTERCARE */
.adt-gallery-grid { display:grid; grid-template-columns:1fr .85fr 1fr; gap:25px; align-items:start; }
.adt-gallery figure { position:relative; overflow:hidden; border-radius:5px; background:#233A3E; }
.adt-main .adt-gallery-dark img,.adt-main .adt-gallery-light img { width:100%; height:clamp(440px,42vw,700px); object-fit:cover; }
.adt-gallery-light { margin-top:60px!important; }
.adt-main .adt-gallery-centre img { width:100%; height:clamp(245px,24vw,390px); object-fit:cover; }
.adt-gallery-centre { padding-top:110px; }
.adt-gallery figcaption { position:absolute; bottom:0; inset-inline:0; padding:65px 26px 26px; background:linear-gradient(transparent,#152E31E6); color:#ECF3E6; }
.adt-gallery figcaption>span { display:block; font:7px/1.6 ui-monospace,monospace; letter-spacing:.11em; color:#B6D5C4; margin-bottom:13px; }
.adt-gallery figcaption>strong { display:block; font-size:clamp(23px,2.4vw,34px); font-weight:500; line-height:1.2; letter-spacing:-.04em; }
.adt-gallery-centre figcaption { padding:40px 20px 18px; font:7px/1.6 ui-monospace,monospace; letter-spacing:.12em; }
.adt-gallery-note { text-align:center; padding:37px 13px 0; }
.adt-gallery-note>span { display:block; font-size:58px; line-height:1; color:#7AA695; margin-bottom:17px; }
.adt-gallery-note p { color:#537A67; font-size:21px; line-height:1.3; letter-spacing:-.03em; }
.adt-aftercare { padding-block:76px; background:#EAEFE3; border-block:1px solid #D7E0CF; }
.adt-aftercare-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:90px; }
.adt-aftercare h2 { font-size:clamp(39px,4.1vw,66px); }
.adt-aftercare-notes article { display:flex; align-items:start; gap:25px; padding:20px 0; border-top:1px solid #91AC8F44; }
.adt-aftercare-notes article>span { padding-top:4px; font:10px/1.6 ui-monospace,monospace; color:#7F9778; }
.adt-aftercare h3 { font-size:20px; margin-bottom:8px; letter-spacing:-.025em; }
.adt-aftercare p { font-size:12px; color:#788974; }

/* 08 / NATIVE FAQ & BRAND INVITATION */
.adt-faq-grid { display:grid; grid-template-columns:1fr 1.05fr; gap:85px; }
.adt-faq header>p:last-child { margin-top:27px; max-width:355px; }
.adt-faq h2 { font-size:clamp(36px,3.85vw,64px); }
.adt-faq-list { border-top:1px solid var(--adt-line); }
.adt-faq details { border-bottom:1px solid var(--adt-line); }
.adt-faq summary { display:flex; align-items:center; gap:24px; list-style:none; padding:25px 4px; font-size:16px; font-weight:500; line-height:1.5; }
.adt-faq summary::-webkit-details-marker { display:none; }
.adt-faq summary>span { margin-left:auto; flex:none; font-size:24px; line-height:1; font-weight:300; color:#568C7C; }
.adt-faq details[open] summary>span { transform:rotate(45deg); }
.adt-faq details>p { padding:0 32px 25px 4px; font-size:13px; }
.adt-invitation { padding-block:84px; color:#EAF4F1; background:radial-gradient(ellipse at 100% 100%,#275357,#111A3D 75%); }
.adt-invitation-grid { display:flex; align-items:center; justify-content:space-between; gap:70px; }
.adt-invitation .adt-label { color:#ABCED2; }
.adt-invitation h2 { font-size:clamp(50px,6vw,102px); }
.adt-invitation h2 em { color:var(--adt-cyan); }
.adt-invitation h2+p { color:#B2CCD0; font-size:14px; max-width:480px; margin-top:25px; }
.adt-invitation-actions { display:flex; flex-direction:column; gap:22px; min-width:310px; }
.adt-invitation .adt-link>span { color:#89DAD8; }

/* 09 / MOTION & RESPONSIVE */
@keyframes adt-enter { from { opacity:.5; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
.adt-main .is-in-view { animation:adt-enter .65s ease-out both; }
@media(hover:hover) and (pointer:fine) {
 .adt-main .adt-button:hover { transform:translateY(-3px); box-shadow:0 5px 0 #479FA8,0 18px 27px #123C4526; }
 .adt-main .adt-step-controls button:hover { border-color:#B7DFCB; }
 .adt-faq summary:hover { color:#487D70; }
}
@media(max-width:1200px) {
 .adt-wrap { width:calc(100% - 64px); }
 .adt-hero-grid { gap:45px; }
 .adt-main h1 { font-size:clamp(64px,7.1vw,86px); }
 .adt-hero-stage { padding-left:45px; }
 .adt-glass-mark { right:-5px; width:108px; height:108px; }
 .adt-detail-card { width:200px; }
 .adt-main .adt-detail-card img { height:125px; }
 .adt-scope-grid article { padding-inline:23px; }
 .adt-scope-grid h3 { font-size:27px; }
 .adt-main .adt-step-controls button { padding:17px 15px; font-size:12px; }
 .adt-step-controls button>b { right:13px; }
 .adt-surface-card { padding:27px; }
 .adt-expectations-grid,.adt-aftercare-grid,.adt-faq-grid { gap:55px; }
 .adt-gallery-grid { gap:20px; }
 .adt-gallery figcaption { padding-inline:21px; }
}
@media(max-width:900px) {
 .adt-section { padding-block:78px; }
 .adt-hero-grid { grid-template-columns:1fr; gap:35px; padding-top:38px; }
 .adt-main h1 { font-size:clamp(74px,10.7vw,96px); }
 .adt-hero-copy { max-width:680px; }
 .adt-main .adt-hero-intro { max-width:520px; }
 .adt-hero-stage { max-width:580px; width:100%; margin-inline:auto; padding-left:70px; padding-right:30px; }
 .adt-main .adt-hero-photo img { height:510px; }
 .adt-glass-mark { right:0; }
 .adt-detail-card { width:235px; }
 .adt-main .adt-detail-card img { height:148px; }
 .adt-heading { align-items:start; flex-direction:column; gap:24px; margin-bottom:37px; }
 .adt-heading>p { max-width:540px; }
 .adt-scope-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .adt-scope-grid article { padding:27px!important; }
 .adt-scope-grid article:nth-child(2) { border-right:0; }
 .adt-scope-grid article:nth-child(-n+2) { border-bottom:1px solid var(--adt-line); }
 .adt-step-controls { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
 .adt-main .adt-step-controls button { min-height:88px; padding:17px 20px; font-size:13px; }
 .adt-step-controls button>span { margin-bottom:10px; }
 .adt-step-copy { padding:32px; }
 .adt-step-panel figure { min-height:500px; }
 .adt-step-panel figcaption { flex-direction:column; gap:7px; padding-inline:20px; }
 .adt-account-line { flex-direction:column; align-items:start; gap:12px; }
 .adt-surface-grid { gap:16px; }
 .adt-surface-card { padding:23px; }
 .adt-surface-card h3 { font-size:29px; }
 .adt-material i { width:120px; height:93px; }
 .adt-surface-top { font-size:6px; gap:9px; }
 .adt-expectations-grid { grid-template-columns:1fr 1fr; gap:40px; }
 .adt-main .adt-expectations-photo img { height:410px; }
 .adt-expectations h2 { font-size:39px; }
 .adt-gallery-grid { grid-template-columns:1fr 1fr; }
 .adt-gallery-centre { grid-column:1/-1; grid-row:2; display:grid; grid-template-columns:1fr 1fr; gap:30px; padding-top:15px; align-items:center; }
 .adt-gallery-light { margin-top:40px!important; }
 .adt-main .adt-gallery-dark img,.adt-main .adt-gallery-light img { height:465px; }
 .adt-main .adt-gallery-centre img { height:265px; }
 .adt-gallery-note { padding-top:0; }
 .adt-aftercare-grid,.adt-faq-grid { grid-template-columns:1fr; gap:40px; }
 .adt-faq header>p:last-child { max-width:490px; }
}
@media(max-width:640px) {
 .adt-wrap { width:calc(100% - 40px); }
 .adt-section { padding-block:65px; }
 .adt-main h2 { font-size:clamp(36px,8.3vw,48px); }
 .adt-main h1 { font-size:clamp(58px,13.5vw,82px); }
 .adt-main .adt-label { font-size:9px; margin-bottom:21px; }
 .adt-main .adt-hero-intro { margin-top:24px; font-size:15px; }
 .adt-hero-actions { gap:20px; margin-top:26px; }
 .adt-hero-signature { margin-top:25px; }
 .adt-hero-stage { max-width:450px; padding-left:43px; padding-right:14px; padding-bottom:79px; }
 .adt-stage-ring { left:25px; }
 .adt-main .adt-hero-photo img { height:435px; }
 .adt-hero-photo figcaption { font-size:6px; padding:50px 20px 20px; flex-direction:column; gap:6px; align-items:end; }
 .adt-glass-mark { width:93px; height:93px; top:25px; right:0; }
 .adt-glass-mark>span { font-size:7px; }
 .adt-glass-mark>b { font-size:29px; }
 .adt-detail-card { width:185px; bottom:22px; }
 .adt-main .adt-detail-card img { height:115px; }
 .adt-detail-card figcaption { font-size:5px; padding-inline:3px; }
 .adt-hero-strip { flex-wrap:wrap; font-size:8px; gap:12px 20px; }
 .adt-hero-strip>a { width:100%; justify-content:space-between; }
 .adt-heading>p { font-size:14px; }
 .adt-scope-grid article { padding:24px 21px!important; }
 .adt-scope-grid h3 { font-size:25px; }
 .adt-scope-grid p { font-size:12px; }
 .adt-main .adt-step-controls button { font-size:12px; padding:16px; min-height:96px; }
 .adt-step-panel { grid-template-columns:1fr; }
 .adt-step-panel figure { min-height:330px; }
 .adt-step-panel figcaption { flex-direction:row; font-size:7px; }
 .adt-step-copy { padding:32px 28px; }
 .adt-step-copy h3 { font-size:37px; }
 .adt-surface-grid { grid-template-columns:1fr; gap:23px; }
 .adt-surface-card { padding:31px; }
 .adt-surface-top { font-size:8px; }
 .adt-material { height:140px; margin-block:15px 25px; }
 .adt-material i { width:151px; height:108px; }
 .adt-surface-card h3 { font-size:37px; }
 .adt-surface-card>p:not(.adt-label) { font-size:14px; }
 .adt-surface-note>p { font-size:12px; }
 .adt-expectations-grid { grid-template-columns:1fr; gap:45px; }
 .adt-expectations-grid>div:last-child { grid-row:1; }
 .adt-main .adt-expectations-photo img { height:330px; }
 .adt-expectations h2 { font-size:42px; }
 .adt-gallery-grid { gap:17px; }
 .adt-main .adt-gallery-dark img,.adt-main .adt-gallery-light img { height:355px; }
 .adt-gallery figcaption { padding:60px 15px 19px; }
 .adt-gallery figcaption>span { font-size:6px; }
 .adt-gallery figcaption>strong { font-size:21px; }
 .adt-gallery-centre { grid-template-columns:1fr; gap:27px; padding-top:10px; }
 .adt-main .adt-gallery-centre img { height:300px; }
 .adt-gallery-centre figcaption { padding:45px 24px 19px; }
 .adt-gallery-note>span { font-size:47px; margin-bottom:10px; }
 .adt-gallery-note p { font-size:24px; }
 .adt-aftercare { padding-block:65px; }
 .adt-aftercare h2 { font-size:42px; }
 .adt-aftercare-notes article { gap:21px; }
 .adt-faq h2 { font-size:39px; }
 .adt-faq summary { font-size:15px; gap:18px; }
 .adt-faq details>p { padding-right:12px; }
 .adt-invitation { padding-block:67px; }
 .adt-invitation-grid { flex-direction:column; align-items:start; gap:33px; }
 .adt-invitation h2 { font-size:clamp(55px,12vw,78px); }
 .adt-invitation-actions { min-width:0; width:100%; max-width:400px; }
}
@media(max-width:400px) {
 .adt-wrap { width:calc(100% - 36px); }
 .adt-breadcrumb { font-size:9px; gap:8px; }
 .adt-main h1 { font-size:clamp(45px,13.5vw,54px); }
 .adt-main .adt-hero-intro { font-size:14px; }
 .adt-main .adt-button { width:100%; padding-inline:18px; font-size:11px; gap:18px; }
 .adt-main .adt-label { font-size:8px; }
 .adt-hero-stage { padding-left:32px; padding-right:6px; }
 .adt-main .adt-hero-photo img { height:355px; }
 .adt-detail-card { width:163px; }
 .adt-main .adt-detail-card img { height:101px; }
 .adt-glass-mark { width:83px; height:83px; }
 .adt-scope-grid article { padding:23px 15px!important; }
 .adt-scope-grid h3 { font-size:23px; }
 .adt-step-controls { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .adt-main .adt-step-controls button { min-height:88px; font-size:13px; }
 .adt-step-panel figure { min-height:285px; }
 .adt-step-copy { padding:29px 24px; }
 .adt-step-copy h3 { font-size:33px; }
 .adt-surface-card { padding:27px; }
 .adt-surface-card h3 { font-size:34px; }
 .adt-expectations h2,.adt-aftercare h2 { font-size:38px; }
 .adt-main .adt-expectations-photo img { height:285px; }
 .adt-gallery-grid { grid-template-columns:1fr; }
 .adt-gallery-light { margin-top:0!important; width:85%; justify-self:end; }
 .adt-gallery-centre { grid-column:auto; grid-row:auto; }
 .adt-main .adt-gallery-dark img,.adt-main .adt-gallery-light img { height:405px; }
 .adt-gallery figcaption { padding:60px 24px 24px; }
 .adt-gallery figcaption>strong { font-size:27px; }
 .adt-gallery figcaption>span { font-size:7px; }
 .adt-gallery-note { padding-bottom:15px; }
 .adt-faq h2 { font-size:34px; }
}
@media(prefers-reduced-motion:reduce) {
 .adt-main *, .adt-main *::before, .adt-main *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
 .adt-main .adt-button:hover { transform:none; }
}