/*
Theme Name: Raja Ampat Shipyard Maritime
Theme URI: https://rajaampatshipyard.com/
Description: Purpose-built classic theme for Raja Ampat Shipyard — repair, refit and haul-out desk for vessels working the Raja Ampat archipelago. Built for fast render, readable long-form technical content and clean schema.
Author: Raja Ampat Shipyard Desk
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: ras-maritime
*/

:root{
  --ras-hull:#0d1b24;
  --ras-hull-2:#132833;
  --ras-deep:#0a1620;
  --ras-steel:#3d5a6c;
  --ras-rust:#b8562f;
  --ras-rust-dk:#93411f;
  --ras-sea:#1c7d8c;
  --ras-paper:#f6f4ef;
  --ras-paper-2:#ece8e0;
  --ras-ink:#17232b;
  --ras-ink-soft:#42525c;
  --ras-line:#d8d2c7;
  --ras-max:1180px;
  --ras-read:47rem;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--ras-paper);
  color:var(--ras-ink);
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--ras-sea);text-underline-offset:2px;}
a:hover{color:var(--ras-rust);}

.ras-wrap{max-width:var(--ras-max);margin:0 auto;padding:0 22px;}

/* ---------- header ---------- */
.ras-head{
  background:var(--ras-hull);
  color:#eef2f4;
  position:sticky;top:0;z-index:60;
  border-bottom:3px solid var(--ras-rust);
}
.ras-head a{color:#eef2f4;text-decoration:none;}
.ras-head-in{display:flex;align-items:center;gap:18px;min-height:64px;}
.ras-brand{
  font-family:"Helvetica Neue",Arial,sans-serif;
  font-weight:700;letter-spacing:.055em;text-transform:uppercase;
  font-size:15px;line-height:1.15;white-space:nowrap;
}
.ras-brand small{display:block;font-size:9.5px;letter-spacing:.2em;opacity:.62;font-weight:600;}
.ras-nav{margin-left:auto;display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.ras-nav a{
  font-family:"Helvetica Neue",Arial,sans-serif;font-size:12.5px;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;padding:9px 11px;border-radius:3px;
}
.ras-nav a:hover{background:rgba(255,255,255,.09);}
.ras-cta{background:var(--ras-rust)!important;color:#fff!important;}
.ras-cta:hover{background:var(--ras-rust-dk)!important;}
.ras-burger{
  display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.32);
  color:#eef2f4;font-size:12px;letter-spacing:.1em;padding:8px 12px;border-radius:3px;
  font-family:"Helvetica Neue",Arial,sans-serif;text-transform:uppercase;cursor:pointer;
}

/* ---------- hero ---------- */
.ras-hero{
  background:linear-gradient(180deg,var(--ras-deep),var(--ras-hull-2));
  color:#e9eef1;padding:64px 0 56px;position:relative;overflow:hidden;
}
.ras-hero::after{
  content:"";position:absolute;inset:auto 0 0 0;height:1px;background:rgba(255,255,255,.12);
}
.ras-hero .ras-kicker{
  font-family:"Helvetica Neue",Arial,sans-serif;font-size:11.5px;letter-spacing:.24em;
  text-transform:uppercase;color:#e5a184;margin:0 0 16px;font-weight:700;
}
.ras-hero h1{font-size:clamp(2rem,4.4vw,3.15rem);line-height:1.1;margin:0 0 18px;letter-spacing:-.015em;}
.ras-hero p{font-size:1.13rem;max-width:44rem;color:#c9d5db;margin:0 0 26px;}
.ras-hero-btns{display:flex;gap:12px;flex-wrap:wrap;}
.ras-btn{
  display:inline-block;font-family:"Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;padding:14px 22px;border-radius:3px;text-decoration:none;
  background:var(--ras-rust);color:#fff;border:1px solid var(--ras-rust);
}
.ras-btn:hover{background:var(--ras-rust-dk);color:#fff;}
.ras-btn-ghost{background:transparent;color:#e9eef1;border-color:rgba(255,255,255,.4);}
.ras-btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff;}

/* ---------- page shell ---------- */
.ras-main{padding:44px 0 8px;}
.ras-article{max-width:var(--ras-read);}
.ras-crumbs{
  font-family:"Helvetica Neue",Arial,sans-serif;font-size:12px;letter-spacing:.04em;
  color:var(--ras-ink-soft);margin:0 0 18px;
}
.ras-crumbs a{color:var(--ras-ink-soft);}
.ras-title{font-size:clamp(1.8rem,3.4vw,2.5rem);line-height:1.16;margin:0 0 14px;letter-spacing:-.012em;}
.ras-meta{
  font-family:"Helvetica Neue",Arial,sans-serif;font-size:12.5px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--ras-ink-soft);border-bottom:1px solid var(--ras-line);
  padding-bottom:14px;margin:0 0 26px;
}
.ras-figure{margin:0 0 30px;border:1px solid var(--ras-line);}
.ras-figure img{width:100%;}

.ras-body h2{font-size:1.48rem;line-height:1.25;margin:2.1em 0 .55em;letter-spacing:-.008em;}
.ras-body h3{
  font-family:"Helvetica Neue",Arial,sans-serif;font-size:1.06rem;font-weight:700;
  line-height:1.3;margin:1.7em 0 .45em;color:var(--ras-hull);
}
.ras-body p{margin:0 0 1.1em;}
.ras-body ul,.ras-body ol{margin:0 0 1.3em;padding-left:1.35em;}
.ras-body li{margin-bottom:.5em;}
.ras-body p.ras-lead{
  font-size:1.16rem;line-height:1.58;background:#fff;border-left:4px solid var(--ras-rust);
  padding:20px 22px;margin:0 0 1.7em;
}
.ras-body table{
  width:100%;border-collapse:collapse;margin:0 0 1.6em;font-size:.92rem;
  font-family:"Helvetica Neue",Arial,sans-serif;
}
.ras-body th{
  background:var(--ras-hull);color:#eef2f4;text-align:left;padding:10px 12px;
  font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;
}
.ras-body td{border-bottom:1px solid var(--ras-line);padding:10px 12px;vertical-align:top;}
.ras-body tr:nth-child(even) td{background:#fbfaf7;}
.ras-tablewrap{overflow-x:auto;}

/* ---------- cards / grids ---------- */
.ras-section{padding:52px 0;border-top:1px solid var(--ras-line);}
.ras-section.alt{background:var(--ras-paper-2);}
.ras-sec-title{
  font-family:"Helvetica Neue",Arial,sans-serif;font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ras-rust);margin:0 0 10px;font-weight:700;
}
.ras-sec-h{font-size:1.85rem;line-height:1.2;margin:0 0 10px;}
.ras-sec-p{max-width:44rem;color:var(--ras-ink-soft);margin:0 0 30px;}
.ras-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));}
.ras-card{
  background:#fff;border:1px solid var(--ras-line);padding:22px;
  display:flex;flex-direction:column;text-decoration:none;color:inherit;
}
.ras-card:hover{border-color:var(--ras-rust);}
.ras-card h3{
  font-family:"Helvetica Neue",Arial,sans-serif;font-size:1.02rem;font-weight:700;
  margin:0 0 8px;line-height:1.3;color:var(--ras-hull);
}
.ras-card p{margin:0;font-size:.95rem;color:var(--ras-ink-soft);line-height:1.55;}
.ras-card .ras-more{
  margin-top:14px;font-family:"Helvetica Neue",Arial,sans-serif;font-size:11.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ras-rust);font-weight:700;
}
.ras-card-img{margin:-22px -22px 16px;border-bottom:1px solid var(--ras-line);}
.ras-card-img img{width:100%;aspect-ratio:16/9;object-fit:cover;}

/* ---------- inline cta ---------- */
.ras-inline-cta{
  background:var(--ras-hull);color:#e9eef1;padding:26px 24px;margin:2.4em 0 1.6em;
  border-left:4px solid var(--ras-rust);
}
.ras-inline-cta h2{margin:0 0 .5em;font-size:1.3rem;color:#fff;}
.ras-inline-cta a{color:#ffbfa3;}

/* ---------- related ---------- */
.ras-related{border-top:1px solid var(--ras-line);margin-top:46px;padding-top:30px;}
.ras-related h2{font-size:1.25rem;margin:0 0 16px;}
.ras-related ul{list-style:none;margin:0;padding:0;}
.ras-related li{padding:9px 0;border-bottom:1px solid var(--ras-line);}
.ras-related a{text-decoration:none;font-weight:600;}

/* ---------- footer ---------- */
.ras-foot{background:var(--ras-hull);color:#c3ced5;margin-top:56px;padding:48px 0 10px;}
.ras-foot a{color:#c3ced5;text-decoration:none;}
.ras-foot a:hover{color:#fff;text-decoration:underline;}
.ras-foot-cols{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));}
.ras-foot h4{
  font-family:"Helvetica Neue",Arial,sans-serif;font-size:11.5px;letter-spacing:.18em;
  text-transform:uppercase;color:#e5a184;margin:0 0 12px;font-weight:700;
}
.ras-foot ul{list-style:none;margin:0;padding:0;font-size:.92rem;}
.ras-foot li{margin-bottom:8px;line-height:1.45;}
.w2g2-disclosure,.w2g2-eco{max-width:var(--ras-max);margin:0 auto;color:#96a5ae;}
.w2g2-disclosure a,.w2g2-eco a{color:#c3ced5;}

/* ---------- archive list ---------- */
.ras-list{display:grid;gap:0;}
.ras-list-item{padding:24px 0;border-bottom:1px solid var(--ras-line);}
.ras-list-item h2{font-size:1.28rem;margin:0 0 8px;line-height:1.3;}
.ras-list-item h2 a{text-decoration:none;color:var(--ras-ink);}
.ras-list-item h2 a:hover{color:var(--ras-rust);}
.ras-list-item p{margin:0;color:var(--ras-ink-soft);font-size:.97rem;}
.ras-list-cat{
  font-family:"Helvetica Neue",Arial,sans-serif;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ras-rust);font-weight:700;margin:0 0 6px;
}
.ras-pag{display:flex;gap:10px;margin:30px 0;font-family:"Helvetica Neue",Arial,sans-serif;font-size:13px;}
.ras-pag a,.ras-pag span{padding:8px 13px;border:1px solid var(--ras-line);text-decoration:none;background:#fff;}
.ras-pag .current{background:var(--ras-hull);color:#fff;border-color:var(--ras-hull);}

@media(max-width:900px){
  body{font-size:17px;}
  .ras-burger{display:block;}
  .ras-nav{
    display:none;position:absolute;top:100%;left:0;right:0;background:var(--ras-hull-2);
    flex-direction:column;align-items:stretch;padding:10px 14px 18px;gap:2px;
    border-bottom:3px solid var(--ras-rust);
  }
  .ras-nav.open{display:flex;}
  .ras-nav a{padding:11px 8px;font-size:13px;}
  .ras-hero{padding:44px 0 40px;}
  .ras-section{padding:40px 0;}
  .ras-body p.ras-lead{padding:16px 17px;font-size:1.08rem;}
}