/*
Theme Name: Sailing Kopelia
Author: Greg, Kimber & Norm
Description: Kopelia’s personal sailing journal.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: sailing-kopelia
*/
:root{--purple:#5a347c;--deep:#30243f;--ink:#292733;--muted:#66616d;--paper:#fff;--wash:#f5f3f7;--line:#ded9e4;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--purple)}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1}h1{font-size:clamp(3rem,6.6vw,6.4rem);letter-spacing:-.055em}h2{font-size:clamp(2.3rem,4vw,3.8rem);letter-spacing:-.04em}h3{font-size:1.8rem}p+p{margin-top:1.1em}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.eyebrow{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;font-weight:650;color:var(--purple);margin-bottom:22px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-family:var(--serif);font-size:1.65rem;text-decoration:none;white-space:nowrap}.brand small{font-family:system-ui;font-size:.65rem;letter-spacing:.2em;display:block;text-transform:uppercase}.masthead nav{display:flex;gap:24px;font-size:.87rem;flex-wrap:wrap}.masthead nav a{text-decoration:none}.masthead nav a[aria-current=page]{border-bottom:2px solid var(--purple)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;padding:52px 0 60px}.hero-copy{padding:30px 0}.hero h1 em{color:var(--purple);font-weight:400}.hero p.lede{margin:28px 0;max-width:460px;color:var(--muted);font-size:1.12rem}.hero-photo{height:640px;width:100%;object-fit:cover;object-position:50% 64%}.button{display:inline-block;padding:13px 25px;background:var(--purple);color:white;text-decoration:none;font-size:.87rem;border:1px solid var(--purple);cursor:pointer}.button:hover{background:var(--deep);color:white}.text-link{font-size:.92rem}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.photo-caption{font-size:.78rem;color:var(--muted);margin-top:12px}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.facts strong{font-family:var(--serif);font-size:1.7rem;font-weight:400;display:block}.facts span{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}section.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:40px}.section-head p{max-width:430px;color:var(--muted)}footer{background:var(--deep);color:white;padding:44px 0;margin-top:60px}footer .wrap{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}footer p{font-size:.85rem;color:#d4cbdc}.skip{position:absolute;left:20px;top:-100px;background:white;padding:15px;z-index:99}.skip:focus{top:10px}:focus-visible{outline:3px solid #ad87cf;outline-offset:5px}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.masthead{align-items:flex-start;flex-direction:column;gap:18px}.masthead nav{gap:17px}.hero{gap:35px}.hero-photo{height:570px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;padding-top:28px;gap:20px}.hero-copy{padding:10px 0}.hero-photo{height:480px}.facts{grid-template-columns:repeat(2,1fr)}section.section{padding:55px 0}.section-head{display:block}.section-head p{margin-top:24px}}
figcaption{font-size:.8rem;color:var(--muted);margin-top:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.story-card a{text-decoration:none}.story-card figure{overflow:hidden;margin-bottom:27px}.story-card img{width:100%;height:300px;object-fit:cover;transition:transform .3s}.story-card a:hover img{transform:scale(1.025)}.story-card:nth-child(3) img{object-position:50% 40%}.story-card .eyebrow{margin-bottom:12px}.story-card p:not(.eyebrow){color:var(--muted);margin-top:18px;font-size:.95rem}.read-link{display:inline-block;font-size:.85rem;margin-top:20px;border-bottom:1px solid var(--purple)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.purple-band{background:var(--purple);color:white;padding:75px 0}.purple-band .eyebrow{color:#dfd4e8}.purple-band p{color:#eee8f3}.light-link{display:inline-block;margin-top:25px;font-size:.9rem}.page-heading{padding-top:72px;padding-bottom:58px}.page-heading h1{font-size:clamp(3.2rem,6vw,5.6rem)}.intro{font-size:1.2rem;color:var(--muted);max-width:700px;margin-top:28px}.article-section{padding:64px 0;border-top:1px solid var(--line);scroll-margin-top:20px}.article-section figure img{width:100%;max-height:650px;object-fit:cover}.article-section .portrait img{height:660px;object-fit:cover}.prose h2{margin-bottom:26px}.prose h3{margin-top:32px;margin-bottom:20px}.prose p{color:var(--muted)}.prose p a{color:var(--purple)}blockquote{font-family:var(--serif);color:var(--purple);font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.35;border-left:3px solid var(--purple);margin:30px 0;padding-left:25px}.chapter-nav{display:flex;gap:25px;flex-wrap:wrap;background:var(--wash);padding:24px;font-size:.88rem}.three-text{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:38px}.three-text p{margin-top:20px;color:var(--muted)}.aside-note{font-size:.9rem;color:var(--muted);margin-top:28px}.wide-photo{max-width:850px;margin:45px auto 0}.wide-photo img{max-height:540px;object-fit:contain!important}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.timeline>div{border-top:3px solid var(--purple);padding-top:20px}.timeline span{font-size:.85rem;color:var(--purple)}.timeline h3{margin:15px 0}.timeline p{color:var(--muted)}.next-story{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:50px;padding:30px 0}.next-story span{color:var(--muted);font-size:.9rem}.crew-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.crew-grid h2{margin-bottom:25px}.crew-grid p:not(.eyebrow){color:var(--muted)}.norm-section{background:var(--wash);padding:50px}.norm-section .split{align-items:start;margin:25px 0}.full-photo{max-width:1000px;margin:auto}.full-photo img{width:100%}.knowledge-panel{background:var(--wash);padding:42px;border-top:4px solid var(--purple)}.knowledge-panel ul{padding:0;margin:0;list-style:none}.knowledge-panel li{font-family:var(--serif);font-size:1.5rem;line-height:1.35;padding:18px 0;border-bottom:1px solid var(--line)}.knowledge-panel li:last-child{border:0}.example{background:var(--wash);padding:55px;max-width:1000px;margin:30px auto}.example h2{margin-bottom:25px}.example p{max-width:730px}.log-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.log-feature h2 a{text-decoration:none}.log-feature p:not(.eyebrow){margin:25px 0;max-width:500px;color:var(--muted)}.log-feature img{height:450px;width:100%;object-fit:cover;object-position:center 68%}.log-empty{padding:40px;border:1px solid var(--line);max-width:760px;margin-bottom:70px}.log-empty p{color:var(--muted);margin-top:20px}.reading{max-width:720px;margin:0 auto;font-size:1.13rem;line-height:1.85;padding:30px 0}.reading h2{font-size:2.6rem;margin:42px 0 24px}.masthead nav{gap:20px}.masthead{gap:20px}.brand{font-size:1.55rem}.masthead .brand small{font-size:.6rem;letter-spacing:.13em}footer .brand{display:block;margin-bottom:5px}section.section .split p,.split>div>p{max-width:650px}.split .text-link{display:inline-block;margin-top:22px}@media(max-width:950px){.split,.crew-grid,.log-feature{gap:35px}.cards{gap:23px}.story-card img{height:240px}.three-text,.timeline{gap:25px}}@media(max-width:650px){.cards,.split,.crew-grid,.log-feature,.three-text,.timeline{grid-template-columns:1fr}.story-card img{height:320px}.story-card{margin-bottom:25px}.purple-band{padding:55px 0}.page-heading{padding-top:45px;padding-bottom:40px}.article-section{padding:42px 0}.article-section .portrait img{height:auto;max-height:650px;object-fit:contain}.chapter-nav{gap:15px 22px;padding:20px}.norm-section,.example{padding:28px}.three-text,.timeline{gap:35px}.log-feature img{height:430px}.hero-photo{object-fit:cover}.masthead nav{font-size:.875rem;gap:13px 20px}.reverse figure{grid-row:1}.reading{font-size:1.06rem}.cards{gap:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.crew-portrait{margin-bottom:30px}.crew-portrait img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.purchase-section{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center;padding:55px 0;border-top:1px solid var(--line)}.purchase-section img{width:100%;height:auto}.purchase-section h2{font-size:clamp(2.2rem,3.5vw,3.2rem)}.story-card:nth-child(3) img{object-position:50% 55%}@media(max-width:650px){.purchase-section{grid-template-columns:1fr;gap:28px}.crew-portrait img{max-height:640px}}

.tracking-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--wash);padding:28px 32px;margin:0 0 35px}.tracking-strip .eyebrow{margin-bottom:8px}.tracking-strip p:not(.eyebrow){font-size:1rem}.tracking-strip .button{flex-shrink:0}.tracking-note{display:block;font-size:.75rem;opacity:.85;margin-top:3px}.masthead nav .tracking-link{color:var(--purple);font-weight:650}@media(max-width:650px){.tracking-strip{align-items:flex-start;flex-direction:column;padding:25px;gap:22px}}
.trip-draft{font-size:.85rem;color:var(--muted);margin-top:20px}.trip-facts{margin-top:5px}.trip-map-section{padding:35px 0}.trip-map-section .section-head{margin-bottom:26px}#trip-map{height:560px;background:#e7edf0;border:1px solid var(--line);isolation:isolate}#trip-map>p{padding:30px}.track-controls{display:grid;grid-template-columns:150px 1fr;gap:12px 24px;background:var(--wash);padding:25px;margin-top:18px;align-items:center}.track-controls label{font-weight:600;font-size:.9rem}.track-controls input{width:100%;accent-color:var(--purple);min-height:32px}.track-controls output{grid-column:2;font-size:.9rem;color:var(--purple)}.story-note{padding:28px;background:var(--wash);font-size:1rem;margin:35px 0}.story-note p{margin-top:12px}.trip-map-section button:disabled{opacity:.5;cursor:default}.log-trip-card{border-top:1px solid var(--line);padding:40px 0;margin:20px 0 40px}.log-trip-card h3{margin-bottom:15px}.log-trip-card .text-link{display:inline-block;margin-top:15px}@media(max-width:650px){#trip-map{height:460px}.track-controls{grid-template-columns:1fr}.track-controls output{grid-column:1}.trip-map-section .section-head button{margin-top:25px}}

.trip-photo-marker {background:#5a347c;color:white;border:2px solid white;border-radius:20px;box-shadow:0 2px 8px #0005;text-align:center;line-height:34px;font-size:19px;}
.trip-photo-marker.near-trip-position {outline:4px solid #db9d4c;outline-offset:3px;}
.trip-photo-gallery h3 {font-size:1.2rem;margin:8px 0;}
.trip-photo-gallery img {display:block;width:100%;height: min(350px,40vh);object-fit:contain;background:#eff1f4;border-radius:6px;}
.trip-photo-gallery p {font-size:14px;line-height:1.45;margin:10px 0;}
.photo-gallery-controls {display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;}
.photo-gallery-controls button {font:inherit;padding:8px 12px;background:#5a347c;color:white;border:0;border-radius:5px;cursor:pointer;}
.photo-gallery-controls button:disabled {opacity:.4;cursor:default;}

.wp-post-image{max-width:100%;height:auto}.wp-block-image img{height:auto} .entry-content>.wrap{width:auto} .pagination{padding:2rem}.blog-entry{margin:3rem auto}.blog-entry h2 a{color:inherit}

.sanding-journey{margin:3rem 0}.sanding-journey>p{max-width:720px}.sanding-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.sanding-photo-grid figure{margin:0}.sanding-photo-grid img{display:block;width:100%;height:auto;border-radius:8px}.sanding-photo-grid figcaption{margin-top:12px;font-size:1rem;line-height:1.55}.sanding-photo-grid a:focus-visible{outline:3px solid #5a347c;outline-offset:5px;display:block}@media(max-width:700px){.sanding-photo-grid{grid-template-columns:1fr;gap:24px}}

.serenity-chapter{margin:4rem 0}.serenity-chapter>p,.serenity-chapter>blockquote{max-width:760px}.serenity-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:start;margin-top:2rem}.serenity-photo-grid figure{margin:0}.serenity-photo-grid img{display:block;width:100%;height:auto;border-radius:8px}.serenity-photo-grid figcaption{font-size:1rem;line-height:1.55;margin-top:.75rem}.serenity-chapter blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:4px solid #5a347c;font-size:1.4rem}.serenity-photo-grid a:focus-visible{outline:3px solid #5a347c;outline-offset:4px}@media(max-width:700px){.serenity-photo-grid{grid-template-columns:1fr}}