/* Photographic marine concept. Shared tokens also skin CMS-rendered pages. */
:root,html[data-theme="dark"] {
  --na-bg:#031722; --na-panel:#061e2c; --na-ink:#f1f5f9; --na-muted:#b6c9d6;
  --na-line:rgba(133,191,220,.21); --na-blue:#0075ff; --na-sky:#44b8ff;
  --bg:var(--na-bg); --bg-soft:#07202e; --bg-warm:#0a2534; --bg-wash:#0b2838;
  --text-primary:var(--na-ink); --text-secondary:var(--na-muted); --text-tertiary:#a5bdce;
  --divider:var(--na-line); --border-subtle:var(--na-line); --border-medium:var(--na-line);
  --meta-blue:var(--na-blue); --meta-blue-light:var(--na-sky); --rd-accent:var(--na-sky);
  --na-header:rgba(2,20,31,.9); --na-hero-text:#f1f5f9;
  color-scheme:dark;
}
html[data-theme="light"] {
  --na-bg:#f2f7fa; --na-panel:#fff; --na-ink:#102f41; --na-muted:#496476;
  --na-line:rgba(29,76,104,.2); --na-sky:#0071bf; --na-header:rgba(241,247,251,.96);
  --bg:var(--na-bg); --bg-soft:#e7f0f5; --bg-warm:#fff; --bg-wash:#e5eff5;
  --text-primary:var(--na-ink); --text-secondary:var(--na-muted); --text-tertiary:#526e80;
  --divider:var(--na-line); --border-subtle:var(--na-line); --border-medium:var(--na-line);
  color-scheme:light;
}
html {scroll-padding-top:88px;}
body {background:var(--na-bg); color:var(--na-ink); font-family:Manrope,Inter,Arial,sans-serif;}
body.photo-concept {margin:0;}
.container {width:calc(100% - 120px); max-width:1320px; padding:0; margin-inline:auto;}
h1,h2,h3 {font-family:Oswald,Arial,sans-serif;}
html .photo-concept .site-header {height:72px; background:var(--na-header); border-bottom:1px solid var(--na-line); backdrop-filter:blur(18px); box-shadow:none;}
.site-header .container {height:100%; display:flex; align-items:center; justify-content:space-between; gap:30px;}
.site-header .brand {gap:12px; font-size:17px; font-weight:800; color:var(--na-ink); white-space:nowrap;}
.site-header .brand img {width:38px; height:38px; object-fit:contain; border-radius:0;}
.site-header .nav {gap:32px; margin-left:auto; margin-right:auto;}
.site-header .nav a {font-size:13px; font-weight:500; color:var(--na-ink); padding:8px 0;}
.site-header .nav a:hover,.site-header .nav a.active {color:var(--na-sky);}
.site-header .actions {gap:16px;}
.site-header .actions select {display:block; background-color:transparent; background-repeat:no-repeat; background-size:14px; background-position:right 12px center; color:var(--na-ink); border:1px solid var(--na-line); border-radius:25px; min-height:44px; width:78px; padding:0 28px 0 15px; font-size:12px;}
.site-header .actions option {background:var(--na-bg);}
.site-header .actions .btn {min-height:44px; padding:12px 26px; font-size:12px;}
.theme-toggle {background:transparent; border:1px solid var(--na-line); color:var(--na-ink); width:44px; height:44px; border-radius:50%;}
.mobile-menu-toggle span {background:var(--na-ink);}
.btn {min-height:50px; border-radius:30px; padding:14px 27px; display:inline-flex; align-items:center; justify-content:center; gap:17px; font-size:13px; font-weight:700; line-height:1.4; text-decoration:none; transition:background .2s, border-color .2s, transform .2s; cursor:pointer; font-family:Manrope,Arial,sans-serif;}
.btn-primary {background:var(--na-blue); color:#fff; border:1px solid #168cff; box-shadow:none;}
.btn-primary:hover {background:#1485ff; transform:translateY(-2px); box-shadow:0 8px 25px #0075ff30;}
html .photo-concept .btn-secondary {border:1px solid #3984a3; background:#03172270; color:#f1f5f9; box-shadow:none;}
.btn-secondary:hover {background:#12394c; border-color:#55c2ff; color:#fff; transform:translateY(-2px);}
.na-icon {width:23px; height:23px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;}
.na-icon--back {transform:rotate(180deg);}
.na-circle {width:44px; height:44px; border-radius:50%; border:1px solid var(--na-line); color:var(--na-ink); background:transparent; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; cursor:pointer; transition:background .2s,border-color .2s; padding:0;}
.na-circle:hover {background:#1683b629; border-color:var(--na-sky);}
.na-circle:disabled {opacity:.35; cursor:default;}
.na-circle--blue {background:var(--na-blue); border-color:#198aff; color:#fff;}
.na-circle--blue:hover {background:#2390ff;}
.na-circle .na-icon {width:19px; height:19px;}
.na-buttons {display:flex; flex-wrap:wrap; gap:14px; align-items:center;}
.skip-link {position:fixed; top:10px; left:15px; padding:15px; color:#fff; background:#005fc9; transform:translateY(-150%); z-index:9999;}
.skip-link:focus {transform:none;}
a:focus-visible,button:focus-visible,select:focus-visible,[tabindex]:focus-visible {outline:2px solid var(--na-sky); outline-offset:5px;}
.na-eyebrow {font-family:Oswald,Arial,sans-serif; font-size:11px; font-weight:500; line-height:1.5; letter-spacing:.24em; text-transform:uppercase; color:var(--na-sky); margin:0 0 8px;}
.na-eyebrow--line {display:flex; gap:14px; align-items:center; color:#e0ecf5; font-size:10px;}
.na-eyebrow--line:before {content:""; display:block; width:30px; height:1px; background:#afc6d3;}
.photo-hero {width:calc(100% - 120px); max-width:1320px; height:560px; position:relative; isolation:isolate; color:#f1f5f9; margin:20px auto 0; overflow:hidden; border:1px solid var(--na-line); border-radius:24px; background:#031722;}
.photo-hero__images,.photo-hero__images img {position:absolute; inset:0; width:100%; height:100%;}
.photo-hero__images {z-index:-2;}
.photo-hero__images img {object-fit:cover; object-position:50% 53%; opacity:1;}
.photo-hero:after {content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(1,17,28,.89),rgba(1,18,29,.6) 35%,rgba(1,18,29,.03) 73%),linear-gradient(0deg,#031722aa,transparent 35%);}
.photo-hero>.photo-hero__inner {width:100%; max-width:none;}
.photo-hero__inner {position:relative; height:100%; padding:63px 34px 54px;}
.photo-hero__copy {padding-left:16px; max-width:660px;}
.photo-hero h1 {font-size:clamp(60px,5.6vw,83px); font-weight:700; line-height:1.01; letter-spacing:-.025em; text-transform:uppercase; margin:12px 0 20px; color:#f2f5f8;}
.photo-hero h1 span {color:#41b0f7; white-space:nowrap;}
.photo-hero__description {max-width:415px; font-size:14px; line-height:1.7; margin:0 0 26px; color:#d6e2eb;}
.hero-coordinates {position:absolute; z-index:1; right:clamp(18px,2vw,40px); top:22px; width:120px; text-align:center; color:#c1dce9; font-family:Oswald,sans-serif; font-weight:400; letter-spacing:.1em; font-size:16px; line-height:1.7; pointer-events:none; text-shadow:0 1px 5px #00111dcc;}
.hero-coordinates svg {display:block; margin:0 auto 12px; width:84px; height:84px; color:#c9e6f5; filter:drop-shadow(0 1px 2px #00111dcc);}
.hero-coordinates p {margin:0; font:inherit; letter-spacing:inherit; color:inherit;}
.hero-coordinates span {display:block; white-space:nowrap;}
.hero-facts {position:absolute; bottom:24px; right:24px; width:560px; padding:22px 26px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; background:linear-gradient(110deg,rgba(16,39,55,.28),rgba(3,23,34,.48)); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); border:1px solid #b8d9ed26; border-radius:18px; text-shadow:0 1px 5px #00111d99;}
.hero-facts>div {display:flex; gap:14px; align-items:center;}
.hero-facts .na-icon {width:30px; height:30px; color:#99cff5;}
.hero-facts p {margin:0;}
.hero-facts strong {display:block; font-family:Oswald,sans-serif; font-weight:400; font-size:23px; line-height:1.25;}
.hero-facts strong {color:#f1f5f9;}
.hero-facts span {display:block; font-size:10px; margin-top:5px; color:#bfd2df;}
.na-services {padding:34px 0 25px; border-top:1px solid var(--na-line);}
.na-section-heading {display:flex; align-items:end; gap:40px; margin-bottom:24px;}
.na-home h2 {font-size:clamp(28px,2.8vw,42px); text-transform:uppercase; line-height:1.16; font-weight:600; letter-spacing:-.025em; margin:0; color:var(--na-ink);}
.na-section-description {font-size:12px; line-height:1.65; max-width:390px; margin:0 40px 3px auto; color:var(--na-muted);}
.na-carousel-controls {display:flex; gap:12px; padding-bottom:3px;}
.na-home .services-index-grid {display:flex; gap:20px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; margin:0; padding:0 0 4px;}
.na-home .services-index-grid::-webkit-scrollbar,.na-gallery__track::-webkit-scrollbar {display:none;}
.na-home .service-card {position:relative; display:flex; flex-direction:column; flex:0 0 calc((100% - 60px)/4); min-width:0; height:auto; aspect-ratio:auto; padding:0; background:var(--na-bg); border:1px solid var(--na-line); border-radius:14px; overflow:hidden; scroll-snap-align:start; text-decoration:none; color:var(--na-ink); transform:none; box-shadow:none;}
.na-home .service-card:hover {border-color:#43b4f5a6; transform:none; box-shadow:none;}
.na-home .service-card:before,.na-home .service-card:after {display:none;}
.na-home .service-card>img {position:static; width:100%; height:205px; flex-shrink:0; aspect-ratio:1.5; object-fit:cover; transition:transform .4s;}
.na-home .service-card:hover>img {transform:scale(1.025);}
.na-card-body {padding:18px 22px 15px; display:flex; flex:1; flex-direction:column; position:relative; background:var(--na-bg);}
.na-card-body h3 {font-size:19px; font-weight:600; line-height:1.35; margin:0 0 10px; letter-spacing:-.025em; text-transform:uppercase;}
.na-card-body>p {font-size:12px; line-height:1.7; color:var(--na-muted); margin:0 0 14px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:61px;}
.na-card-footer {display:flex; gap:10px; align-items:center; font-size:12px; margin-top:auto; min-height:40px;}
.na-card-footer>.na-icon {width:21px; color:#91d4ff;}
.na-card-arrow {margin-left:auto; display:flex; align-items:center; justify-content:center; border:1px solid #769aae; border-radius:50%; width:38px; height:38px; flex-shrink:0;}
.na-card-arrow .na-icon {width:18px;}
.na-card-price {position:absolute; top:10px; right:10px; background:#041925e8; border:1px solid #829eab6b; border-radius:30px; padding:8px 14px; color:#fff; font-family:Oswald,sans-serif; font-size:16px; line-height:1.3; backdrop-filter:blur(5px);}
.na-card-price small {font-family:Manrope,sans-serif; font-size:11px; margin-right:4px;}
.na-benefits {border-block:1px solid var(--na-line); padding:22px 0; background:linear-gradient(90deg,transparent,#0c354029,transparent);}
.na-benefits .container {display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.na-benefit {display:flex; align-items:center; gap:15px; border-right:1px solid var(--na-line); padding-right:14px;}
.na-benefit:last-child {border:0; padding:0;}
.na-benefit__icon {display:grid; place-items:center; width:65px; height:65px; color:#42b3ff; flex-shrink:0;}
.na-benefit__icon .na-icon {width:100%; height:100%; stroke-width:1.8;}
.na-benefit h3 {font-size:15px; font-weight:500; line-height:1.3; margin:0 0 6px; text-transform:uppercase;}
.na-benefit p {font-size:11px; line-height:1.5; color:var(--na-muted); margin:0;}
.na-about {position:relative; border-bottom:1px solid var(--na-line); overflow:hidden;}
.na-about__inner {position:relative; min-height:360px; display:grid; grid-template-columns:42% 58%; align-items:center;}
.na-about__copy {position:relative; z-index:2; padding:36px 0;}
.na-about h2 span {color:var(--na-sky);}
.na-about__copy>p:not(.na-eyebrow) {font-size:13px; line-height:1.65; color:var(--na-muted); max-width:430px; margin:15px 0 18px;}
.na-about__copy .btn {font-size:12px; min-height:44px; padding:11px 22px;}
.na-about__photo {position:absolute; top:0; bottom:0; left:35%; right:0; overflow:hidden;}
.na-about__photo img {display:block; width:100%; height:100%; object-fit:contain; object-position:right center;}
.na-about__photo:after {content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--na-bg),transparent 38%);}
.na-gallery {padding:27px 0 30px;}
.na-gallery .na-section-heading {margin-bottom:18px; align-items:center; justify-content:space-between;}
.na-gallery h2 {font-size:30px;}
.na-gallery .na-eyebrow {font-size:18px; letter-spacing:.03em; color:var(--na-ink); margin-bottom:2px;}
.na-text-link {color:var(--na-sky); display:inline-flex; align-items:center; gap:14px; font-size:12px; text-decoration:none;}
.na-text-link:hover {text-decoration:underline;}
.na-text-link .na-icon {width:18px;}
.na-gallery-wrap {position:relative;}
.na-gallery__track {display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:3px; margin:-3px;}
.na-gallery__item {flex:0 0 calc((100% - 48px)/5); height:158px; border:1px solid var(--na-line); padding:0; border-radius:9px; overflow:hidden; scroll-snap-align:start; background:var(--na-panel); cursor:zoom-in;}
.na-gallery__item img {width:100%; height:100%; object-fit:cover; transition:transform .3s;}
.na-gallery__item:hover img {transform:scale(1.06);}
.na-gallery-wrap>.na-circle {position:absolute; top:calc(50% - 22px); left:-52px; width:38px; height:38px;}
.na-gallery-wrap>.na-circle:last-child {left:auto; right:-52px;}
.na-final {padding:20px 0 45px; color:#f1f5f9;}
.na-final__inner {position:relative; isolation:isolate; min-height:360px; display:flex; align-items:center; padding:44px 48px; overflow:hidden; border:1px solid #34759170; border-radius:24px; background:#062330;}
.na-final__photo {position:absolute; inset:0; z-index:-1;}
.na-final__photo img {display:block; width:100%; height:100%; object-fit:cover; object-position:center 34%;}
.na-final__photo:after {content:""; position:absolute; inset:0; background:linear-gradient(90deg,#031b2af5 0%,#031b2ae6 28%,#031b2a75 48%,#031b2a00 70%);}
.na-final__copy {max-width:480px;}
.na-final h2 {color:#f0f7ff; font-size:46px; max-width:430px; text-wrap:balance;}
.na-final__copy>p:not(.na-eyebrow) {font-size:14px; line-height:1.65; color:#cadae5; max-width:420px; margin:16px 0 25px;}
.na-final .na-eyebrow {color:#8cd7ff; font-size:10px; margin-bottom:12px;}
.na-final .na-buttons {gap:12px;}
.na-final .btn {min-height:46px; padding:12px 22px; font-size:12px; gap:12px;}
.na-home .site-footer {background:var(--na-bg); padding:22px 0; border-top:1px solid var(--na-line); color:var(--na-muted);}
.na-home .footer-inner {display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:25px; font-size:10px;}
.na-home .site-footer .brand {font-size:13px; gap:10px; color:var(--na-ink);}
.na-home .site-footer .brand img {width:30px; height:30px;}
.na-footer-links {display:flex; gap:25px;}
.na-footer-links a {color:var(--na-muted); text-decoration:none;}
.na-media-dialog {border:1px solid #41728b; background:#031722; padding:0; width:min(1000px,94vw); max-width:94vw; max-height:90dvh; border-radius:15px; color:#fff; overflow:visible;}
.na-media-dialog::backdrop {background:#00101cea; backdrop-filter:blur(9px);}
.na-media-dialog__content {display:grid; place-items:center; border-radius:15px; overflow:hidden; min-height:150px;}
.na-media-dialog video,.na-media-dialog img {max-width:100%; max-height:85dvh; display:block;}
.na-dialog-close {position:absolute; right:8px; top:8px; width:44px; height:44px; border-radius:50%; border:1px solid #88a2b5; background:#031722e8; color:white; font-size:28px; cursor:pointer; z-index:1;}
.scroll-top {background:#083449; border:1px solid #3e6c83; color:#fff; font-size:22px;}
.photo-concept .footer-social a,.photo-concept .footer-social a:hover {background:transparent;}
.photo-concept .site-footer .footer-social img {width:44px; height:44px; object-fit:contain;}
/* Interior pages share the palette and a quieter photographic treatment. */
.photo-concept:not(.na-home) .section--soft {background:var(--bg-soft);}
.photo-concept:not(.na-home) .page-hero {background:linear-gradient(90deg,#031722e8,#03172299),url('/media/concept/sailing-sunset.jpg') center 48%/cover; color:#fff; border-bottom:1px solid var(--na-line);}
.photo-concept:not(.na-home) .page-hero h1,.photo-concept:not(.na-home) .page-hero p {color:#f0f5fb;}
.photo-concept .service-hero {background-color:#031722;}
.photo-concept .contact-card,.photo-concept .service-tile,.photo-concept .tour-block,.photo-concept .feature-card {border-color:var(--na-line);}
html .photo-concept .service-tile,html .photo-concept .contact-card,html .photo-concept .feature-card {background:var(--na-panel); border:1px solid var(--na-line); border-radius:16px; box-shadow:none;}
.photo-concept .service-tile__title {font-family:Oswald,Arial,sans-serif; font-weight:500; text-transform:uppercase; font-size:24px; line-height:1.25;}
.photo-concept .service-tile__body {padding:24px;}
.photo-concept .service-hero-overlay {background:linear-gradient(90deg,#031722e8,#03172296 48%,#03172225);}
.photo-concept .page-hero,.photo-concept .services-page-hero {padding:65px 0; text-align:left;}
.photo-concept .page-hero .container,.photo-concept .services-page-hero .container {text-align:left;}
.photo-concept .page-hero h1,.photo-concept .services-page-hero__title {font-size:clamp(38px,5vw,66px); margin:8px 0 16px; text-transform:uppercase; line-height:1.1;}
.photo-concept .page-hero p,.photo-concept .services-page-hero__lead {max-width:640px; margin-left:0; font-size:15px;}
.photo-concept .services-page-hero {background:linear-gradient(90deg,#031722e8,#03172299),url('/media/concept/sailing-sunset.jpg') center/cover; color:white;}
.photo-concept .services-page-hero__bg {display:none;}
.photo-concept .services-page-hero__title,.photo-concept .services-page-hero__lead {color:#f0f5fb;}
.photo-concept .service-hero-title {font-family:Oswald,sans-serif; text-transform:uppercase; line-height:1.1;}
[data-theme="light"] .na-about__copy .btn-secondary {background:transparent; color:var(--na-ink);}
@media(max-width:1200px) {
  .container {width:calc(100% - 88px);} .site-header .container {gap:20px;} .site-header .nav {gap:25px;}
  .photo-hero {width:calc(100% - 88px); height:585px;} .photo-hero__inner {padding-top:120px;} .photo-hero__copy {padding-left:8px;} .photo-hero h1 {font-size:70px;}
  .hero-facts {width:480px; padding:20px 24px; gap:15px;}
  .na-section-description {max-width:340px; margin-right:0;} .na-section-heading {gap:25px;}
  .na-home .services-index-grid {gap:16px;} .na-home .service-card {flex-basis:calc((100% - 48px)/4);} .na-home .service-card>img {height:175px;}
  .na-card-body {padding:16px;} .na-card-body h3 {font-size:17px;} .na-card-body>p {font-size:11px; min-height:56px;}
  .na-benefits .container {gap:18px;} .na-benefit {gap:12px; padding-right:8px;} .na-benefit__icon {width:52px; height:52px;} .na-benefit h3 {font-size:13px;} .na-benefit p {font-size:10px;}
  .na-about__inner {min-height:320px;} .na-about__copy>p:not(.na-eyebrow) {font-size:12px;}
  .na-gallery-wrap>.na-circle {left:-40px; width:32px;} .na-gallery-wrap>.na-circle:last-child {right:-40px;} .na-gallery__item {height:140px;}
  .na-final__inner {padding:36px; min-height:335px;} .na-final__copy {max-width:420px;} .na-final h2 {font-size:40px; max-width:380px;}
}
/* Keep the desktop composition proportional to the reference at laptop widths. */
@media(min-width:901px) {
  html .na-home .site-header {height:clamp(50px,5vw,72px);}
  .na-home .site-header .brand {font-size:clamp(13px,1.2vw,17px);}
  .na-home .site-header .brand img {width:clamp(29px,2.65vw,38px); height:clamp(29px,2.65vw,38px);}
  .na-home .site-header .nav a {font-size:clamp(11px,.9vw,13px);}
  .na-home .site-header .actions {gap:12px;}
  .na-home .site-header .actions .btn {min-height:36px; padding:9px 21px; font-size:11px;}
  .na-home .site-header .actions select {min-height:36px; width:70px;}
  .na-home .theme-toggle {width:36px; height:36px;}
  .na-home .photo-hero {height:clamp(510px,42vw,560px);}
  .na-home .photo-hero__inner {padding-top:clamp(42px,4.2vw,63px); padding-bottom:35px;}
  .na-home .photo-hero h1 {font-size:clamp(54px,5.6vw,83px); margin:12px 0 14px;}
  .na-home .photo-hero__description {font-size:clamp(12px,1vw,14px); line-height:1.55; max-width:clamp(310px,29vw,415px); margin-bottom:20px;}
  .na-home .photo-hero .btn {min-height:40px; padding:11px 22px; font-size:clamp(10px,.9vw,13px); gap:14px;}
  .na-home .hero-facts {width:clamp(400px,40vw,560px); padding:20px 26px; gap:18px; bottom:24px;}
  .na-home .hero-facts>div {gap:10px;}
  .na-home .hero-facts strong {font-size:clamp(18px,1.6vw,23px);}
  .na-home .hero-facts span {font-size:clamp(8px,.7vw,10px); white-space:nowrap;}
  .na-home .hero-facts .na-icon {width:27px; height:27px;}
  .na-home .na-services {padding:24px 0 20px;}
  .na-home .na-section-heading {margin-bottom:18px;}
  .na-home h2 {font-size:clamp(32px,2.8vw,42px);}
  .na-home .service-card>img {height:clamp(148px,14.4vw,205px);}
  .na-home .na-card-body {padding:13px 17px 11px;}
  .na-home .na-card-body h3 {font-size:clamp(15px,1.48vw,19px); margin-bottom:8px;}
  .na-home .na-card-body>p {line-height:1.55; min-height:52px; margin-bottom:10px;}
  .na-home .na-card-footer {min-height:33px; font-size:11px;}
  .na-home .na-card-arrow {width:32px; height:32px;}
  .na-home .na-benefits {padding-block:17px;}
  .na-home .na-about__inner {min-height:260px; aspect-ratio:40 / 13;}
  .na-home .na-about__copy {padding-block:25px;}
  .na-home .na-about h2 {font-size:clamp(29px,2.8vw,40px); line-height:1.12;}
  .na-home .na-about__copy>p:not(.na-eyebrow) {line-height:1.5; margin:12px 0 15px;}
  .na-home .na-about__copy .btn {min-height:37px; padding:9px 19px; font-size:11px; gap:12px;}
  .na-home .na-gallery {padding:17px 0 20px;}
  .na-home .na-gallery h2 {font-size:clamp(25px,2.1vw,30px);}
  .na-home .na-gallery .na-eyebrow {font-size:16px;}
  .na-home .na-gallery__item {height:clamp(110px,10.9vw,158px);}
}
@media(min-width:901px) and (max-width:1000px) {
  .na-home .hero-facts {width:400px; gap:10px; padding:18px 20px;}
  .na-home .hero-facts span {white-space:normal; max-width:75px;}
  .na-home .hero-facts .na-icon {width:23px; height:23px;}
}
@media(max-width:900px) {
  .container {width:calc(100% - 48px);} html .photo-concept .site-header {height:66px;} .site-header .container {gap:10px;}
  .site-header .nav {margin:0; background:var(--na-bg); top:66px;} .site-header .nav a {font-size:22px; padding:14px;}
  .site-header .actions {gap:10px;} .theme-toggle {width:40px; height:40px;} .site-header .actions select {min-height:40px; width:66px; padding-left:12px;}
  .photo-hero {width:calc(100% - 48px); height:650px;} .photo-hero__inner {padding:80px 30px 180px;} .photo-hero__copy {padding-left:0;} .photo-hero h1 {font-size:clamp(48px,8.5vw,72px);}
  .hero-facts {width:auto; left:24px; right:24px; gap:12px; padding:23px;} .hero-facts>div {gap:10px;} .hero-facts span {font-size:9px;} .hero-facts .na-icon {width:25px;}
  .hero-coordinates {right:24px; top:30px;}
  .na-services {padding-top:30px;} .na-home .service-card {flex-basis:calc((100% - 32px)/3);} .na-home .service-card>img {height:170px;}
  .na-section-heading {gap:20px;} .na-section-description {max-width:300px; font-size:11px;}
  .na-benefits .container {grid-template-columns:repeat(2,1fr); gap:24px;} .na-benefit:nth-child(2) {border:0;} .na-benefit h3 {font-size:15px;} .na-benefit p {font-size:11px;}
  .na-about__inner {grid-template-columns:1fr;} .na-about__copy {padding:30px 0;}.na-about__copy>p:not(.na-eyebrow) {max-width:560px;}
  .na-about__photo {position:relative; inset:auto; grid-column:1 / -1; grid-row:1; width:100%; aspect-ratio:2; margin-top:0;} .na-about__photo:after {background:linear-gradient(0deg,var(--na-bg),transparent 10%);}
  .na-about__copy {grid-column:1; grid-row:2;}
  .na-gallery__item {flex-basis:calc((100% - 24px)/3); height:160px;} .na-gallery-wrap>.na-circle {display:none;}
  .na-final__inner {padding:32px; min-height:345px;} .na-final__copy {max-width:370px;} .na-final h2 {font-size:36px;}
}
@media(max-width:600px) {
  .container {width:calc(100% - 36px);} .site-header .brand {font-size:13px; gap:7px;} .site-header .brand span {display:inline;} .site-header .brand img {width:29px; height:29px;} .site-header .actions {gap:7px;} .site-header .actions select {width:60px; padding-left:10px;} .mobile-menu-toggle {width:36px;}
  .photo-hero {width:calc(100% - 36px); height:auto; min-height:650px; margin-top:14px; border-radius:20px;} .photo-hero__inner {height:auto; min-height:650px; padding:42px 18px 155px;}
  .photo-hero__images img {object-position:62% center;} .photo-hero:after {background:linear-gradient(90deg,#031722c9,#03172245),linear-gradient(0deg,#031722,transparent 70%);}
  .photo-hero__copy {padding-left:0;} .photo-hero h1 {font-size:clamp(30px,10vw,54px); line-height:1.07; margin-top:15px; margin-bottom:20px;}
  .photo-hero__description {font-size:13px; line-height:1.75; max-width:340px; margin-bottom:24px;}
  .photo-hero .na-buttons {gap:12px;} .photo-hero .btn {padding:13px 18px; font-size:11px; min-height:47px; gap:10px;}
  .photo-hero .btn .na-icon {width:18px;} .photo-hero .na-buttons .btn-secondary {padding-inline:16px;}
  .hero-coordinates {display:none;}
  .hero-facts {left:18px; right:18px; width:auto; bottom:18px; padding:16px 10px; gap:8px; border-radius:15px;}
  .hero-facts>div {flex-direction:column; gap:6px; text-align:center;} .hero-facts .na-icon {width:24px; height:24px;} .hero-facts strong {font-size:20px;} .hero-facts span {font-size:8px; line-height:1.4; max-width:80px; margin-top:3px;}
  .na-section-heading {flex-wrap:wrap; gap:15px; margin-bottom:20px;} .na-home h2 {font-size:32px;}
  .na-section-description {order:3; flex-basis:100%; max-width:100%; margin:0; font-size:12px;}
  .na-carousel-controls {margin-left:auto; gap:8px;} .na-circle {width:40px; height:40px;} .na-eyebrow {font-size:10px;}
  .na-home .service-card {flex-basis:82%;} .na-home .service-card>img {height:190px;} .na-card-body {padding:18px;} .na-card-body h3 {font-size:21px;} .na-card-body>p {font-size:13px; min-height:65px;} .na-card-footer {font-size:12px;}
  .na-benefits {padding:24px 0;} .na-benefits .container {gap:23px 15px;} .na-benefit {gap:11px; border:0; padding:0; align-items:flex-start;} .na-benefit__icon {width:42px; height:42px;} .na-benefit__icon .na-icon {width:100%; height:100%;} .na-benefit h3 {font-size:12px;} .na-benefit p {font-size:10px; line-height:1.5;}
  .na-about__inner {display:flex; flex-wrap:wrap; padding-top:0;} .na-about__photo {order:-1; flex:none; width:calc(100% + 36px); margin-inline:-18px; aspect-ratio:2; height:auto;} .na-about__photo img {object-position:center;}
  .na-about__copy {padding:24px 4px 26px; width:100%;} .na-about h2 {font-size:36px;} .na-about__copy>p:not(.na-eyebrow) {font-size:13px; max-width:100%;}
  .na-gallery {padding-block:27px;} .na-gallery h2 {font-size:26px;} .na-gallery .na-eyebrow {font-size:15px;} .na-gallery .na-section-heading {gap:10px;} .na-text-link {font-size:10px; gap:6px;}
  .na-gallery__item {flex-basis:65%; height:165px;}
  .na-final {padding:5px 0 30px;} .na-final__inner {min-height:0; padding:230px 24px 28px; border-radius:20px;}
  .na-final__photo {bottom:auto; height:250px;} .na-final__photo img {object-position:65% 32%;} .na-final__photo:after {background:linear-gradient(0deg,#062330,transparent 60%);}
  .na-final__copy {max-width:100%;} .na-final h2 {font-size:clamp(28px,8.6vw,34px); max-width:320px; text-wrap:initial;} .na-final__copy>p:not(.na-eyebrow) {font-size:13px; margin:14px 0 22px;}
  .na-final .na-buttons {display:grid; grid-template-columns:1fr;} .na-final .btn {font-size:12px; padding:13px 18px; width:100%;}
  .na-home .footer-inner {flex-wrap:wrap; justify-content:center; gap:18px; text-align:center;} .na-home .footer-inner>.brand {width:100%; justify-content:center;} .na-footer-links {gap:18px;} .na-home .site-footer {padding-block:25px;}
  .scroll-top {bottom:18px; right:16px; width:40px; height:40px;}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto;} .photo-hero__images img,.na-gallery__item img,.na-home .service-card>img,.btn {transition:none;} }