@font-face{font-family:GarageUI;src:url('assets/Exo2-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
html:has(.garage-story){background:#0b1118}
.garage-story{--bg:#0b1118;--deep:#0a192b;--ink:#f1f5fa;--muted:#c0cbd8;--line:#c8d9ed27;--accent:#ff642d;background:var(--bg);font-family:Onest,Arial,sans-serif}
.garage-story .masthead{background:#07111e;border-bottom:1px solid #d7e7fa12}
.garage-story .scene-stage{background:#07111e}
.garage-story .scene-world{pointer-events:none}
.garage-story .scene-stage::after{content:'';position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(0deg,#0b1118,transparent);pointer-events:none;z-index:1}
.scene-dock{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:2;width:min(760px,calc(100% - 96px));display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:5px;background:#081624f2;border:1px solid #c1d6ef33;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.scene-dock>*{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 22px;font-family:GarageUI,Onest,sans-serif;font-size:16px;font-weight:600;line-height:1.3;letter-spacing:.015em;border:0;text-decoration:none;transition:background 140ms ease-out,color 140ms ease-out}
.door-control{background:transparent;color:var(--ink);cursor:pointer;text-align:left}
.door-control:hover:enabled{background:#18324d}
.door-control:disabled{cursor:default;color:#aebed0}
.door-control>span:last-child{color:var(--accent);font-size:22px;transition:transform 140ms ease-out}
.door-control:hover:enabled>span:last-child{transform:translateY(-3px)}
.scene-dock .dock-work{background:#edf3f9;color:#07111e}
.dock-work>span:last-child{color:#dc4a19;font-size:23px;transition:transform 140ms ease-out}
.dock-work:hover>span:last-child{transform:translateX(4px)}
.scene-dock>*:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.scene-dock .dock-work:focus-visible{outline-color:#07111e}
.work-section{padding-top:46px;padding-bottom:64px;scroll-margin-top:calc(var(--header-height) + 10px)}
.section-heading{margin-bottom:25px;display:flex;flex-wrap:wrap;align-items:end;gap:16px 40px;justify-content:space-between}
.section-heading h2{font-family:GarageUI,Onest,sans-serif;font-size:clamp(29px,3.2vw,44px);line-height:1.15;font-weight:600;letter-spacing:-.02em;margin:0;text-wrap:balance}
.section-heading p{font-size:15px;color:var(--muted);line-height:1.6;max-width:42ch;margin:0}
.garage-console{display:grid;grid-template-columns:minmax(205px,.32fr) minmax(0,1fr);column-gap:34px;padding:24px;background:#0a192b;border-top:1px solid #9fbde43d;border-bottom:1px solid #9fbde420}
.work-menu{min-width:0;align-self:start;position:sticky;top:calc(var(--header-height) + 24px)}
.work-options{display:grid;gap:3px}
.work-option{width:100%;min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;border:0;background:transparent;color:#d5dfec;font-family:GarageUI,Onest,sans-serif;font-size:18px;line-height:1.3;font-weight:500;cursor:pointer;text-align:left;transition:background 150ms ease-out,color 150ms ease-out}
.work-option>span:last-child{font-size:19px;color:#ff7950;flex:none}
.work-option[aria-pressed=true]{background:#edf3f9;color:#07111e;font-weight:650}
.work-option[aria-pressed=true]>span:last-child{color:#d94b1e}
.work-option:hover:not([aria-pressed=true]){background:#17304b;color:#fff}
.unknown-work{display:flex;gap:18px;align-items:center;justify-content:space-between;width:100%;border:0;border-top:1px solid var(--line);padding:19px 10px 8px;background:transparent;color:var(--muted);font-family:Onest,Arial,sans-serif;font-size:13px;line-height:1.5;text-align:left;margin-top:16px;cursor:pointer}
.unknown-work>span{color:var(--accent);font-size:19px}
.work-panel{min-width:0}
.work-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center;margin-bottom:22px}
.work-summary h3{grid-column:1;grid-row:1;margin:0;font-family:GarageUI,Onest,sans-serif;font-size:clamp(24px,2.8vw,37px);line-height:1.2;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.work-summary p{grid-column:1;grid-row:2;font-size:15px;line-height:1.6;color:var(--muted);margin:11px 0 0;max-width:52ch;min-height:48px}
.work-summary>a{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:16px;min-height:44px;font-size:13px;white-space:nowrap}
.work-summary>a>span{color:var(--accent)}
.work-gallery{margin:0}
.gallery-photo{overflow:hidden;background:#10233a;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)}
.gallery-photo>img{display:block;width:100%;height:350px;object-fit:cover;object-position:48% 50%}
.gallery-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.gallery-control{display:flex;align-items:center;gap:10px;padding:6px;background:transparent;border:1px solid #9cb9da33;color:var(--muted);cursor:pointer;font-family:GarageUI,Onest,sans-serif;font-size:14px;font-weight:500;min-height:49px;transition:background 130ms ease-out,border-color 130ms ease-out}
.gallery-control img{width:50px;height:33px;object-fit:cover;opacity:.65;flex:none}
.gallery-control>span{white-space:nowrap}
.gallery-control[aria-pressed=true]{border-color:#ff7950;color:#f4f8fc;background:#15304b}
.gallery-control[aria-pressed=true] img,.gallery-control:hover img{opacity:1}
.gallery-control:hover{border-color:#a9c5e8}
.gallery-message{margin:9px 0 0;min-height:19px;font-size:12px;color:#afbdd0;line-height:1.5}
.work-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:21px}
.work-actions p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.garage-story .selected-work-book,.garage-story .contact-book,.garage-story .booking-submit{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;padding:12px 23px;border:0;border-radius:0;background:#edf3f9;color:#07111e;font-family:GarageUI,Onest,sans-serif;font-size:16px;font-weight:600;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);transition:background 140ms ease-out,transform 120ms ease-out}
.selected-work-book>span:last-child,.contact-book>span:last-child,.booking-submit>span:last-child{font-size:23px;color:#db4b1c}
.garage-story .button:hover{background:#dce8f5}
.garage-story .button:active{transform:translateY(1px)}
.garage-story .button:focus-visible{outline:2px solid #07111e;outline-offset:-4px}
.garage-story button:focus-visible,.garage-story a:focus-visible{outline:2px solid #ff7950;outline-offset:4px}
.garage-story .mobile-menu nav{z-index:4}
.garage-story .booking-dialog{background:#0a1829;overscroll-behavior:contain}
.garage-story .booking-top{border-bottom:1px solid var(--line);padding-bottom:20px}
.garage-story .booking-top>p{font-family:GarageUI,Onest,sans-serif;font-size:15px;font-weight:500;letter-spacing:.02em}
.garage-story .booking-content h2{font-family:GarageUI,Onest,sans-serif;font-size:34px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.garage-story .booking-form input,.garage-story .booking-form textarea{background:#10223a;border:1px solid #6d839d;border-radius:0;box-shadow:none;color:var(--ink)}
.garage-story .booking-form input:focus,.garage-story .booking-form textarea:focus{outline:2px solid #ff7950;outline-offset:1px}
.garage-story .booking-form input::placeholder,.garage-story .booking-form textarea::placeholder{color:#bac7d8}
.terminal-composition{min-height:calc(100svh - var(--header-height));scroll-margin-top:var(--header-height);display:flex;flex-direction:column}
.contact-entry{flex:1;row-gap:26px;border-top-color:#a6c4e12b}
.contact-entry h2{font-family:GarageUI,Onest,sans-serif;font-weight:550;font-size:clamp(37px,4.8vw,64px);line-height:1.08;letter-spacing:-.025em}
.contact-entry .contact-number{font-family:Onest,Arial,sans-serif}
.contact-entry .contact-map{grid-column:1/-1;min-width:0}
.contact-map iframe{display:block;width:100%;height:340px;border:0;background:#11233a;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.map-caption{display:flex;align-items:start;justify-content:space-between;gap:24px;padding-top:13px}
.map-caption p{font-size:14px;line-height:1.6;margin:0}
.map-caption a{display:inline-flex;align-items:center;gap:18px;min-height:44px;flex:none;font-size:14px}
.map-caption a>span{color:#ff7950}
.garage-story .brand-group img{filter:brightness(0) invert(1);opacity:.58}
.garage-story .footer-bottom{border-top-color:#a6c4e12b;color:#c0cbd8}
@media(max-width:1100px){.garage-console{column-gap:24px;padding:21px}.work-summary{grid-template-columns:1fr}.work-summary>a{grid-column:1;grid-row:3;justify-self:start;margin-top:4px}.work-summary p{min-height:0}.gallery-photo>img{height:330px}.gallery-control{gap:7px;font-size:13px}.gallery-control img{width:38px}}
@media(max-width:700px){.scene-dock{width:calc(100% - 32px);bottom:17px;padding:4px}.scene-dock>*{min-height:46px;padding:10px 12px;font-size:13px;gap:9px}.scene-dock>* span:last-child{font-size:20px}.work-section{padding-top:32px;padding-bottom:40px}.section-heading{margin-bottom:20px;gap:12px}.section-heading h2{font-size:29px}.section-heading p{font-size:14px;max-width:36ch}.garage-console{grid-template-columns:1fr;padding:16px;row-gap:24px}.work-menu{position:static}.work-options{grid-template-columns:1fr 1fr;gap:5px}.work-option{font-size:15px;min-height:45px;padding:10px 11px;gap:8px}.unknown-work{margin-top:10px;padding-top:14px;font-size:12px}.work-summary h3{font-size:26px}.work-summary p{font-size:14px;margin-top:10px}.work-summary>a{min-height:39px;font-size:13px}.work-summary{margin-bottom:15px}.gallery-photo>img{height:235px}.gallery-controls{gap:7px}.gallery-control{flex-direction:column;gap:5px;padding:6px;font-size:13px}.gallery-control img{width:100%;height:39px}.gallery-message{font-size:11px}.work-actions{gap:13px;margin-top:17px}.work-actions .selected-work-book{width:100%}.work-actions p{font-size:12px}.garage-story .mobile-menu nav{position:fixed;top:var(--header-height);right:20px;min-width:0;width:min(310px,calc(100vw - 40px));padding:10px 18px;background:#0b1b2e;box-sizing:border-box}.garage-story .mobile-menu nav>a{min-height:49px;font-family:GarageUI,Onest,sans-serif;font-size:17px}.contact-entry h2{font-size:43px}.contact-map iframe{height:310px}.map-caption{display:block}.map-caption p{font-size:13px}.map-caption a{margin-top:5px}.garage-story .booking-content h2{font-size:29px}}
@media(max-width:359px){.scene-dock>*{font-size:12px;padding-inline:9px}.garage-console{padding:13px}.gallery-photo>img{height:210px}.gallery-control{font-size:12px}.work-option{font-size:14px}.section-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.scene-dock>*,.door-control>span:last-child,.dock-work>span:last-child,.work-option,.gallery-control,.garage-story .button{transition:none}.garage-story .brand-track{animation:none}}
@media(min-width:701px){.scene-dock{left:10%;transform:none;width:clamp(240px,22vw,310px);grid-template-columns:1fr;bottom:22px}.scene-dock>*{min-height:47px;font-size:15px;padding-inline:17px}}
.scene-dock>.dock-caption{grid-column:1/-1;display:block;min-height:0;margin:0;padding:5px 12px 9px;font-family:Onest,Arial,sans-serif;font-size:12px;font-weight:450;line-height:1.4;letter-spacing:0;color:#c2cfdf;border:0}
.gallery-title{margin:0 0 10px;font-family:Onest,Arial,sans-serif;font-size:14px;font-weight:450;line-height:1.5;color:#c0cbd8}
.js .garage-story .brand-strip .brand-track{animation:quiet-brands 42s linear infinite;animation-play-state:running}
.js .garage-story .brand-strip:hover .brand-track{animation-play-state:running}
@media(prefers-reduced-motion:reduce){.js .garage-story .brand-strip .brand-track{animation:none;transform:none}}
.garage-story .scene-dock>*:focus-visible{outline:2px solid #ff7950;outline-offset:-4px}
.garage-story .scene-dock .dock-work:focus-visible{outline-color:#07111e}