.nautical-hero{background:var(--py-charcoal);justify-content:center;align-items:center;height:50vh;min-height:350px;max-height:450px;display:flex;position:relative;overflow:hidden}.nautical-hero__background{z-index:0;position:absolute;inset:0;overflow:hidden}.nautical-hero__background .editable-media{width:100%;height:100%;position:absolute;inset:0}.nautical-hero__background-image{will-change:transform;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.nautical-hero__overlay{z-index:1;background:linear-gradient(#0a0a0ab3 0%,#1a1a1a99 50%,#0a0a0abf 100%);position:absolute;inset:0}.nautical-hero__content{z-index:10;width:100%;max-width:var(--py-max-width);padding:0 var(--py-container-padding);text-align:center;position:relative}.nautical-hero__inner{max-width:700px;margin:0 auto}.nautical-hero__inner>*{opacity:0;transition:opacity .7s var(--py-ease-out),transform .7s var(--py-ease-out);transform:translateY(20px)}.nautical-hero__inner--visible>*{opacity:1;transform:translateY(0)}.nautical-hero__inner>:first-child{transition-delay:0s}.nautical-hero__inner>:nth-child(2){transition-delay:.15s}.nautical-hero__title{gap:var(--py-space-1);margin-bottom:var(--py-space-4);color:var(--py-white);flex-direction:column;font-size:clamp(2.5rem,7vw,4rem);line-height:1.05;display:flex}.nautical-hero__title-main{font-weight:400;display:block}.nautical-hero__title-accent{color:var(--py-gold);font-style:italic;display:block}.nautical-hero__subtitle{font-family:var(--font-body);font-size:clamp(var(--py-text-sm),1.8vw,var(--py-text-base));color:var(--py-gray-400);max-width:550px;margin:0 auto;line-height:1.6}
.nautical-dir{padding:var(--py-space-16)0 var(--py-space-32);background:var(--py-cream);min-height:600px;position:relative}.nautical-dir__layout{gap:var(--py-space-8);opacity:0;transition:all .8s var(--py-ease-out);grid-template-columns:1fr;display:grid;transform:translateY(30px)}.nautical-dir__layout--visible{opacity:1;transform:translateY(0)}@media (min-width:900px){.nautical-dir__layout{gap:var(--py-space-10);grid-template-columns:280px 1fr}}.nautical-dir__sidebar{background:linear-gradient(135deg,var(--py-charcoal)0%,#1a2e3f 100%);border-radius:var(--py-radius-xl);padding:var(--py-space-4);box-shadow:var(--py-shadow-lg);height:fit-content;top:var(--py-space-24);max-width:100%;position:sticky;overflow:hidden}@media (max-width:899px){.nautical-dir__sidebar{background:linear-gradient(135deg,var(--py-charcoal)0%,#1a2e3f 100%);position:relative;top:0;overflow-x:auto}.nautical-dir__nav{gap:var(--py-space-2);padding-bottom:var(--py-space-2);flex-wrap:nowrap;display:flex}.nautical-dir__nav-item{white-space:nowrap;color:#fffc;flex-shrink:0}.nautical-dir__nav-item:hover{color:var(--py-white);background:#ffffff1a}.nautical-dir__nav-item--active{background:var(--py-gold);color:var(--py-charcoal)}}.nautical-dir__nav{gap:var(--py-space-1);flex-direction:column;display:flex}@media (max-width:899px){.nautical-dir__nav{flex-direction:row}}.nautical-dir__nav-item{align-items:center;gap:var(--py-space-2);padding:var(--py-space-3)var(--py-space-4);font-family:var(--font-body);font-size:var(--py-text-sm);color:#fffc;border-radius:var(--py-radius-md);cursor:pointer;transition:all var(--py-duration-fast)var(--py-ease-out);text-align:left;white-space:normal;word-wrap:break-word;background:0 0;border:none;font-weight:500;line-height:1.4;display:flex;position:relative}.nautical-dir__nav-item:hover{color:var(--py-white);background:#ffffff1a}.nautical-dir__nav-item--active{background:var(--py-gold);color:var(--py-charcoal);font-weight:600}.nautical-dir__nav-item--active .nautical-dir__nav-icon{color:var(--py-charcoal)}.nautical-dir__nav-icon{color:#ffffff80;transition:color var(--py-duration-fast)var(--py-ease-out);flex-shrink:0}.nautical-dir__nav-text{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;flex:1;min-width:0}.nautical-dir__nav-delete{padding:var(--py-space-1);border-radius:var(--py-radius-sm);color:#ffffffb3;cursor:pointer;transition:all var(--py-duration-fast)var(--py-ease-out);background:#fff3;border:none;display:none}.nautical-dir__nav-item:hover .nautical-dir__nav-delete{display:flex}.nautical-dir__nav-delete:hover{color:#ff6b6b;background:#dc26264d}.nautical-dir__nav-add{align-items:center;gap:var(--py-space-2);padding:var(--py-space-3)var(--py-space-4);font-family:var(--font-body);font-size:var(--py-text-sm);color:var(--py-gold);border:2px dashed var(--py-gold);border-radius:var(--py-radius-md);cursor:pointer;transition:all var(--py-duration-fast)var(--py-ease-out);margin-top:var(--py-space-2);opacity:.7;background:0 0;font-weight:500;display:flex}.nautical-dir__nav-add:hover{opacity:1;background:#f3ca131a}.nautical-dir__content{background:var(--py-white);border-radius:var(--py-radius-xl);padding:var(--py-space-8);box-shadow:var(--py-shadow-md)}.nautical-dir__header{align-items:center;gap:var(--py-space-3);margin-bottom:var(--py-space-8);padding-bottom:var(--py-space-4);border-bottom:2px solid var(--py-gray-100);display:flex}.nautical-dir__header-icon{color:var(--py-burgundy)}.nautical-dir__header-title{font-size:var(--py-text-xl);color:var(--py-charcoal);flex:1}.nautical-dir__header-count{font-size:var(--py-text-sm);color:var(--py-text-muted);padding:var(--py-space-1)var(--py-space-3);background:var(--py-gray-100);border-radius:var(--py-radius-full)}.nautical-dir__grid{gap:var(--py-space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.nautical-dir__card{padding:var(--py-space-5);background:var(--py-gray-100);border-radius:var(--py-radius-lg);transition:all var(--py-duration-base)var(--py-ease-out);position:relative}.nautical-dir__card:hover{background:var(--py-cream);box-shadow:var(--py-shadow-sm)}.nautical-dir__card-delete{top:var(--py-space-2);right:var(--py-space-2);padding:var(--py-space-2);background:var(--py-white);border:1px solid var(--py-gray-200);border-radius:var(--py-radius-sm);color:var(--py-text-muted);cursor:pointer;opacity:0;transition:all var(--py-duration-fast)var(--py-ease-out);display:flex;position:absolute}.nautical-dir__card:hover .nautical-dir__card-delete{opacity:1}.nautical-dir__card-delete:hover{color:#dc2626;background:#dc26261a;border-color:#dc262633}.nautical-dir__card-name{font-size:var(--py-text-base);color:var(--py-burgundy);margin-bottom:var(--py-space-3);font-weight:600}.nautical-dir__card-row{align-items:flex-start;gap:var(--py-space-2);margin-bottom:var(--py-space-2);font-size:var(--py-text-sm);color:var(--py-text-secondary);display:flex}.nautical-dir__card-row svg{color:var(--py-gray-400);flex-shrink:0;margin-top:2px}.nautical-dir__card-specialty{margin-top:var(--py-space-3);padding:var(--py-space-1)var(--py-space-3);font-size:var(--py-text-xs);color:var(--py-gold-dark);border-radius:var(--py-radius-full);background:#f3ca1326;font-weight:500;display:inline-block}.nautical-dir__add-card{justify-content:center;align-items:center;gap:var(--py-space-2);padding:var(--py-space-8);border:2px dashed var(--py-gray-300);border-radius:var(--py-radius-lg);color:var(--py-text-muted);font-family:var(--font-body);font-size:var(--py-text-sm);cursor:pointer;transition:all var(--py-duration-base)var(--py-ease-out);background:0 0;flex-direction:column;min-height:140px;font-weight:500;display:flex}.nautical-dir__add-card:hover{border-color:var(--py-burgundy);color:var(--py-burgundy);background:#a41a3d08}.nautical-dir__empty{justify-content:center;align-items:center;gap:var(--py-space-4);padding:var(--py-space-16);color:var(--py-text-muted);text-align:center;flex-direction:column;grid-column:1/-1;display:flex}.nautical-dir__empty svg{opacity:.3}@media (max-width:640px){.nautical-dir__content{padding:var(--py-space-5)}.nautical-dir__grid{grid-template-columns:1fr}}.nautical-dir__modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;padding:var(--py-space-4);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.nautical-dir__modal{background:var(--py-white);border-radius:var(--py-radius-xl);padding:var(--py-space-8);text-align:center;width:100%;max-width:400px;animation:.2s ease-out modalSlideIn;position:relative;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.nautical-dir__modal-icon{width:64px;height:64px;margin:0 auto var(--py-space-4);color:#dc2626;background:#dc26261a;border-radius:50%;justify-content:center;align-items:center;display:flex}.nautical-dir__modal-title{font-size:var(--py-text-xl);color:var(--py-charcoal);margin-bottom:var(--py-space-2);font-weight:600}.nautical-dir__modal-message{font-size:var(--py-text-sm);color:var(--py-text-secondary);margin-bottom:var(--py-space-6);line-height:1.6}.nautical-dir__modal-actions{gap:var(--py-space-3);justify-content:center;display:flex}.nautical-dir__modal-cancel,.nautical-dir__modal-confirm{padding:var(--py-space-3)var(--py-space-6);font-size:var(--py-text-sm);border-radius:var(--py-radius-md);cursor:pointer;transition:all var(--py-duration-fast)var(--py-ease-out);border:none;font-weight:600}.nautical-dir__modal-cancel{background:var(--py-gray-100);color:var(--py-text-secondary)}.nautical-dir__modal-cancel:hover{background:var(--py-gray-200)}.nautical-dir__modal-confirm{color:#fff;background:#dc2626}.nautical-dir__modal-confirm:hover{background:#b91c1c}.nautical-dir__modal-close{top:var(--py-space-4);right:var(--py-space-4);color:var(--py-text-muted);cursor:pointer;padding:var(--py-space-1);border-radius:var(--py-radius-sm);transition:all var(--py-duration-fast)var(--py-ease-out);background:0 0;border:none;position:absolute}.nautical-dir__modal-close:hover{background:var(--py-gray-100);color:var(--py-charcoal)}