@font-face{font-family:"Inknut Antiqua";font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/inknut-antiqua-300.woff2') format('woff2')}
@font-face{font-family:"Inknut Antiqua";font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/inknut-antiqua-700.woff2') format('woff2')}
:root{--ink:#17201f;--ivory:#f1eee6;--paper:#f8f6f0;--white:#fff;--sage:#9ca69a;--clay:#95684e;--line:rgba(23,32,31,.25);--serif:"Inknut Antiqua",Georgia,serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);line-height:1.65}img{display:block;width:100%}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--white);padding:.75rem 1rem}.skip-link:focus{top:1rem}.wrap{width:min(1220px,calc(100% - 4rem));margin:0 auto}.eyebrow{margin:0 0 1.25rem;font:700 .68rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:1.25rem;padding:.8rem 1.25rem;border:1px solid var(--ink);background:transparent;color:var(--ink);font:700 .68rem/1 var(--sans);letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:.2s ease}.button::after{content:"↗";margin-left:1.2rem;font-size:.9rem}.button:hover{background:var(--ink);color:var(--ivory)}.button.light{border-color:var(--white);color:var(--white)}.button.light:hover{background:var(--white);color:var(--ink)}

/* Shared editorial navigation */
.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:104px;padding:0 clamp(1.5rem,4vw,5rem);border-bottom:1px solid var(--line);background:var(--ivory)}
.brand{justify-self:start;font:300 clamp(1.35rem,1.7vw,2.15rem)/1.2 var(--serif);letter-spacing:.005em;text-decoration:none;white-space:nowrap}.primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(1.25rem,2.5vw,3.25rem)}.primary-nav a{font:700 .64rem/1 var(--sans);letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.primary-nav a:hover,.primary-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:.45rem}.header-contact{justify-self:end;border:1px solid var(--ink);padding:.75rem 1.05rem!important;text-decoration:none!important}.header-contact:hover{background:var(--ink);color:var(--ivory)}

/* Home */
.editorial-home{min-height:calc(100vh - 104px);display:grid;grid-template-columns:43% 57%}.editorial-copy{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(4rem,7vh,7rem) clamp(1.5rem,4vw,5rem) clamp(2.5rem,5vh,4rem)}.editorial-kicker{display:flex;align-items:center;gap:1rem;font:700 .65rem/1 var(--sans);letter-spacing:.15em;text-transform:uppercase}.editorial-kicker::before{content:"";width:48px;height:1px;background:currentColor}.editorial-copy h1{max-width:760px;margin:clamp(2rem,4vh,4rem) 0 0;font:300 clamp(3.8rem,6.3vw,8.4rem)/.93 var(--serif);letter-spacing:-.052em}.editorial-copy .intro{max-width:460px;margin:2rem 0 0;font-size:clamp(1rem,1.05vw,1.25rem);line-height:1.7}.editorial-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}.editorial-links a{padding:1.05rem 0;border-bottom:1px solid var(--ink);font:700 .65rem/1.3 var(--sans);letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.editorial-links a:nth-child(even){text-align:right}.editorial-links a:hover{padding-inline:.6rem;background:var(--ink);color:var(--ivory)}.editorial-photo{position:relative;min-height:650px;background:url('/assets/hero.webp') center/cover no-repeat}.editorial-photo::after{content:"Ocean Outlook · Santa Barbara";position:absolute;right:2rem;bottom:2rem;padding:.7rem 1rem;background:rgba(241,238,230,.92);font:700 .62rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}

/* Interior page framework */
.page-hero{padding:clamp(5rem,10vw,10rem) 0 clamp(4rem,8vw,8rem);border-bottom:1px solid var(--line);background:var(--ivory);color:var(--ink)}.page-hero .wrap{display:grid;grid-template-columns:minmax(160px,.45fr) 1.55fr;gap:clamp(2rem,8vw,8rem);align-items:start}.page-hero .eyebrow{padding-top:1.1rem}.page-hero h1{max-width:980px;margin:0;font:300 clamp(3.6rem,7vw,8rem)/.93 var(--serif);letter-spacing:-.05em}.page-hero p:not(.eyebrow){max-width:650px;margin:2rem 0 0;font-size:clamp(1rem,1.2vw,1.3rem);line-height:1.7}.content-section{padding:clamp(4.5rem,8vw,8rem) 0;border-bottom:1px solid var(--line)}.content-section.white{background:var(--paper)}.content-section h2{margin:0;font:300 clamp(2.6rem,4.7vw,5.6rem)/1 var(--serif);letter-spacing:-.04em}.split{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,9vw,9rem);align-items:start}.prose{max-width:780px}.prose p{font-size:clamp(1rem,1.05vw,1.2rem);line-height:1.85}.prose p:first-child{margin-top:0}

/* Contact */
.contact-editorial{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(4rem,9vw,10rem);padding:clamp(5rem,8vw,9rem) clamp(2rem,4vw,5rem);border-bottom:1px solid var(--line)}.contact-map-column h1{margin:0 0 clamp(2.5rem,5vw,5rem);font:300 clamp(3.4rem,5vw,6rem)/1 var(--serif);letter-spacing:-.04em}.map-frame{aspect-ratio:1.08;overflow:hidden;background:#ddd}.map-frame iframe{width:100%;height:100%;border:0;filter:grayscale(1)}.contact-information{padding-top:.75rem}.contact-row{display:grid;grid-template-columns:1fr minmax(235px,.65fr);gap:3rem;padding:0 0 clamp(4rem,6vw,6rem);border-bottom:1px solid var(--line)}.contact-row+.contact-row{padding-top:clamp(3.5rem,5vw,5rem)}.contact-row:last-child{border:0}.contact-row h2{margin:0;font:300 clamp(2.4rem,3.5vw,4.1rem)/1.1 var(--serif);letter-spacing:-.035em}.contact-row p,.contact-row>div{margin:0;font-size:clamp(1rem,1.05vw,1.2rem);line-height:1.8}.contact-row>div p{margin:0 0 2rem}

/* Long-term rental */
.rental-feature{display:grid;grid-template-columns:1.15fr .85fr;min-height:72vh}.rental-feature-image{background:url('/assets/ocean/ocean-16.webp') center/cover no-repeat}.rental-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,9rem);background:var(--paper)}.rental-feature-copy h1{margin:0;font:300 clamp(3.4rem,5.8vw,7rem)/.96 var(--serif);letter-spacing:-.05em}.rental-feature-copy h2{margin:2.5rem 0 0;font:300 clamp(1.8rem,2.4vw,3rem)/1.2 var(--serif)}

/* Tenant portal */
.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.portal-card{min-height:430px;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(2.5rem,5vw,5rem);background:var(--paper)}.portal-card:nth-child(2){background:var(--ivory)}.portal-card h2{font-size:clamp(2.3rem,3.5vw,4.2rem)}.portal-card p{max-width:510px;margin:1.5rem 0 1rem;font-size:clamp(1rem,1.05vw,1.18rem);line-height:1.8}.portal-card .button{margin-top:auto}

/* Ocean Outlook */
.property-page .page-hero{padding-bottom:clamp(4rem,6vw,6rem)}.property-page .page-hero .button{margin-top:2rem}.property-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,7vw,7rem);align-items:center}.property-intro img{aspect-ratio:4/3;object-fit:cover}.property-intro h2{font-size:clamp(2.8rem,4.5vw,5.4rem)}.property-intro p:last-child{font-size:clamp(1rem,1.05vw,1.2rem);line-height:1.85}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:.7rem;margin-top:3rem}.gallery button{grid-column:span 4;padding:0;border:0;background:none;cursor:zoom-in}.gallery button:nth-child(7n+1),.gallery button:nth-child(7n+5){grid-column:span 8}.gallery img{height:100%;aspect-ratio:4/3;object-fit:cover}.gallery button:nth-child(7n+1) img,.gallery button:nth-child(7n+5) img{aspect-ratio:8/3}.amenity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:3rem}.amenity-group{padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.amenity-group h3{margin:0 0 1rem;font:300 clamp(1.25rem,1.7vw,2rem)/1.2 var(--serif)}.amenity-group ul{margin:0;padding-left:1.1rem}.lightbox{position:fixed;inset:0;z-index:60;display:none;place-items:center;padding:2rem;background:rgba(0,0,0,.93)}.lightbox.open{display:grid}.lightbox img{width:auto;max-width:94vw;max-height:88vh}.lightbox button{position:fixed;right:1.2rem;top:1.2rem;width:3rem;height:3rem;border:1px solid #fff;background:#000;color:#fff;font-size:1.5rem;cursor:pointer}

/* Footer */
.site-footer{padding:clamp(4rem,6vw,7rem) clamp(2rem,4vw,5rem);background:var(--ink);color:var(--ivory)}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .7fr;gap:clamp(3rem,9vw,10rem);align-items:start}.footer-brand{font:300 clamp(1.8rem,2.3vw,3rem)/1.25 var(--serif)}.footer-address,.footer-nav{font-size:.9rem;line-height:1.8}.footer-nav{display:grid;gap:.25rem}.footer-nav a{text-underline-offset:.2em}

@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.primary-nav{display:none}.editorial-home{grid-template-columns:1fr}.editorial-copy{min-height:650px}.editorial-photo{min-height:75vh}.page-hero .wrap,.split,.contact-editorial,.rental-feature,.property-intro{grid-template-columns:1fr}.contact-editorial{gap:5rem}.map-frame{max-width:620px}.rental-feature-image{min-height:65vh}.portal-grid{grid-template-columns:1fr}.amenity-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-nav{grid-column:2}}
@media(max-width:620px){.wrap{width:min(100% - 2rem,1220px)}.site-header{min-height:82px;padding:0 1rem}.brand{font-size:1.25rem}.header-contact{font-size:.58rem!important;padding:.62rem .7rem!important}.editorial-copy{min-height:610px;padding:5rem 1rem 2rem}.editorial-copy h1{font-size:3.55rem}.editorial-links{grid-template-columns:1fr}.editorial-links a:nth-child(even){text-align:left}.editorial-photo{min-height:62vh}.editorial-photo::after{right:1rem;bottom:1rem}.page-hero{padding:5rem 0}.page-hero .wrap{gap:1rem}.page-hero .eyebrow{padding-top:0}.page-hero h1{font-size:3.4rem}.content-section{padding:4.5rem 0}.contact-editorial{padding:5rem 1rem}.contact-row{grid-template-columns:1fr;gap:2rem}.rental-feature-image{min-height:55vh}.rental-feature-copy{padding:4.5rem 1rem}.portal-card{min-height:390px;padding:2.5rem 1.25rem}.gallery{grid-template-columns:1fr 1fr}.gallery button,.gallery button:nth-child(n){grid-column:auto}.gallery img,.gallery button:nth-child(n) img{aspect-ratio:4/3}.amenity-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-nav{grid-column:auto}}