:root{--ink:#09202c;--deep:#061a25;--deep-2:#0b2938;--blue:#82aebe;--ice:#d9e9eb;--paper:#f2f0e9;--line:#09202c29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1240px,100% - 96px);margin:0 auto}.hero{color:#eef6f5;background:radial-gradient(circle at 77% 45%, #174557 0, #0b2b3a 25%, var(--deep) 62%);height:100vh;min-height:760px;max-height:980px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;opacity:.08;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 4%,#000 72%);mask-image:linear-gradient(90deg,#0000 4%,#000 72%)}.nav{z-index:5;border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;height:110px;display:flex;position:relative}.brand{letter-spacing:.12em;align-items:center;gap:14px;font-size:15px;font-weight:700;line-height:.95;display:flex}.brand small{letter-spacing:.36em;opacity:.74;margin-top:7px;font-size:8px;font-weight:400;display:block}.mark{fill:none;stroke:currentColor;stroke-width:1.4px;width:37px;height:37px}nav{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:42px;font-size:12px;display:flex}nav a{opacity:.75;transition:opacity .25s}nav a:hover{opacity:1}.nav-contact{opacity:1;border:1px solid #ffffff4d;padding:14px 20px}.hero-grid{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;height:calc(100% - 190px);display:grid;position:relative}.hero-copy{z-index:3;padding-bottom:20px;position:relative}.eyebrow{letter-spacing:.32em;color:#9fc3ce;margin:0 0 28px;font-size:10px;font-weight:700}.eyebrow.dark{color:#547582}h1,h2{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{max-width:770px;font-size:clamp(60px,6vw,94px);line-height:.98}h1 em,h2 em{color:#9cc4ce;font-weight:400}.lead{color:#ecf7f7ab;max-width:560px;margin:36px 0 32px;font-size:16px;line-height:1.7}.text-link{letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #ffffff73;align-items:center;gap:16px;padding-bottom:9px;font-size:12px;display:inline-flex}.text-link svg,.email svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:18px}.visual{height:100%;margin-right:-100px;position:relative}.ship-lines{fill:none;stroke:#c8e5e9ab;stroke-width:1.15px;width:min(58vw,780px);position:absolute;top:50%;right:-30px;transform:translateY(-47%)}.ship-lines .hull{fill:url(#hull);stroke:#d8eef1c7}.ship-lines .water-line{stroke:#98c4d06b}.ship-lines .fine{opacity:.45}.ship-lines .mast,.ship-lines .deck,.ship-lines .bridge,.ship-lines .cargo{stroke:#d3ebee8f}.orb{filter:blur(2px);border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle,#316f8552,#061a2500 68%);width:520px;height:520px;top:18%;right:4%}.orb-two{background:#64a0b114;width:180px;height:180px;top:35%;right:28%;box-shadow:0 0 110px #64a0b133}.coordinate{letter-spacing:.26em;color:#dceff16b;font-size:9px;position:absolute;bottom:17%;right:32px}.scroll{z-index:4;letter-spacing:.24em;color:#ffffff73;align-items:center;gap:18px;height:80px;font-size:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.scroll i{background:#ffffff47;width:70px;height:1px;display:block}.section{padding:150px 0}.split{grid-template-columns:.38fr .62fr;gap:70px;display:grid}.section-number{color:#688591;margin:0 0 42px;font:12px Georgia,serif}.section-number:after{content:"";opacity:.5;background:currentColor;width:44px;height:1px;margin:0 0 3px 14px;display:inline-block}.statement h2,.contact h2,.approach h2{font-size:clamp(48px,5.1vw,76px);line-height:1.02}.statement h2 em,.contact h2 em{color:#547d8b}.statement>p{color:#51666f;max-width:680px;font-size:15px;line-height:1.8}.statement>p:first-of-type{color:#233f4b;margin-top:48px;font-size:18px}.statement>p:last-of-type{margin-top:24px}.approach{color:#ebf3f2;background:var(--deep-2)}.approach-head{grid-template-columns:.38fr .62fr;align-items:start;gap:70px;display:grid}.approach .pale{color:#7394a0}.principles{border-top:1px solid #ffffff29;grid-template-columns:repeat(3,1fr);margin-top:100px;display:grid}.principles article{min-height:255px;padding:42px 48px 18px 0}.principles article+article{border-left:1px solid #ffffff29;padding-left:48px}.principles span{color:#80a6b2;font:italic 13px Georgia,serif}.principles h3{margin:48px 0 20px;font:400 27px Georgia,serif}.principles p{color:#e8f3f394;max-width:320px;font-size:14px;line-height:1.75}.contact-grid{grid-template-columns:.38fr .62fr;gap:70px;display:grid}.contact p{color:#51666f;max-width:560px;margin:38px 0 42px;font-size:16px;line-height:1.7}.email{border-bottom:1px solid var(--line);align-items:center;gap:22px;padding-bottom:12px;font:25px Georgia,serif;display:inline-flex}footer{color:#e5efef;background:#061923;padding:56px 0}.footer-grid{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;display:grid}.footer-brand{justify-self:start}footer p{color:#e5efef73;margin:0;font-size:11px;line-height:1.6}.copyright{text-align:right;justify-self:end}@media (max-width:900px){.shell{width:min(100% - 44px,720px)}.hero{height:100svh;min-height:780px}.nav{height:90px}nav a:not(.nav-contact){display:none}.nav-contact{padding:12px 16px}.hero-grid{grid-template-columns:1fr;align-content:center;height:calc(100% - 150px)}.hero-copy{padding-bottom:80px}.visual{opacity:.45;margin:0;position:absolute;inset:0}.ship-lines{width:820px;top:62%;right:-360px}.coordinate{display:none}.lead{max-width:530px}.split,.approach-head,.contact-grid{grid-template-columns:1fr;gap:30px}.section{padding:100px 0}.section-number{margin-bottom:25px}.principles{grid-template-columns:1fr;margin-top:70px}.principles article{min-height:auto;padding:34px 0}.principles article+article{border-top:1px solid #ffffff29;border-left:0;padding-left:0}.principles h3{margin-top:28px}.footer-grid{grid-template-columns:1fr}.copyright{text-align:left;justify-self:start}}@media (max-width:560px){.brand{gap:10px;font-size:13px}.mark{width:32px}h1{font-size:clamp(48px,14.5vw,68px)}.lead{font-size:14px}.statement h2,.contact h2,.approach h2{font-size:47px}.statement>p:first-of-type{font-size:16px}.email{font-size:18px}.scroll{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
