/* ======================================================================
   ARCHER PRASANTA / MOTORCYCLE SERVICE — THE EVERYDAY WORKSHOP
   01 Base | 02 Hero | 03 Entry points | 04 Concern selector | 05 Routine care
   06 Repair & process | 07 Visit | 08 FAQ & invitation | 09 Responsive/motion
   Page-specific styles; shared header/footer CSS stays in style.css.
   ====================================================================== */

/* 01 / BASE */
.ams-main { --ams-paper:#F6F3EB; --ams-ink:#242A2E; --ams-muted:#686F6D; --ams-rust:#A85132; --ams-line:#343D3826; --ams-navy:#111A3D; --ams-cyan:#6FEFFF; color:var(--ams-ink); background:var(--ams-paper); font-family:Inter,Arial,Helvetica,sans-serif; isolation:isolate; overflow:clip; }
.ams-main *, .ams-main *::before, .ams-main *::after { box-sizing:border-box; }
.ams-main [hidden] { display:none!important; }
.ams-main :is(h1,h2,h3,p,figure,ul,ol,dl,dd) { margin:0; }
.ams-main :is(h1,h2,h3) { font-family:inherit; color:inherit; font-weight:500; text-transform:none; }
.ams-main h2 { font-size:clamp(39px,4.3vw,73px); line-height:1.06; letter-spacing:-.06em; }
.ams-main :is(h1,h2) em { font-style:normal; color:var(--ams-rust); }
.ams-main p { color:var(--ams-muted); font-size:15px; line-height:1.8; }
.ams-main a { text-decoration:none; color:inherit; }
.ams-main img { display:block; max-width:100%; height:auto; }
.ams-main svg { display:block; width:26px; height:26px; flex:none; }
.ams-main :is(a,button,summary):focus-visible { outline:3px solid #127F99; outline-offset:5px; }
.ams-main :is(button,summary) { cursor:pointer; }
.ams-main section { scroll-margin-top:106px; }
.ams-wrap { width:min(1700px,calc(100% - 112px)); margin-inline:auto; }
.ams-section { padding-block:96px; }
.ams-main .ams-label { display:block; color:var(--ams-rust); margin-bottom:23px; font:600 10px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.1em; }
.ams-heading { display:flex; align-items:end; justify-content:space-between; gap:65px; margin-bottom:44px; }
.ams-heading>div { min-width:0; }
.ams-heading>p { max-width:370px; }
.ams-main .ams-button { display:inline-flex; align-items:center; justify-content:space-between; min-height:57px; gap:32px; padding:17px 22px; border-radius:5px; border:1px solid #B2F7FF; color:var(--ams-navy); background:var(--ams-cyan); box-shadow:0 3px 0 #58A8B0,0 12px 20px #15364A12; font-size:13px; font-weight:650; transition:transform .2s,box-shadow .2s; }
.ams-button>span,.ams-link>span { font-size:23px; font-weight:400; line-height:1; }
.ams-main .ams-button-dark { background:var(--ams-navy); color:#EFF5F3; border-color:#333D5C; box-shadow:0 3px 0 #080F25,0 12px 22px #111A3D14; }
.ams-button-dark>span { color:var(--ams-cyan); }
.ams-main .ams-link { display:inline-flex; align-items:center; justify-content:space-between; gap:26px; min-height:44px; font-size:12px; font-weight:600; }
.ams-link>span { color:var(--ams-rust); }

/* 02 / HERO — WARM PAPER, WORKSHOP PHOTO & DIMENSIONAL SERVICE TICKET */
.ams-hero { padding-top:24px; background:radial-gradient(ellipse at 88% 25%,#E8DCCB,transparent 52%),#F3EFE5; }
.ams-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; align-items:center; color:#777C73; font-size:10px; }
.ams-breadcrumb a { display:inline-flex; min-height:32px; align-items:center; }
.ams-breadcrumb [aria-current] { color:#3F4D49; }
.ams-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:70px; padding:66px 0 75px; }
.ams-main h1 { font-size:clamp(59px,6vw,102px); line-height:1; font-weight:550; letter-spacing:-.065em; }
.ams-status-dot { display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:9px; background:#AD593C; box-shadow:0 0 0 5px #AD593C12; }
.ams-main .ams-hero-intro { margin-top:28px; max-width:460px; font-size:16px; line-height:1.85; }
.ams-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:25px 28px; margin-top:33px; }
.ams-hero-question { display:block; margin-top:30px; font-size:11px; line-height:1.8; color:#757A6F!important; }
.ams-hero-question>span { display:block; color:#37413E; }
.ams-hero-stage { min-width:0; position:relative; padding:10px 0 62px 0; }
.ams-photo-frame { padding:10px; background:#1A2731; border:1px solid #5D6A6D; border-radius:7px; box-shadow:7px 9px 0 #A7A99F,0 25px 45px #2739302B; transform:perspective(1400px) rotateY(-5deg) rotateZ(2deg); }
.ams-frame-top { display:flex; justify-content:space-between; align-items:center; padding:7px 11px 17px; color:#BACAC7; font:8px/1.6 ui-monospace,monospace; letter-spacing:.1em; }
.ams-photo-frame figure { position:relative; overflow:hidden; border-radius:3px; }
.ams-main .ams-photo-frame img { width:100%; height:clamp(390px,32vw,535px); object-fit:cover; object-position:46% 50%; }
.ams-photo-frame figcaption { position:absolute; bottom:0; inset-inline:0; padding:45px 20px 19px; background:linear-gradient(transparent,#10212BE0); text-align:right; color:#B0C5C6; font:7px/1.6 ui-monospace,monospace; letter-spacing:.08em; }
.ams-service-ticket { position:absolute; bottom:0; left:-34px; padding:26px; width:225px; border-radius:5px; border:1px solid #FCF3D3; background:#F7E9B9; box-shadow:0 4px 0 #C4B585,0 22px 32px #30341B28; transform:perspective(900px) rotateY(8deg) rotateZ(-6deg); }
.ams-ticket-top { display:block; font:7px/1.6 ui-monospace,monospace; color:#8C7648; letter-spacing:.07em; }
.ams-service-ticket>strong { display:block; font-size:30px; line-height:1.05; letter-spacing:-.05em; font-weight:500; color:#4F4933; margin:20px 0; }
.ams-ticket-bottom { display:flex; justify-content:space-between; align-items:center; padding-top:16px; border-top:1px dashed #8D7D4952; }
.ams-ticket-bottom>span { font:6px/1.6 ui-monospace,monospace; letter-spacing:.07em; color:#8C7648; }
.ams-ticket-bottom>b { font-size:20px; font-weight:400; color:#7D723E; }
.ams-dial { position:absolute; width:111px; height:111px; right:-23px; top:-21px; display:grid; place-items:center; border-radius:50%; background:repeating-conic-gradient(from 0deg,#566B6B 0deg 2deg,#D6E1DC 2deg 6deg); border:5px solid #EAF0E8; box-shadow:1px 4px 0 #869891,0 12px 24px #253C3B29; transform:rotate(13deg); }
.ams-dial i { position:absolute; inset:9px; border-radius:50%; background:linear-gradient(145deg,#F5FBF2,#A9C1BB); border:1px solid #DFEDE6; box-shadow:inset 1px 2px 5px #FFFFFFA3; }
.ams-dial>span { position:relative; text-align:center; font:600 7px/1.65 ui-monospace,monospace; letter-spacing:.05em; color:#4B6B64; }
.ams-hero-foot { display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid #747A652E; padding:26px 0; color:#696F62; font:9px/1.6 ui-monospace,monospace; letter-spacing:.1em; }
.ams-hero-foot i { color:#A76343; font-size:19px; font-style:normal; }

/* 03 / THREE CLEAR ENTRY POINTS */
.ams-entry-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.ams-entry-grid>a { display:flex; flex-direction:column; position:relative; padding:34px; border:1px solid #D6D9C5; border-radius:5px; background:#E9EDD9; box-shadow:0 4px 0 #D2D8BA; transition:transform .25s; }
.ams-entry-grid>a:nth-child(2) { background:#EAE8E3; border-color:#D1D2CD; box-shadow:0 4px 0 #C9CCC4; }
.ams-entry-grid>a:nth-child(3) { background:#DFEBEA; border-color:#BFCFD0; box-shadow:0 4px 0 #C0D3CF; }
.ams-entry-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:40px; border:1px solid #76836935; border-radius:50%; color:#596A54; background:#FFFFFF45; }
.ams-entry-grid .ams-label { font-size:8px; color:#6A7560; margin-bottom:18px; }
.ams-entry-grid h3 { font-size:clamp(30px,3vw,48px); line-height:1.1; letter-spacing:-.055em; margin-bottom:23px; }
.ams-entry-grid p { max-width:330px; font-size:13px; margin-bottom:28px; }
.ams-card-link { display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid #6F7B6229; padding-top:22px; font-size:12px; font-weight:600; margin-top:auto; }
.ams-card-link>b { font-size:23px; font-weight:400; color:#56695A; }

/* 04 / CUSTOMER CONCERNS — CONTACT GUIDANCE, NOT AUTOMATED DIAGNOSIS */
.ams-concerns { background:radial-gradient(ellipse at 100% 0%,#273A4A,transparent 65%),#192932; color:#EDF1E9; }
.ams-concerns .ams-label { color:#9ABABD; }
.ams-concerns h2 em { color:#ADC9C9; }
.ams-concerns .ams-heading>p { color:#A8BFC1; }
.ams-concern-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
.ams-concern-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ams-main .ams-concern-controls button { display:grid; grid-template-columns:29px 1fr 16px; align-items:center; gap:15px; min-height:100px; padding:20px; border-radius:4px; border:1px solid #5269708F; background:#77989812; color:#D1DFDB; font:500 13px/1.5 Inter,Arial,sans-serif; text-align:left; transition:background .2s,border-color .2s; }
.ams-concern-controls button>b { font-size:18px; font-weight:400; color:#90AAA9; }
.ams-main .ams-concern-controls button[aria-pressed="true"] { background:#C7E5DF; border-color:#D7F0E6; color:#23443F; box-shadow:0 3px 0 #6D9690; }
.ams-concern-controls button[aria-pressed="true"]>b { color:#4F7A6D; }
.ams-other-concern { margin-top:29px; display:grid; grid-template-columns:1fr auto; gap:3px 20px; align-items:center; }
.ams-other-concern>span { font-size:14px; }
.ams-other-concern>p { font-size:12px; color:#A8BFC1; }
.ams-other-concern>.ams-link { grid-column:2; grid-row:1/3; }
.ams-other-concern .ams-link>span { color:var(--ams-cyan); }
.ams-concern-panels { display:grid; gap:25px; }
.ams-concern-panel { padding:42px; border:1px solid #D7DECE; border-radius:5px; background:#F2F4E9; color:#283D39; box-shadow:0 5px 0 #607A72; }
.ams-panel-heading { display:flex; align-items:center; gap:20px; margin-bottom:26px; }
.ams-panel-symbol { display:grid; place-items:center; height:50px; width:50px; flex:none; border-radius:50%; border:1px solid #A6BBA34A; background:#DCE6D4; color:#526F5C; }
.ams-concern-panel .ams-label { color:#637D65; font-size:9px; margin:0; }
.ams-concern-panel h3 { font-size:clamp(34px,3.4vw,56px); line-height:1.06; letter-spacing:-.055em; margin-bottom:22px; }
.ams-concern-panel>p { font-size:14px; }
.ams-main .ams-tags { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:24px 0; list-style:none; }
.ams-tags li { border:1px solid #9BB19466; border-radius:3px; padding:7px 9px; color:#617657; font:9px/1.6 ui-monospace,monospace; }
.ams-share-prompt { margin:24px 0; border-top:1px solid #88A27C44; padding-top:20px; }
.ams-share-prompt>span { color:#6D825F; font:8px/1.6 ui-monospace,monospace; letter-spacing:.1em; }
.ams-share-prompt>p { margin-top:8px; font-size:12px; }
.ams-concern-panel .ams-button { font-size:12px; }
.ams-concern-panel .ams-draft-note { margin-top:16px; font-size:10px; }
.ams-main .ams-scope-note { color:#9FB8B5; margin-top:28px; font-size:11px; }

/* 05 / ROUTINE SERVICE */
.ams-routine-layout { display:grid; grid-template-columns:.8fr 1.5fr; gap:50px; }
.ams-routine-photo { position:relative; min-height:620px; border-radius:5px; overflow:hidden; background:#253A3C; }
.ams-main .ams-routine-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ams-routine-photo figcaption { position:absolute; bottom:0; inset-inline:0; padding:100px 33px 32px; background:linear-gradient(transparent,#12282DEA); color:#E6EFE7; }
.ams-routine-photo figcaption>span { display:block; font:8px/1.6 ui-monospace,monospace; letter-spacing:.1em; color:#C4D4C8; }
.ams-routine-photo strong { display:block; font-size:48px; font-weight:500; line-height:1; letter-spacing:-.05em; margin:20px 0; }
.ams-routine-photo small { font:7px/1.5 ui-monospace,monospace; letter-spacing:.09em; color:#ADBCB4; }
.ams-routine-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 38px; align-content:start; }
.ams-routine-items article { border-top:1px solid var(--ams-line); padding:26px 0; }
.ams-routine-items article>span { font:9px/1.5 ui-monospace,monospace; color:var(--ams-rust); }
.ams-routine-items h3 { font-size:27px; letter-spacing:-.04em; line-height:1.15; margin:18px 0 15px; }
.ams-routine-items p { font-size:13px; }
.ams-routine-foot { display:flex; justify-content:space-between; align-items:center; gap:30px; border-bottom:1px solid var(--ams-line); padding:28px 0; }
.ams-routine-foot>p { font-size:11px; }

/* 06 / REPAIR WORK & THE APPROVAL JOURNEY */
.ams-repair { background:#E9DFD3; padding-block:100px; }
.ams-repair-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:95px; }
.ams-repair-collage { min-width:0; position:relative; padding:0 65px 90px 0; }
.ams-repair-main { position:relative; border:7px solid #F7F1E6; border-radius:5px; overflow:hidden; transform:perspective(1000px) rotateY(4deg) rotateZ(-2deg); box-shadow:-4px 6px 0 #BDB3A2,0 20px 35px #4B3E2C26; }
.ams-main .ams-repair-main img { width:100%; height:450px; object-fit:cover; object-position:60% 50%; }
.ams-repair-main figcaption { position:absolute; bottom:0; inset-inline:0; padding:70px 22px 25px; font:7px/1.6 ui-monospace,monospace; letter-spacing:.08em; color:#D4D5C4; background:linear-gradient(transparent,#162D30E0); }
.ams-repair-detail { position:absolute; right:0; bottom:0; width:41%; padding:7px; border-radius:4px; background:#F5EBD7; box-shadow:4px 5px 0 #C5BFA8,0 18px 28px #403D2B26; transform:rotate(6deg); }
.ams-main .ams-repair-detail img { width:100%; height:240px; object-fit:cover; border-radius:2px; }
.ams-repair-detail figcaption { font:6px/1.6 ui-monospace,monospace; color:#716E55; padding:16px 6px 10px; }
.ams-collage-mark { position:absolute; left:25px; bottom:0; color:#9A8C71; font-size:83px; font-weight:200; }
.ams-repair-intro { margin-top:28px!important; }
.ams-repair dl { margin-top:26px; }
.ams-repair dl>div { border-top:1px solid #6C62552E; padding:18px 0; }
.ams-repair dt { font-size:17px; font-weight:500; margin-bottom:8px; }
.ams-repair dd { font-size:13px; line-height:1.75; color:#736F63; }
.ams-repair .ams-link { margin-top:12px; }
.ams-main .ams-process-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:33px; padding:0; list-style:none; }
.ams-process-list li { border-top:1px solid var(--ams-line); padding-top:25px; }
.ams-process-list li>span { display:block; font:11px/1.6 ui-monospace,monospace; color:var(--ams-rust); margin-bottom:28px; }
.ams-process-list h3 { font-size:30px; line-height:1.15; letter-spacing:-.04em; margin-bottom:20px; }
.ams-process-list p { font-size:13px; }
.ams-account { display:flex; align-items:center; gap:25px; padding:28px 32px; border:1px solid #CCCFC1; background:#E8EADB; border-radius:5px; margin-top:42px; }
.ams-account-mark { font-size:42px; color:#7D8F6B; }
.ams-account h3 { font-size:24px; letter-spacing:-.035em; margin-bottom:6px; }
.ams-account p { font-size:12px; }
.ams-account>.ams-link { margin-left:auto; flex:none; }

/* 07 / LOCAL VISIT & REPEAT SERVICE */
.ams-visit { padding-block:85px; background:#D9E8E4; border-block:1px solid #C0D3CA; }
.ams-visit-grid { display:grid; grid-template-columns:1.3fr .85fr; align-items:center; gap:90px; }
.ams-visit .ams-label { color:#5D7A6B; }
.ams-visit h2 em { color:#4F7B6D; }
.ams-visit h2+p { max-width:515px; margin-top:25px; }
.ams-visit-actions { display:flex; align-items:center; flex-wrap:wrap; gap:25px 30px; margin-top:30px; }
.ams-visit-card { padding:38px; border:1px solid #F7F9EA; border-radius:5px; background:#F1F2DE; box-shadow:0 5px 0 #AFBFAB,0 18px 28px #3F685D12; transform:rotate(1deg); }
.ams-visit-card .ams-label { color:#77815D; font-size:8px; }
.ams-visit-card h3 { font-size:37px; line-height:1.1; letter-spacing:-.045em; margin-bottom:22px; }
.ams-visit-card address { font-style:normal; font-size:13px; line-height:1.8; color:#737C64; }
.ams-visit-card .ams-link { margin-top:20px; width:100%; padding-block:15px; border-block:1px solid #929A733A; }
.ams-visit-card>p { font-size:11px; margin-top:20px; color:#737C64; }

/* 08 / FAQ & FINAL SERVICE INVITATION */
.ams-faq-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:90px; }
.ams-faq h2 { font-size:clamp(38px,3.8vw,64px); }
.ams-faq header>p:last-child { margin-top:27px; max-width:330px; }
.ams-faq-list { border-top:1px solid var(--ams-line); }
.ams-faq details { border-bottom:1px solid var(--ams-line); }
.ams-faq summary { display:flex; gap:25px; align-items:center; list-style:none; padding:24px 3px; font-size:16px; line-height:1.5; }
.ams-faq summary::-webkit-details-marker { display:none; }
.ams-faq summary>span { margin-left:auto; flex:none; color:var(--ams-rust); font-size:24px; line-height:1; font-weight:300; }
.ams-faq details[open] summary>span { transform:rotate(45deg); }
.ams-faq details>p { padding:0 30px 25px 3px; font-size:13px; }
.ams-invitation { padding-block:85px; background:radial-gradient(ellipse at 90% 100%,#29435B,transparent 65%),var(--ams-navy); color:#EEF4EA; }
.ams-invitation-grid { display:flex; align-items:center; justify-content:space-between; gap:60px; }
.ams-invitation .ams-label { color:#ACBFCB; }
.ams-invitation h2 { font-size:clamp(49px,5.7vw,97px); }
.ams-invitation h2 em { color:var(--ams-cyan); }
.ams-invitation h2+p { color:#B5C6CC; max-width:470px; margin-top:25px; font-size:14px; }
.ams-invitation-actions { display:flex; flex-direction:column; gap:21px; min-width:315px; }
.ams-invitation .ams-link>span { color:var(--ams-cyan); }
.ams-mobile-actions { display:none; }

/* 09 / MOTION & RESPONSIVE LAYOUT */
@keyframes ams-enter { from { opacity:.5; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
.ams-main .is-in-view { animation:ams-enter .65s ease-out both; }
@media(hover:hover) and (pointer:fine) {
 .ams-main .ams-button:hover { transform:translateY(-3px); box-shadow:0 5px 0 #58A8B0,0 16px 25px #15364A26; }
 .ams-main .ams-button-dark:hover { box-shadow:0 5px 0 #080F25,0 16px 25px #111A3D24; }
 .ams-entry-grid>a:hover { transform:translateY(-5px); }
 .ams-main .ams-concern-controls button:hover { border-color:#A8C7BE; }
 .ams-faq summary:hover { color:var(--ams-rust); }
}
@media(max-width:1200px) {
 .ams-wrap { width:calc(100% - 64px); }
 .ams-hero-grid { gap:50px; }
 .ams-main h1 { font-size:clamp(57px,6.1vw,73px); }
 .ams-service-ticket { width:199px; left:-19px; padding:23px; }
 .ams-service-ticket>strong { font-size:27px; }
 .ams-dial { width:95px; height:95px; right:-13px; }
 .ams-entry-grid>a { padding:28px; }
 .ams-entry-grid h3 { font-size:35px; }
 .ams-concern-grid { gap:27px; }
 .ams-main .ams-concern-controls button { padding:17px; grid-template-columns:24px 1fr; gap:12px; font-size:12px; }
 .ams-concern-controls button>b { display:none; }
 .ams-concern-panel { padding:32px; }
 .ams-routine-layout { gap:35px; }
 .ams-routine-items { gap:0 28px; }
 .ams-repair-grid { gap:65px; }
 .ams-process-list { gap:25px; }
 .ams-process-list h3 { font-size:26px; }
 .ams-visit-grid,.ams-faq-grid { gap:60px; }
 .ams-visit-card { padding:32px; }
}
@media(max-width:900px) {
 .ams-section { padding-block:76px; }
 .ams-hero-grid { grid-template-columns:1fr; gap:50px; padding-top:40px; }
 .ams-main h1 { font-size:clamp(72px,10vw,96px); }
 .ams-hero-copy { max-width:680px; }
 .ams-main .ams-hero-intro { max-width:540px; }
 .ams-hero-stage { width:100%; max-width:630px; margin-inline:auto; padding-left:30px; padding-right:12px; }
 .ams-main .ams-photo-frame img { height:450px; }
 .ams-service-ticket { left:0; width:225px; }
 .ams-service-ticket>strong { font-size:30px; }
 .ams-dial { right:0; }
 .ams-hero-foot { gap:20px; font-size:8px; }
 .ams-heading { align-items:start; flex-direction:column; gap:24px; }
 .ams-heading>p { max-width:560px; }
 .ams-entry-grid { gap:16px; }
 .ams-entry-grid>a { padding:25px; }
 .ams-entry-grid h3 { font-size:31px; }
 .ams-entry-grid .ams-label { font-size:7px; }
 .ams-entry-grid p { font-size:12px; }
 .ams-card-link { font-size:11px; }
 .ams-concern-grid { grid-template-columns:1fr; gap:32px; }
 .ams-concern-controls { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .ams-main .ams-concern-controls button { grid-template-columns:1fr; min-height:112px; align-content:space-between; padding:18px; }
 .ams-other-concern { margin-top:24px; }
 .ams-concern-panel { padding:35px; }
 .ams-concern-panel h3 { font-size:45px; }
 .ams-concern-panel>p { max-width:570px; }
 .ams-routine-layout { grid-template-columns:.85fr 1.25fr; gap:30px; }
 .ams-routine-photo { min-height:750px; }
 .ams-routine-photo figcaption { padding-inline:25px; }
 .ams-routine-photo strong { font-size:39px; }
 .ams-routine-items { gap:0 22px; }
 .ams-routine-items h3 { font-size:25px; }
 .ams-routine-items p { font-size:12px; }
 .ams-repair { padding-block:76px; }
 .ams-repair-grid { gap:40px; }
 .ams-repair h2 { font-size:40px; }
 .ams-repair-collage { padding-right:35px; padding-bottom:95px; }
 .ams-main .ams-repair-main img { height:460px; }
 .ams-repair-detail { width:55%; }
 .ams-main .ams-repair-detail img { height:220px; }
 .ams-main .ams-process-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
 .ams-process-list h3 { font-size:32px; }
 .ams-account { padding:26px; flex-wrap:wrap; }
 .ams-account>.ams-link { margin-left:56px; }
 .ams-visit-grid { grid-template-columns:1fr 1fr; gap:35px; }
 .ams-visit h2 { font-size:42px; }
 .ams-visit-card { padding:28px; }
 .ams-visit-card h3 { font-size:32px; }
 .ams-faq-grid { grid-template-columns:1fr; gap:38px; }
 .ams-faq header>p:last-child { max-width:500px; }
 .ams-invitation-grid { align-items:start; flex-direction:column; gap:35px; }
 .ams-invitation-actions { min-width:0; width:100%; max-width:380px; }
}
@media(max-width:640px) {
 .ams-wrap { width:calc(100% - 40px); }
 .ams-section { padding-block:64px; }
 .ams-main h2 { font-size:clamp(36px,8.2vw,47px); }
 .ams-main h1 { font-size:clamp(56px,12.6vw,78px); }
 .ams-main .ams-label { font-size:8px; }
 .ams-main .ams-hero-intro { font-size:15px; }
 .ams-hero-actions { gap:19px 26px; }
 .ams-hero-grid { gap:48px; padding-bottom:38px; }
 .ams-hero-stage { padding-left:12px; padding-right:5px; padding-bottom:68px; }
 .ams-main .ams-photo-frame img { height:350px; }
 .ams-frame-top { font-size:6px; padding-inline:3px; }
 .ams-frame-top>span:last-child { display:none; }
 .ams-photo-frame { padding:7px; }
 .ams-photo-frame figcaption { font-size:6px; padding:45px 12px 18px; }
 .ams-service-ticket { padding:20px; width:183px; }
 .ams-ticket-top { font-size:6px; }
 .ams-service-ticket>strong { font-size:27px; margin-block:15px; }
 .ams-ticket-bottom { padding-top:12px; }
 .ams-ticket-bottom>span { font-size:5px; }
 .ams-dial { width:87px; height:87px; top:-16px; right:-3px; }
 .ams-dial>span { font-size:6px; }
 .ams-hero-foot { flex-wrap:wrap; justify-content:center; gap:10px 17px; font-size:7px; padding-block:24px; }
 .ams-hero-foot i { font-size:14px; }
 .ams-heading { margin-bottom:34px; }
 .ams-heading>p { font-size:14px; }
 .ams-entry-grid { grid-template-columns:1fr; gap:22px; }
 .ams-entry-grid>a { padding:30px; }
 .ams-entry-icon { margin-bottom:28px; }
 .ams-entry-grid .ams-label { font-size:8px; }
 .ams-entry-grid h3 { font-size:40px; }
 .ams-entry-grid p { font-size:14px; }
 .ams-card-link { font-size:12px; }
 .ams-concern-controls { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .ams-main .ams-concern-controls button { grid-template-columns:24px 1fr; min-height:78px; align-content:center; font-size:12px; padding:15px; }
 .ams-concern-controls svg { width:23px; height:23px; }
 .ams-other-concern { display:block; }
 .ams-other-concern>.ams-link { margin-top:9px; }
 .ams-concern-panel { padding:29px; }
 .ams-concern-panel h3 { font-size:37px; }
 .ams-concern-panel .ams-label { font-size:8px; }
 .ams-concern-panel .ams-button { width:100%; font-size:11px; padding-inline:17px; gap:17px; }
 .ams-panel-heading { gap:16px; }
 .ams-routine-layout { grid-template-columns:1fr; gap:33px; }
 .ams-routine-photo { min-height:410px; }
 .ams-routine-items h3 { font-size:26px; }
 .ams-routine-foot { flex-direction:column; align-items:start; gap:12px; }
 .ams-repair { padding-block:65px; }
 .ams-repair-grid { grid-template-columns:1fr; gap:43px; }
 .ams-repair-grid>div:last-child { grid-row:1; }
 .ams-repair-collage { padding-right:42px; }
 .ams-main .ams-repair-main img { height:360px; }
 .ams-repair-detail { width:47%; }
 .ams-main .ams-repair-detail img { height:205px; }
 .ams-repair-detail figcaption { font-size:5px; }
 .ams-main .ams-process-list { grid-template-columns:1fr; gap:28px; }
 .ams-process-list li>span { margin-bottom:19px; }
 .ams-process-list h3 { font-size:32px; margin-bottom:15px; }
 .ams-account { gap:16px; padding:26px; }
 .ams-account-mark { display:none; }
 .ams-account>.ams-link { margin-left:0; width:100%; }
 .ams-account h3 { font-size:27px; }
 .ams-visit { padding-block:65px; }
 .ams-visit-grid { grid-template-columns:1fr; gap:42px; }
 .ams-visit-actions { align-items:start; flex-direction:column; gap:18px; }
 .ams-visit-card { padding:32px; transform:rotate(.6deg); }
 .ams-visit-card h3 { font-size:36px; }
 .ams-faq summary { font-size:15px; gap:18px; }
 .ams-faq details>p { padding-right:10px; }
 .ams-invitation { padding-block:66px; }
 .ams-invitation h2 { font-size:clamp(46px,10vw,62px); }
 .ams-mobile-actions { position:fixed; z-index:40; left:0; right:0; bottom:0; display:grid; grid-template-columns:.65fr 1fr; gap:10px; padding:11px 20px calc(11px + env(safe-area-inset-bottom,0px)); background:#F5F3ECF5; backdrop-filter:blur(12px); border-top:1px solid #CACFC6; box-shadow:0 -8px 25px #182F3412; }
 .ams-mobile-actions>a { display:flex; align-items:center; justify-content:space-between; gap:17px; min-height:44px; padding:12px 17px; border-radius:4px; font-size:12px; font-weight:600; }
 .ams-mobile-call { background:#E5E9DC; color:#334737!important; }
 .ams-mobile-book { background:var(--ams-navy); color:#F2F4EF!important; }
 .ams-mobile-book>span { color:var(--ams-cyan); }
 body.ap-motorcycle-service-studio { padding-bottom:calc(68px + env(safe-area-inset-bottom,0px)); }
}
@media(max-width:400px) {
 .ams-wrap { width:calc(100% - 36px); }
 .ams-breadcrumb { font-size:9px; gap:7px; }
 .ams-main h1 { font-size:clamp(43px,12.6vw,51px); }
 .ams-main .ams-hero-intro { font-size:14px; }
 .ams-main .ams-button { width:100%; font-size:12px; padding-inline:18px; gap:17px; }
 .ams-hero-actions { display:block; }
 .ams-hero-actions .ams-link { margin-top:17px; }
 .ams-main .ams-photo-frame img { height:295px; }
 .ams-photo-frame figcaption { font-size:5px; }
 .ams-service-ticket { width:157px; padding:17px; }
 .ams-service-ticket>strong { font-size:24px; }
 .ams-dial { width:76px; height:76px; }
 .ams-dial>span { font-size:5px; }
 .ams-entry-grid>a { padding:27px; }
 .ams-entry-grid h3 { font-size:36px; }
 .ams-main .ams-concern-controls button { grid-template-columns:1fr; gap:10px; min-height:100px; }
 .ams-concern-panel { padding:26px 24px; }
 .ams-concern-panel h3 { font-size:34px; }
 .ams-concern-panel .ams-button { font-size:10px; }
 .ams-panel-symbol { width:43px; height:43px; }
 .ams-routine-items { grid-template-columns:1fr; }
 .ams-routine-items h3 { font-size:29px; }
 .ams-routine-items p { font-size:13px; }
 .ams-visit h2 { font-size:36px; }
 .ams-visit-card { padding:27px; }
 .ams-visit-card h3 { font-size:32px; }
 .ams-mobile-actions { padding-inline:16px; }
 .ams-mobile-actions>a { padding-inline:14px; font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
 .ams-main *, .ams-main *::before, .ams-main *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
 .ams-main .ams-button:hover,.ams-entry-grid>a:hover { transform:none; }
}