
:root{--bg:#061321;--panel:#0d2233;--line:#2d4a5c;--text:#eaf4f7;--muted:#a9c0cc;--teal:#8be3dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,'Malgun Gothic','Apple SD Gothic Neo',sans-serif;line-height:1.85;word-break:keep-all}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}.shell{max-width:1050px;margin:auto;padding:0 26px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:26px;padding-bottom:26px}.brand{color:#b2e9e7;letter-spacing:.1em;font-weight:700;font-size:12px}.nav{display:flex;gap:24px;font-size:13px;color:#b7cbd5}.hero{min-height:640px;background:linear-gradient(90deg,rgba(4,14,26,.89),rgba(4,14,26,.32)),linear-gradient(0deg,#061321,transparent 65%),url('harbor.png') center/cover no-repeat;position:relative}.hero .intro{padding-top:clamp(115px,17vh,180px);padding-bottom:100px}.eyebrow{font-size:12px;letter-spacing:.22em;color:var(--teal);font-weight:700}.hero h1{font-size:clamp(38px,5.7vw,72px);line-height:1.27;letter-spacing:-.055em;margin:20px 0;max-width:800px}.hero p{font-size:17px;max-width:690px;color:#d6e7ee}.action{display:inline-block;margin:26px 12px 0 0;border:1px solid #8bd4d5;padding:12px 20px;background:#0c2b3bd9;font-size:14px}.action.alt{border-color:#547488;background:#0b2032bd}.section{padding:72px 0;border-top:1px solid #284456}.section h2{font-size:clamp(26px,3.4vw,39px);letter-spacing:-.045em;margin:8px 0 15px}.muted{color:var(--muted)}.small{font-size:13px}.tag{color:var(--teal);font-size:12px;letter-spacing:.14em;font-weight:700}.links{border-top:1px solid var(--line);margin-top:30px}.link{display:grid;grid-template-columns:175px 1fr 30px;gap:18px;align-items:center;padding:23px 10px;border-bottom:1px solid var(--line)}.link:hover{background:#13344877}.link h3{margin:0 0 4px;font-size:19px}.link p{margin:0;font-size:13px;color:var(--muted)}.link .arrow{color:var(--teal);font-size:25px}.pagehead{padding:75px 0 55px;background:linear-gradient(90deg,#071725f2,#071725a8),url('harbor.png') center 40%/cover no-repeat;border-bottom:1px solid var(--line)}.pagehead h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.045em;line-height:1.35;margin:13px 0}.pagehead p{max-width:760px;color:#c6dbe5}.article{max-width:860px;margin:auto;padding:54px 26px 110px}.article h2{font-size:25px;line-height:1.4;margin:58px 0 19px;color:#eaf9fb}.article h3{font-size:19px;margin:30px 0 10px;color:#b8ece8}.article p,.article li{color:#cbdde6;font-size:15px}.article ul{padding-left:22px}.article li{margin:7px 0}.article strong{color:#f2fbff}.note{border-left:3px solid #62c8ca;padding:12px 20px;background:#102a3b;color:#cce2e8;margin:22px 0}.step{border-top:1px solid #2d4b5c;padding:22px 0}.step h3{margin-top:0}.step .sub{color:#82d8d5;font-size:12px;letter-spacing:.08em}.foot{border-top:1px solid var(--line);padding:28px 0 50px;font-size:12px;color:#8da9b8}.back{display:inline-block;color:#93dfdb;margin-bottom:15px}.article a:not(.back){color:#91e2dc;text-decoration:underline;text-underline-offset:4px}.case-nav{display:flex;justify-content:space-between;gap:20px;margin-top:65px;border-top:1px solid var(--line);padding-top:24px}.case-nav a{font-size:13px}.source-note{border:1px solid #365568;padding:20px;background:#102334;color:#aec6d1;font-size:13px;margin-top:32px}.homeintro{max-width:700px;color:#b9cfda}.statement{font-size:20px!important;line-height:1.75;color:#dff5f6!important;border-left:3px solid #5bc6c8;padding-left:22px;margin:30px 0 45px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:36px}.cols>div{border-top:1px solid var(--line);padding-top:18px}@media(max-width:700px){.nav{gap:12px;font-size:11px}.brand{font-size:10px}.hero{min-height:620px;background-position:62% center}.hero .intro{padding-top:100px}.link{grid-template-columns:1fr 24px;gap:6px}.link .cat{grid-column:1/-1}.cols{grid-template-columns:1fr}.section{padding:55px 0}.article{padding-top:35px}.top{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.article {max-width:860px;margin:56px auto 100px;padding:0 22px;line-height:1.85}.article h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.25}.article h2{margin-top:2em}.article a{color:var(--teal)}.article blockquote{border-left:3px solid var(--teal);padding-left:18px;color:var(--muted)}.article pre{overflow:auto}.article img{max-width:100%}.experience{border:1px solid var(--line);padding:20px;border-radius:12px;margin:16px 0}.back{display:inline-block;margin-top:30px;color:var(--teal)}
