:root { --paper:#f5f4ef; --ink:#101112; --muted:#6d7072; --line:#d7d6d0; --accent:#ef4c55; --radius:0; }
@media (prefers-reduced-motion: no-preference) {
  .has-motion [data-reveal] { opacity:0; transform:translateY(26px); will-change:opacity,transform; transition:opacity 680ms cubic-bezier(.2,.7,.2,1),transform 680ms cubic-bezier(.2,.7,.2,1); transition-delay:var(--reveal-delay,0ms); }
  .has-motion .hero-image[data-reveal] { transform:translateY(18px) scale(.985); }
  .has-motion [data-reveal].is-visible { opacity:1; transform:translateY(0) scale(1); }
  .has-motion .delivery-map .route { stroke-dasharray:850; stroke-dashoffset:850; }
  .has-motion .delivery-map.is-visible .route { animation:route-draw 1.15s cubic-bezier(.65,0,.35,1) 240ms forwards; }
  .has-motion .delivery-map .map-pin { opacity:0; transform-box:fill-box; transform-origin:center; transform:scale(.55); }
  .has-motion .delivery-map.is-visible .map-pin { animation:pin-arrive 360ms cubic-bezier(.2,.9,.35,1.3) forwards; }
  .has-motion .delivery-map.is-visible .pin-two { animation-delay:620ms; }.has-motion .delivery-map.is-visible .pin-three { animation-delay:790ms; }.has-motion .delivery-map.is-visible .pin-one { animation-delay:960ms; }
}
@keyframes route-draw { to { stroke-dashoffset:0; } }
@keyframes pin-arrive { to { opacity:1; transform:scale(1); } }
.vehicle-card { cursor:pointer; }
.vehicle-card:focus-visible { outline:2px solid var(--accent); outline-offset:6px; }
.reviews { padding-top:clamp(115px,15vw,210px); }
.review-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); }
.review-card { min-height:340px; padding:23px 28px 28px; display:flex; flex-direction:column; border-right:1px solid var(--line); }
.review-card:last-child { border-right:0; }
.review-card > span { font:10px 'DM Mono',monospace; color:var(--muted); }
.review-card blockquote { margin:auto 0; font:500 clamp(20px,2.1vw,30px)/1.14 'Space Grotesk',sans-serif; letter-spacing:-.055em; }
.review-card footer { padding-top:17px; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:4px; }
.review-card footer strong { font:600 11px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.04em; }
.review-card footer small { font:10px 'DM Mono',monospace; color:var(--muted); text-transform:uppercase; }
.delivery-map { position:relative; margin-top:65px; min-height:330px; background:#dedfd9; overflow:hidden; display:grid; grid-template-columns:1fr 1.8fr; align-items:stretch; }
.map-copy { z-index:1; padding:32px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid rgba(16,17,18,.2); }
.map-copy .eyebrow { margin:0; }.map-copy strong { font:500 clamp(28px,3.5vw,50px)/.94 'Space Grotesk',sans-serif; letter-spacing:-.065em; }.map-copy small { font:10px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }
.map-canvas { position:relative; min-height:330px; overflow:hidden; }.cyprus-outline { position:absolute; inset:0; display:block; width:100%; height:100%; padding:24px 8px 20px; object-fit:fill; }.map-overlay { position:absolute; top:24px; left:8px; width:calc(100% - 16px); height:calc(100% - 44px); overflow:visible; }.route { fill:none; stroke:var(--accent); stroke-width:3; stroke-dasharray:7 8; }.map-pin .map-pin-hit { fill:transparent; stroke:transparent; pointer-events:all; }.map-pin circle { fill:var(--accent); stroke:var(--paper); stroke-width:4; }.map-pin text { text-anchor:middle; font:700 12px Manrope,Arial,sans-serif; fill:var(--ink); letter-spacing:.05em; stroke:#dedfd9; stroke-width:4px; paint-order:stroke fill; }.map-office-popup { opacity:0; pointer-events:none; transform-box:fill-box; transform-origin:center; transform:translateY(-5px) scale(.97); transition:opacity .2s ease,transform .2s ease; }.map-office-popup.is-active { opacity:1; transform:translateY(0) scale(1); }.map-office-popup rect { fill:var(--paper); stroke:var(--ink); stroke-width:2; }.map-office-popup text { fill:var(--ink); }.map-office-popup [data-popup-city] { font:700 10px Manrope,Arial,sans-serif; letter-spacing:.07em; }.map-office-popup [data-popup-address] { font:9px 'DM Mono',monospace; letter-spacing:.01em; }
.vehicle-dialog { width:min(100% - 32px,1080px); border:0; padding:0; background:transparent; }.vehicle-dialog::backdrop { background:rgba(0,0,0,.62); backdrop-filter:blur(3px); }
.vehicle-dialog-card { position:relative; background:var(--paper); display:grid; grid-template-columns:1.1fr .9fr; }.vehicle-dialog-card figure { margin:0; min-height:570px; background:#d8d8d2; }.vehicle-dialog-card figure img { display:block; width:100%; height:100%; object-fit:cover; }.vehicle-dialog-content { padding:clamp(42px,5vw,72px) clamp(32px,5vw,75px) 35px; display:flex; flex-direction:column; }.vehicle-dialog-content .eyebrow { color:var(--muted); }.vehicle-dialog-content h2 { font-size:clamp(54px,6vw,82px); margin-bottom:29px; }.vehicle-dialog-description { color:var(--muted); line-height:1.7; font-size:14px; max-width:370px; }.vehicle-specs { list-style:none; padding:0; margin:45px 0 auto; display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }.vehicle-specs li { padding:13px 0; border-bottom:1px solid var(--line); font:10px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.05em; }.vehicle-dialog-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:35px; }.vehicle-dialog-footer strong { font:600 30px 'Space Grotesk',sans-serif; letter-spacing:-.07em; }.vehicle-dialog-footer strong small { font:10px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:0; }
@media (max-width:760px) { .review-grid { grid-template-columns:1fr; }.review-card { min-height:255px; border-right:0; border-bottom:1px solid var(--line); padding-inline:0; }.delivery-map { grid-template-columns:1fr; margin-top:42px; }.map-copy { min-height:180px; border-right:0; border-bottom:1px solid rgba(16,17,18,.2); }.map-canvas { min-height:220px; }.cyprus-outline { padding:18px 5px 14px; }.map-overlay { top:18px; left:5px; width:calc(100% - 10px); height:calc(100% - 32px); }.vehicle-dialog-card { grid-template-columns:1fr; }.vehicle-dialog-card figure { min-height:270px; max-height:330px; }.vehicle-dialog-content { min-height:465px; }.vehicle-specs { margin-top:25px; }.vehicle-dialog-footer { align-items:flex-start; flex-direction:column; }.vehicle-dialog-footer .button { width:100%; } }
.fleet-grid .vehicle-card figure img { filter:none !important; }
.map-pin:focus { outline:none; }.map-pin.is-active text { opacity:0; }.map-office-popup { opacity:0; pointer-events:none; transform:none; transition:opacity .18s ease; }.map-office-popup.is-active { opacity:1; pointer-events:auto; transform:none; }.map-office-popup rect { fill:var(--paper); stroke:var(--ink); stroke-width:2; }.map-office-popup .map-popup-connector { fill:none; stroke:var(--ink); stroke-width:1.5; }.map-office-popup [data-popup-city] { fill:var(--ink); font:700 10px Manrope,Arial,sans-serif; letter-spacing:.08em; }.map-office-popup [data-popup-address] { fill:var(--ink); font:9px 'DM Mono',monospace; }.map-office-popup .map-popup-link { fill:var(--accent); font:700 8px 'DM Mono',monospace; letter-spacing:.07em; text-decoration:underline; }.map-office-popup a { cursor:pointer; }.has-motion .delivery-map.is-visible .pin-four { animation-delay:920ms; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; }
button,input,select { font:inherit; }
button { cursor:pointer; color:inherit; -webkit-appearance:none; appearance:none; }
a { color:inherit; text-decoration:none; }
.container { width:min(100% - 64px, 1400px); margin-inline:auto; }
.site-shell { overflow:hidden; }
.site-header { height:92px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { font-family:'Space Grotesk',sans-serif; font-weight:700; letter-spacing:-.09em; font-size:25px; }
.brand sup { font-family:'DM Mono',monospace; font-size:8px; position:relative; top:-1em; margin-left:3px; letter-spacing:0; }
.main-nav { display:flex; align-items:center; gap:35px; font-family:'DM Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:.09em; }
.main-nav a { transition:opacity .2s ease; }.main-nav a:hover { opacity:.5; }
.menu-toggle { display:none; background:none; border:0; padding:5px; }
.hero { position:relative; display:grid; grid-template-columns:1fr 1.15fr; gap:clamp(25px,6vw,100px); padding-top:clamp(65px,11vw,160px); padding-bottom:100px; }
.hero-copy { padding-top:clamp(12px,6vw,95px); position:relative; z-index:1; }.eyebrow { margin:0 0 22px; font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { font-family:'Space Grotesk',sans-serif; letter-spacing:-.075em; line-height:.88; }
h1 { font-size:clamp(64px,8.1vw,140px); margin-bottom:35px; max-width:690px; }.hero-description { max-width:385px; color:var(--muted); line-height:1.7; font-size:15px; margin-bottom:28px; }
.text-link { font-family:'DM Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:.06em; border-bottom:1px solid var(--ink); padding-bottom:5px; }.text-link span { margin-left:20px; font-size:16px; }
.hero-image { margin:0; height:clamp(390px,50vw,650px); position:relative; overflow:hidden; }.hero-image::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(16,17,18,.04),rgba(16,17,18,.01)); }.hero-image img { width:100%; height:100%; object-fit:cover; }.hero-image figcaption { position:absolute; right:16px; bottom:13px; color:white; z-index:1; font-family:'DM Mono',monospace; font-size:9px; letter-spacing:.08em; }
.hero-index { position:absolute; bottom:28px; left:0; display:flex; gap:29px; font-family:'DM Mono',monospace; font-size:10px; color:var(--muted); text-transform:uppercase; }.hero-index span { display:flex; gap:7px; }.hero-index small { font-size:10px; }
.booking { margin-bottom:clamp(110px,16vw,230px); }.booking form { padding:25px 36px; display:grid; grid-template-columns:1.25fr 1.1fr .75fr auto; gap:25px; align-items:center; background:var(--ink); color:white; }.booking label { min-width:0; display:flex; flex-direction:column; gap:7px; }.booking label span { font-family:'DM Mono',monospace; text-transform:uppercase; font-size:9px; color:#a9a9a9; letter-spacing:.07em; }.booking input,.booking select { appearance:none; border:0; outline:0; background:transparent; color:white; font-weight:600; font-size:14px; padding:0; width:100%; }.booking select option { color:var(--ink); }.button { border:0; min-height:56px; padding:0 27px; font-size:11px; font-family:'DM Mono',monospace; font-weight:500; text-transform:uppercase; letter-spacing:.06em; white-space:nowrap; transition:transform .2s ease, background .2s ease; }.button:hover { transform:translateY(-3px); }.button span { margin-left:15px; font-size:15px; }.button-accent { background:var(--accent); color:#fff; }.button-dark { background:var(--ink); color:#fff; }.button-light { background:var(--paper); color:var(--ink); }
.section-heading { display:flex; justify-content:space-between; gap:35px; border-top:1px solid var(--ink); padding-top:20px; margin-bottom:65px; }.section-heading h2 { font-size:clamp(54px,6.3vw,102px); margin-bottom:0; }.section-heading > p { max-width:300px; color:var(--muted); font-size:13px; line-height:1.7; margin:8px 0 0; }.section-heading code { font-family:'DM Mono',monospace; font-size:11px; color:var(--ink); }
.fleet-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.vehicle-card { min-width:0; }.vehicle-card figure { height:clamp(245px,28vw,440px); margin:0; overflow:hidden; background:#dad8d0; }.vehicle-card figure img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }.vehicle-card:hover figure img { transform:scale(1.035); }.vehicle-card:nth-child(1) figure img { filter:grayscale(1); }.vehicle-card:nth-child(3) figure img { filter:sepia(.18) saturate(.78); }.vehicle-card:nth-child(4) figure img { filter:grayscale(.5) contrast(1.05); }.vehicle-card.featured { grid-column:span 2; }.vehicle-card.featured figure { height:clamp(300px,39vw,580px); }.vehicle-data { padding:15px 0 45px; position:relative; }.vehicle-data p { font-family:'DM Mono',monospace; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); font-size:9px; margin-bottom:18px; }.vehicle-data > div { display:flex; align-items:baseline; justify-content:space-between; gap:15px; padding-right:105px; }.vehicle-data h3 { font-size:clamp(25px,3.1vw,48px); margin:0; }.vehicle-data strong { font-family:'Space Grotesk',sans-serif; letter-spacing:-.05em; font-size:clamp(20px,2vw,30px); white-space:nowrap; }.vehicle-data strong small { font:500 9px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:0; }.vehicle-data button { position:absolute; right:0; bottom:45px; padding:0; border:0; background:none; font:500 10px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.06em; }.vehicle-data button span { margin-left:8px; font-size:15px; }.fleet-footer { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); padding:25px 0 0; margin-top:5px; }.fleet-footer p { margin:0; color:var(--muted); font-size:12px; }
.experience { margin-top:clamp(125px,17vw,250px); background:var(--ink); color:var(--paper); padding:clamp(80px,11vw,150px) 0; }.experience-layout { display:grid; grid-template-columns:1fr 2fr; gap:25px; }.experience .eyebrow { color:#969696; }.experience h2 { font-size:clamp(54px,7.7vw,126px); margin-bottom:42px; }.experience-intro { max-width:420px; color:#b5b5b5; line-height:1.7; font-size:16px; margin-bottom:80px; }.feature-list { border-top:1px solid #4a4a4a; }.feature-list article { display:grid; grid-template-columns:50px 1fr 1fr; gap:20px; border-bottom:1px solid #4a4a4a; padding:22px 0; }.feature-list span { font:10px 'DM Mono',monospace; color:#999; }.feature-list h3 { font-size:21px; letter-spacing:-.05em; margin:0; }.feature-list p { font-size:12px; color:#a5a5a5; line-height:1.6; margin:0; }
.locations { padding-top:clamp(115px,15vw,210px); padding-bottom:clamp(125px,17vw,240px); }.location-list { border-top:1px solid var(--ink); }.location-list button { width:100%; display:grid; grid-template-columns:65px 1fr 1.7fr 30px; align-items:center; gap:20px; min-height:98px; border:0; border-bottom:1px solid var(--line); padding:0; color:inherit; background:transparent; font:inherit; text-align:left; cursor:pointer; transition:padding .25s ease, background .25s ease; }.location-list button:hover,.location-list button.is-active { padding-inline:14px; background:#ecebe6; }.location-list button:focus-visible { outline:2px solid var(--accent); outline-offset:-3px; }.location-list span { font:10px 'DM Mono',monospace; color:var(--muted); }.location-list strong { font:600 clamp(23px,2.5vw,38px) 'Space Grotesk',sans-serif; letter-spacing:-.06em; }.location-list em { font-size:12px; color:var(--muted); font-style:normal; }.location-list b { font-size:17px; font-weight:400; }.office-widget { display:grid; grid-template-columns:170px 1fr; gap:26px; margin-top:24px; padding:24px 28px; background:#ecebe6; border-left:3px solid var(--accent); }.office-widget .eyebrow { margin:4px 0 0; }.office-widget-content { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:20px; }.office-widget-content > span { color:var(--accent); font:500 11px 'DM Mono',monospace; }.office-widget h3 { margin:0 0 7px; font-size:clamp(25px,3vw,42px); }.office-widget p { margin:0 0 5px; font-size:14px; font-weight:700; }.office-widget small { color:var(--muted); font-size:11px; }.office-widget .text-link { justify-self:end; white-space:nowrap; }.map-pin { cursor:pointer; }.map-pin:focus-visible { outline:none; }.map-pin:focus-visible circle:not(.map-pin-hit),.map-pin.is-active circle:not(.map-pin-hit) { stroke:var(--ink); stroke-width:4; }.map-pin.is-active circle:not(.map-pin-hit) { r:11; }
.location-list a { width:100%; display:grid; grid-template-columns:65px 1fr 1.7fr 30px; align-items:center; gap:20px; min-height:98px; border-bottom:1px solid var(--line); padding:0; color:inherit; background:transparent; font:inherit; text-align:left; transition:padding .25s ease, background .25s ease; }.location-list a:hover { padding-inline:14px; background:#ecebe6; }.location-list a:focus-visible { outline:2px solid var(--accent); outline-offset:-3px; }
.closing { background:var(--accent); padding:clamp(60px,9vw,125px) clamp(30px,7vw,100px) 35px; color:white; position:relative; }.closing .eyebrow { color:#ffd0d3; }.closing h2 { font-size:clamp(66px,10.3vw,170px); margin-bottom:45px; }.closing-meta { border-top:1px solid rgba(255,255,255,.35); margin-top:clamp(70px,10vw,160px); padding-top:15px; display:flex; justify-content:space-between; font:10px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.05em; }.closing-meta a:hover { opacity:.7; }
.site-footer { height:105px; display:flex; justify-content:space-between; align-items:center; font:10px 'DM Mono',monospace; text-transform:uppercase; color:var(--muted); }.site-footer p { margin:0; }.site-footer .brand { color:var(--ink); }.site-footer > a:last-child { color:var(--ink); }.site-footer .footer-credit { color:var(--ink); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; transition:color .2s ease, text-decoration-thickness .2s ease; }.site-footer .footer-credit:hover { color:var(--accent); text-decoration-thickness:2px; }.site-footer .footer-credit:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.enquiry-dialog { width:min(100% - 32px,530px); border:0; padding:0; background:transparent; }.enquiry-dialog::backdrop { background:rgba(0,0,0,.62); backdrop-filter:blur(3px); }.dialog-card { position:relative; display:flex; flex-direction:column; gap:17px; padding:45px; background:var(--paper); }.dialog-card h2 { font-size:52px; margin:0 0 14px; }.dialog-card label { display:flex; flex-direction:column; gap:7px; font:10px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.05em; }.dialog-card input,.dialog-card select { border:1px solid var(--line); padding:14px; background:transparent; font:14px Manrope,sans-serif; }.dialog-close { position:absolute; top:16px; right:18px; border:0; background:none; font-size:28px; line-height:1; }.form-message { margin:0; color:var(--muted); line-height:1.5; font-size:12px; }.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media (max-width:760px) { .container { width:min(100% - 36px, 1400px); }.site-header { height:75px; }.main-nav { display:none; }.menu-toggle { display:flex; flex-direction:column; gap:5px; }.menu-toggle span { width:22px; height:1px; background:var(--ink); display:block; }.menu-open .main-nav { display:flex; position:absolute; z-index:10; top:75px; left:0; right:0; background:var(--paper); padding:28px 18px; flex-direction:column; align-items:flex-start; border-bottom:1px solid var(--line); }.hero { grid-template-columns:1fr; padding-top:55px; padding-bottom:73px; gap:35px; }.hero-copy { padding:0; }.hero-image { height:440px; }.hero-index { bottom:24px; gap:13px; }.hero-index small { font-size:8px; }.booking form { grid-template-columns:1fr; gap:22px; padding:26px; }.booking { margin-bottom:120px; }.section-heading { flex-direction:column; margin-bottom:38px; }.section-heading > p { margin:0; }.fleet-grid { grid-template-columns:1fr; }.vehicle-card.featured { grid-column:auto; }.vehicle-card.figure,.vehicle-card.featured figure { height:300px; }.vehicle-card.featured figure { height:350px; }.vehicle-data { padding-bottom:38px; }.vehicle-data > div { padding-right:0; flex-wrap:wrap; }.vehicle-data button { position:static; margin-top:17px; }.fleet-footer { align-items:flex-start; flex-direction:column; gap:20px; }.experience-layout { grid-template-columns:1fr; }.experience-intro { margin-bottom:43px; }.feature-list article { grid-template-columns:30px 1fr; gap:9px 13px; }.feature-list article p { grid-column:2; }.location-list button { grid-template-columns:30px 1fr 20px; min-height:90px; gap:10px; }.location-list em { grid-column:2; grid-row:2; margin-top:-20px; }.location-list b { grid-column:3; grid-row:1 / span 2; }.office-widget { grid-template-columns:1fr; gap:18px; padding:23px 20px; }.office-widget-content { grid-template-columns:28px 1fr; align-items:start; }.office-widget .text-link { grid-column:2; justify-self:start; margin-top:4px; }.closing { width:100%; }.closing-meta { flex-direction:column; gap:12px; }.site-footer { height:auto; padding:30px 0; flex-wrap:wrap; gap:21px; }.site-footer p { order:3; width:100%; }.dialog-card { padding:38px 25px 28px; } }
@media (max-width:760px) { .location-list a { grid-template-columns:30px 1fr 20px; min-height:90px; gap:10px; }.location-list a em { grid-column:2; grid-row:2; margin-top:-20px; }.location-list a b { grid-column:3; grid-row:1 / span 2; } }
.vehicle-data button { color:var(--ink); }
.dialog-close { color:var(--ink); font-family:Manrope,Arial,sans-serif; }
.arrow { display:inline-block; font-family:'DM Mono',monospace; font-variant-emoji:text; line-height:1; }
.faq { display:grid; grid-template-columns:minmax(250px,.8fr) minmax(0,1.35fr); gap:clamp(42px,8vw,130px); padding-top:clamp(120px,16vw,220px); padding-bottom:clamp(28px,4vw,60px); }.faq-heading .eyebrow { margin-bottom:20px; }.faq-heading h2 { margin:0; font-size:clamp(54px,6.3vw,102px); }.faq-list { border-top:1px solid var(--ink); }.faq details { border-bottom:1px solid var(--line); }.faq summary { display:grid; grid-template-columns:42px 1fr 24px; align-items:center; gap:14px; padding:24px 0; cursor:pointer; list-style:none; }.faq summary::-webkit-details-marker { display:none; }.faq summary span { font:10px 'DM Mono',monospace; color:var(--muted); }.faq summary h3 { margin:0; font:600 clamp(20px,2vw,29px)/1 'Space Grotesk',sans-serif; letter-spacing:-.055em; }.faq summary b { justify-self:end; color:var(--accent); font:400 25px/1 Manrope,Arial,sans-serif; transition:transform .22s ease; }.faq details[open] summary b { transform:rotate(45deg); }.faq details p { max-width:550px; margin:0 42px 24px 56px; color:var(--muted); font-size:13px; line-height:1.7; }.faq details[open] summary { padding-bottom:14px; }.faq summary:focus-visible { outline:2px solid var(--accent); outline-offset:-3px; }
@media (max-width:760px) { .faq { grid-template-columns:1fr; gap:35px; padding-top:115px; padding-bottom:0; }.faq summary { grid-template-columns:30px 1fr 20px; gap:10px; padding:21px 0; }.faq summary h3 { font-size:20px; }.faq details p { margin:0 20px 22px 40px; font-size:12px; } }