/* =========================================================
   DESIGN & APPROVAL — Premium NSW Architecture Theme
   No loading overlay / no dependency on jQuery / no WOW spinner.
   ========================================================= */
:root {
    --navy: #0b2940;
    --navy-2: #173f59;
    --blue: #245b7a;
    --blue-2: #5b89a3;
    --ice: #edf3f6;
    --ink: #12222e;
    --muted: #687984;
    --line: #dce7ed;
    --offwhite: #f3f7f9;
    --white: #fff;
    --shadow: 0 18px 50px rgba(11, 41, 64, .09);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 95px; }
body { margin:0; color:var(--ink); background:#ffffff; font-family:"Open Sans",Arial,sans-serif; line-height:1.65; }
img { max-width:100%; display:block; }
a { text-decoration:none; }
h1,h2,h3 { font-family:"Teko","Open Sans",sans-serif; font-weight:800; letter-spacing:-.045em; }
.topbar { background:var(--navy); color:#c7d9e4; font-size:12px; letter-spacing:.01em; }
.topbar-inner { min-height:38px; display:flex; align-items:center; justify-content:space-between; }
.topbar i { color:#6a9ab2; margin-right:5px; }
.top-links { display:flex; gap:25px; }
.top-links a { color:#fff; }
.navbar { background:rgba(255,255,255,.97); min-height:88px; padding:0; border-bottom:1px solid rgba(11,41,64,.07); }
 .navbar-brand { width:270px; padding:7px 0; overflow:visible; }
  .navbar-brand img {
    width:255px; height:72px; object-fit:contain; object-position:left center;
    opacity:0; transform:translate3d(-95px,0,0);
    animation: logoSlideRight 1.7s cubic-bezier(.16,1,.3,1) .08s forwards;
    will-change:transform,opacity; backface-visibility:hidden;
}
.nav-link { color:var(--navy)!important; font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:34px 17px!important; position:relative; }
.nav-link:after { content:""; position:absolute; left:17px; right:17px; bottom:20px; height:2px; background:var(--blue); transform:scaleX(0); transition:.2s; }
.nav-link:hover:after,.nav-link.active:after { transform:scaleX(1); }
.nav-cta { padding:12px 17px!important; font-size:11px; text-transform:uppercase; letter-spacing:.05em; }
.btn { border-radius:2px; border-width:1px; font-weight:700; letter-spacing:.02em; transition:.2s; }
.btn-primary { background:var(--blue); border-color:var(--blue); color:#fff; }
.btn-primary:hover { background:var(--navy-2); border-color:var(--navy-2); color:#fff; transform:translateY(-2px); }
.btn-light:hover { transform:translateY(-2px); }
.hero { min-height:730px; position:relative; display:flex; align-items:center; overflow:hidden; background:var(--navy); }
.hero-image { display:none; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,24,39,.18) 0%,rgba(7,32,51,.05) 100%); }
.hero-content { position:relative; z-index:2; }
.hero-copy { max-width:760px; padding:105px 0 125px; color:#fff; }
.eyebrow { margin-bottom:17px; color:#b9cfdb; font-size:11px; font-weight:800; letter-spacing:.2em; }
.eyebrow.blue { color:var(--blue); }
.hero h1 { margin:0 0 25px; font-size:clamp(48px,5.6vw,74px); line-height:1.02; color:#fff; font-weight:500; }
.hero h1 span,.section-intro h2 span,.statement h2 span,.red-tape h2 span,.contact-section h2 span { color:#6a9ab2; }
.hero p { max-width:680px; margin:0 0 30px; color:#e2eaee; font-size:18px; line-height:1.8; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.hero-actions .btn { padding:14px 22px; }
.hero-note { margin-top:24px; color:#c8d9e2; font-size:12px; font-weight:600; }
.hero-note i { color:#6a9ab2; margin-right:7px; }
.scroll-cue { position:absolute; z-index:2; bottom:28px; right:6%; color:#dce9ef; display:flex; flex-direction:column; gap:6px; align-items:center; font-size:9px; letter-spacing:.2em; }
.scroll-cue i { font-size:19px; color:#5ab8e7; }
.proof-bar { background:var(--navy); color:#fff; }
.proof-item { min-height:105px; padding:22px 28px; display:flex; align-items:center; gap:16px; border-right:1px solid rgba(255,255,255,.11); }
.proof-item:last-child { border-right:0; }
.proof-icon { width:48px;height:48px;display:grid;place-items:center;background:rgba(77,180,232,.1);color:#6a9ab2;font-size:21px;flex:0 0 auto; }
.proof-item strong,.proof-item span { display:block; }
.proof-item strong { font-size:13px; }
.proof-item span { color:#9eb4c1; font-size:11px; margin-top:3px; }
.section { padding:110px 0; }
.services-section { background:#ffffff; }
.section-intro { max-width:790px; margin-bottom:52px; }
.section-intro.centered { text-align:center; margin-left:auto; margin-right:auto; }
.section-intro h2 { margin:0 0 18px; color:var(--navy); font-size:clamp(36px,4vw,52px); line-height:1.08; font-weight:500; }
.section-intro p { max-width:690px; margin:0; color:var(--muted); font-size:14px; line-height:1.85; }
.section-intro.centered p { margin:auto; }
.service-card { height:100%; border:1px solid var(--line); background:#ffffff; box-shadow:0 9px 32px rgba(11,41,64,.05); transition:.28s; }
.service-card:hover { transform:translateY(-7px); box-shadow:var(--shadow); border-color:#c5dbe6; }
.service-image { height:220px; overflow:hidden; background:#ddd; }
.service-image img { width:100%;height:100%;object-fit:cover; transition:.5s; }
.service-card:hover .service-image img { transform:scale(1.045); }
.service-body { padding:27px 28px 30px; position:relative; }
.service-number { position:absolute; top:25px; right:27px; font-size:11px; font-weight:800; color:#b0c1ca; letter-spacing:.1em; }
.service-icon { color:var(--blue); font-size:22px; margin-bottom:17px; display:block; }
.service-body h3 { color:var(--navy); font-size:26px; margin:0 45px 10px 0; }
.service-body p { color:var(--muted); font-size:12.5px; line-height:1.8; min-height:70px; margin-bottom:20px; }
.service-body a { color:var(--blue); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.service-body a i { margin-left:7px; transition:.2s; }
.service-body a:hover i { margin-left:12px; }
.process-section { background:#f3f7f9; }
.process-timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#ffffff; box-shadow:0 10px 35px rgba(11,41,64,.05); }
.process-card { padding:25px; border-right:1px solid var(--line); }
.process-card:last-child { border-right:0; }
.process-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:17px; color:var(--blue); }
.process-top span { font-size:11px; font-weight:800; letter-spacing:.12em; }
.process-top i { font-size:21px; }
.process-card img { width:100%; height:170px; object-fit:cover; margin-bottom:20px; }
.process-card h3 { color:var(--navy); font-size:27px; margin:0 0 9px; }
.process-card p { color:var(--muted); font-size:11px; line-height:1.65; margin:0; }
.statement { padding:80px 0; background:#ffffff; }
.statement-box { min-height:450px; display:grid; grid-template-columns:1.25fr .75fr; overflow:hidden; background:var(--navy); color:#fff; }
.statement-content { padding:65px 70px; }
.statement h2 { font-size:clamp(40px,4.5vw,57px); line-height:1.02; font-weight:500; margin:0 0 22px; }
.statement p { max-width:700px; color:#c7d8e2; font-size:13px; line-height:1.85; }
.statement .btn { margin-top:14px; padding:12px 19px; }
.statement-art { min-height:450px; position:relative; overflow:hidden; background:linear-gradient(135deg,#174e73,#0b2940); }
.blueprint-grid { position:absolute; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px); background-size:30px 30px; transform:perspective(500px) rotateY(-9deg) scale(1.15); }
.blueprint-card { position:absolute; width:270px; height:205px; left:50%; top:50%; transform:translate(-50%,-50%); padding:27px; border:1px solid rgba(255,255,255,.35); background:rgba(8,34,53,.67); backdrop-filter:blur(7px); display:flex; flex-direction:column; justify-content:space-between; }
.blueprint-card small { font-size:9px; letter-spacing:.16em; color:#6a9ab2; font-weight:800; }
.blueprint-card strong { font:600 43px/1 "Teko","Open Sans",sans-serif; letter-spacing:-.05em; }
.blueprint-card span { font-size:8px; letter-spacing:.12em; color:#b9ced9; }
.red-tape { padding:110px 0; }
.photo-frame { padding:13px; background:#eef5f8; }
.photo-frame img { width:100%; height:560px; object-fit:cover; }
.red-tape h2 { color:var(--navy); font-size:clamp(41px,4.5vw,58px); line-height:1.02; font-weight:500; margin:0 0 17px; }
.red-tape .lead { color:var(--blue); font-size:17px; font-weight:700; }
.red-tape p { color:var(--muted); font-size:13px; line-height:1.85; }
.benefits { list-style:none; padding:0; margin:27px 0 0; }
.benefits li { display:flex; gap:13px; margin:17px 0; }
.benefits i { color:var(--blue); font-size:18px; margin-top:2px; }
.benefits span { color:var(--muted); font-size:12px; line-height:1.65; }
.benefits strong { display:block; color:var(--navy); font-size:13px; margin-bottom:2px; }
.gallery-section { background:#f3f7f9; }
.gallery-grid { display:grid; grid-template-columns:1.25fr .75fr .75fr; grid-template-rows:300px 250px; gap:14px; }
.gallery-item { position:relative; overflow:hidden; background:#dce7ed; }
.gallery-main { grid-row:span 2; }
.gallery-item img { width:100%;height:100%;object-fit:cover; transition:.5s; }
.gallery-item:hover img { transform:scale(1.05); }
.gallery-caption { position:absolute; left:0; right:0; bottom:0; padding:50px 24px 20px; color:#fff; background:linear-gradient(transparent,rgba(6,28,44,.88)); }
.gallery-caption span,.gallery-caption strong { display:block; }
.gallery-caption span { color:#6a9ab2; font-size:9px; font-weight:800; letter-spacing:.17em; }
.gallery-caption strong { font:700 20px "Teko","Open Sans",sans-serif; }
.contact-section { background:#ffffff; }
.contact-list { border-top:1px solid var(--line); }
.contact-row { min-height:76px; padding:18px 0; display:flex; align-items:center; gap:18px; border-bottom:1px solid var(--line); color:var(--navy); }
.contact-row > i { color:var(--blue); font-size:21px; width:27px; }
.contact-row small,.contact-row strong { display:block; }
.contact-row small { font-size:9px; font-weight:800; letter-spacing:.15em; color:#8a9aa4; margin-bottom:3px; }
.contact-row strong { font-size:13px; }
.quote-panel { height:100%; min-height:500px; padding:30px; background:#f3f7f9; border:1px solid var(--line); }
.panel-heading { display:flex; gap:18px; align-items:flex-start; }
.panel-heading > span { color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.1em; }
.panel-heading h3 { color:var(--navy); font-size:27px; margin:0 0 3px; font-weight:500; }
.panel-heading p { color:var(--muted); font-size:12px; margin:0; }
.quote-panel-action { margin:28px 0; padding:20px 22px; display:flex; justify-content:space-between; align-items:center; color:#fff; background:var(--navy); }
.quote-panel-action small,.quote-panel-action strong { display:block; }
.quote-panel-action small { color:#6a9ab2; font-size:8px; font-weight:800; letter-spacing:.16em; }
.quote-panel-action strong { font:600 26px "Teko","Open Sans",sans-serif; margin-top:3px; }
.quote-panel-action > i { font-size:22px; color:#6a9ab2; }
.map-wrap { height:310px; overflow:hidden; border:1px solid var(--line); background:#ddd; }
.map-wrap iframe { width:100%; height:100%; border:0; }
.footer { background:#071d2c; color:#8ea6b5; padding:32px 0; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.footer-brand img { width:195px; height:55px; object-fit:contain; filter:none; }
.footer-copy { font-size:11px; }
.footer-links { display:flex; gap:18px; }
.footer-links a { color:#c7d7df; font-size:11px; }
.back-top { position:fixed; z-index:100; right:22px; bottom:22px; width:45px;height:45px; display:grid;place-items:center; background:var(--blue); color:#fff; opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s; }
.back-top.visible { opacity:1; visibility:visible; transform:none; }
@media(max-width:991px){
    .navbar { min-height:76px; }
    .navbar-brand { width:225px; }
    .navbar-brand img { width:215px; height:62px; }
    .nav-link { padding:10px 0!important; }
    .nav-link:after { display:none; }
    .nav-cta { margin-top:12px; display:inline-block; }
    .hero { min-height:650px; }
    .process-timeline { grid-template-columns:1fr 1fr; }
    .process-card:nth-child(2) { border-right:0; }
    .process-card:nth-child(-n+2) { border-bottom:1px solid var(--line); }
    .statement-box { grid-template-columns:1fr; }
    .statement-art { min-height:300px; }
    .statement-content { padding:55px 45px; }
    .gallery-grid { grid-template-columns:1fr 1fr; grid-template-rows:280px 230px 230px; }
    .gallery-main { grid-row:span 2; }
}
@media(max-width:767px){
    .topbar { display:none; }
    .section { padding:75px 0; }
    .hero-copy { padding:80px 0 105px; }
    .hero h1 { font-size:54px; }
    .hero p { font-size:15px; }
    .proof-item { border-right:0; border-bottom:1px solid rgba(255,255,255,.1); }
    .proof-item:last-child { border-bottom:0; }
    .process-timeline { grid-template-columns:1fr; }
    .process-card,.process-card:nth-child(2) { border-right:0; border-bottom:1px solid var(--line); }
    .process-card:last-child { border-bottom:0; }
    .statement-content { padding:45px 28px; }
    .statement-art { min-height:270px; }
    .photo-frame img { height:390px; }
    .gallery-grid { display:grid; grid-template-columns:1fr; grid-template-rows:280px 230px 230px 230px; }
    .gallery-main { grid-row:auto; }
    .footer-inner { flex-direction:column; text-align:center; }
}

/* Contact enquiry form */
.contact-form-card { height:100%; padding:38px; background:#f3f7f9; border:1px solid var(--line); border-top:3px solid var(--blue); }
.form-heading { display:flex; gap:18px; align-items:flex-start; margin-bottom:28px; }
.form-index { color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.12em; padding-top:5px; }
.form-heading .eyebrow { margin-bottom:6px; }
.form-heading h3 { color:var(--navy); font-size:32px; margin:0 0 5px; letter-spacing:-.035em; }
.form-heading p { color:var(--muted); font-size:12px; margin:0; }
.contact-form label { display:block; margin:0 0 7px; color:var(--navy); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.contact-form .form-control { width:100%; border:1px solid #d4e0e7; border-radius:2px; background:#ffffff; color:var(--ink); min-height:53px; padding:14px 15px; font-size:13px; box-shadow:none; }
.contact-form textarea.form-control { min-height:175px; resize:vertical; }
.contact-form .form-control:focus { border-color:var(--blue); outline:0; box-shadow:0 0 0 3px rgba(31,130,189,.10); }
.contact-form .form-control::placeholder { color:#a0adb5; }
.form-note { color:#7d8c95; font-size:10px; line-height:1.5; }
.form-note i { color:var(--blue); margin-right:4px; }
.submit-message { padding:13px 20px; min-width:175px; }
.submit-message i { margin-left:7px; }
@media(max-width:767px){
    .contact-form-card { padding:26px 22px; }
    .form-heading h3 { font-size:27px; }
    .submit-message { width:100%; }
}

.form-alert { margin:0 0 22px; padding:13px 15px; font-size:12px; font-weight:600; border-left:3px solid var(--blue); background:#eaf5fb; color:var(--navy); }
.form-alert.error { border-left-color:#b44a4a; background:#fbefef; color:#6d2525; }

/* Premium entrance motion: one-time, smooth, no layout jump */
@keyframes logoSlideRight {
    0% { opacity:0; transform:translate3d(-95px,0,0); }
    25% { opacity:1; }
    100% { opacity:1; transform:translate3d(0,0,0); }
}
    65% { opacity:1; transform:translateX(4px); }
    100% { opacity:1; transform:translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
    .navbar-brand img { animation:none; opacity:1; transform:none; }
    .hero-slide { transition:none !important; }
}

/* Cinematic hero slider */
.hero-slider { position:absolute; inset:0; overflow:hidden; background:#081f31; }
.hero-slide {
    position:absolute; inset:0;
    opacity:0; visibility:hidden;
    background-position:center;
    background-size:cover;
    transform:scale(1.035);
    transition:opacity 1.15s ease, transform 6.5s cubic-bezier(.2,.65,.2,1), visibility 1.15s;
}
.hero-slide.active {
    opacity:1; visibility:visible; transform:scale(1);
}
.hero-slide::after {
    content:""; position:absolute; inset:0;
    background:linear-gradient(90deg,rgba(5,24,39,.94) 0%,rgba(7,32,51,.80) 44%,rgba(8,39,60,.28) 100%);
}
.hero-controls {
    position:absolute; z-index:4; right:5.8%; bottom:35px;
    display:flex; align-items:center; gap:12px;
}
.hero-control {
    width:44px; height:44px; border:1px solid rgba(255,255,255,.38);
    background:rgba(6,26,41,.22); color:#fff; display:grid; place-items:center;
    cursor:pointer; transition:.2s; backdrop-filter:blur(7px);
}
.hero-control:hover { background:#ffffff; color:var(--navy); border-color:#fff; }
.hero-counter {
    min-width:66px; color:#fff; font-size:11px; font-weight:800;
    letter-spacing:.13em; text-align:center;
}
.hero-progress {
    position:absolute; z-index:4; left:0; bottom:0; height:3px; width:33.333%;
    background:#6a9ab2; transition:width .4s ease;
}
.hero .hero-shade { z-index:1; pointer-events:none; }
.hero-content { z-index:3; }
.hero-copy { animation:heroCopyIn .9s cubic-bezier(.22,1,.36,1) .2s both; }
@keyframes heroCopyIn {
    from { opacity:0; transform:translateY(20px); }
    to { opacity:1; transform:translateY(0); }
}
.hero-slide-label {
    position:absolute; z-index:2; right:5.9%; top:50%;
    transform:translateY(-50%); writing-mode:vertical-rl; color:rgba(255,255,255,.55);
    font-size:9px; font-weight:800; letter-spacing:.25em;
}
@media(max-width:767px){
    .hero-controls { right:20px; bottom:25px; }
    .hero-slide-label { display:none; }
    .hero-copy { animation:none; }
}

.nav-login {
    display:inline-flex; align-items:center; gap:8px;
    padding:11px 16px; font-size:10px; text-transform:uppercase;
    letter-spacing:.07em; white-space:nowrap;
    box-shadow:0 7px 18px rgba(31,130,189,.18);
}
.nav-login i { font-size:15px; }
@media(max-width:991px){
    .nav-login { margin:8px 0 12px; }
}

/* Arkitektur-inspired facts strip, rebuilt for Design & Approval */
.facts-section { padding:70px 0 30px; background:#ffffff; }
.facts-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.fact-item { position:relative; text-align:center; background:#f3f7f9; min-height:245px; padding:55px 42px 35px; }
.fact-icon { width:72px; height:72px; margin:-90px auto 22px; display:grid; place-items:center; background:#f3f7f9; }
.fact-icon img { width:58px; height:58px; object-fit:contain; }
.fact-item h3 { color:var(--navy); font-size:29px; margin:0 0 9px; font-weight:500; letter-spacing:0; }
.fact-item p { color:var(--muted); font-size:11px; line-height:1.65; margin:0; }

/* Slide-specific copy sits on the right, like a subtle editorial callout. */
.slide-message {
    position:absolute; z-index:2; right:8%; top:50%; transform:translateY(-50%);
    width:min(325px,27vw); padding:17px 20px;
    border-left:2px solid #6a9ab2;
    background:rgba(7,32,51,.40); backdrop-filter:blur(5px);
    opacity:0; transition:opacity .8s ease .15s;
}
.hero-slide.active .slide-message { opacity:1; }
.slide-message .eyebrow { color:#6a9ab2; margin-bottom:8px; }
.slide-message h2 { margin:0 0 10px; color:#fff; font-size:28px; line-height:1.02; font-weight:500; letter-spacing:0; }
.slide-message p { margin:0; color:#e2eaee; font-size:11px; line-height:1.65; }
@media(max-width:991px){
    .facts-grid { grid-template-columns:1fr 1fr; }
    .fact-item:last-child { grid-column:1/-1; max-width:50%; margin:auto; }
    .slide-message { right:5%; width:350px; }
}
@media(max-width:767px){
    .facts-grid { grid-template-columns:1fr; }
    .fact-item:last-child { grid-column:auto; max-width:none; }
    .facts-section { padding-top:55px; }
    .slide-message { left:20px; right:20px; top:auto; bottom:85px; transform:none; width:auto; padding:17px 19px; }
    .slide-message h2 { font-size:29px; }
    .slide-message p { font-size:11px; }
    .hero-copy { padding-bottom:235px; }
}

.hero-slide .slide-message { will-change:opacity; }

/* Refined facts strip — clean corporate treatment */
.facts-section { padding:58px 0 25px; background:#fff; }
.facts-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.fact-item { position:relative; text-align:center; background:#f3f7f9; min-height:205px; padding:42px 28px 27px; border:1px solid #e2eaee; }
.fact-icon { width:58px; height:58px; margin:-72px auto 17px; display:grid; place-items:center; background:#fff; border:1px solid #e0e8ec; }
.fact-icon img { width:45px; height:45px; object-fit:contain; }
.fact-item h3 { color:var(--navy); font-size:25px; margin:0 0 7px; font-weight:500; letter-spacing:0; }
.fact-item p { color:var(--muted); font-size:11.5px; line-height:1.7; margin:0 auto; max-width:300px; }

/* Social media section */
.social-section { padding:62px 0; background:#f3f7f9; border-top:1px solid #e0e8ec; }
.social-inner { display:flex; justify-content:space-between; align-items:center; gap:45px; }
.social-inner h2 { margin:0 0 8px; color:var(--navy); font-size:42px; line-height:1; font-weight:500; }
.social-inner h2 span { color:var(--blue); }
.social-inner p { color:var(--muted); font-size:12px; margin:0; }
.social-links { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.social-links a { min-width:112px; height:58px; padding:0 15px; display:flex; align-items:center; gap:9px; border:1px solid #d7e2e8; background:#fff; color:var(--navy); font-size:11px; font-weight:700; transition:.2s; }
.social-links a i { color:var(--blue); font-size:18px; }
.social-links a:hover { transform:translateY(-3px); border-color:#b9ced9; box-shadow:0 9px 22px rgba(11,41,64,.07); color:var(--blue); }
@media(max-width:991px){
    .social-inner { align-items:flex-start; flex-direction:column; }
    .social-links { justify-content:flex-start; }
    .slide-message { right:5%; width:300px; }
}
@media(max-width:767px){
    .hero h1 { font-size:48px; }
    .slide-message { left:20px; right:20px; top:auto; bottom:80px; transform:none; width:auto; padding:14px 17px; }
    .slide-message h2 { font-size:26px; }
    .slide-message p { font-size:10.5px; }
    .hero-copy { padding-bottom:220px; }
    .social-inner h2 { font-size:36px; }
    .social-links { width:100%; display:grid; grid-template-columns:1fr 1fr; }
    .social-links a { min-width:0; }
}

.scroll-cue { display:none !important; }

/* Logo entrance: GPU-composited, one-time, no bounce and no layout shift. */
.navbar-brand { overflow:visible; }
@media (prefers-reduced-motion: reduce) {
    .navbar-brand img { animation:none !important; opacity:1 !important; transform:none !important; }
}