:root{--paper:#f5f3ed;--ink:#222923;--muted:#747b73;--line:#d9dcd2;--orange:#b86b3a;--green:#e4e8df;--serif:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif;--sans:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}::selection{background:#cfddca}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}.shell{width:min(1320px,calc(100% - 112px));margin-inline:auto}.header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:600 26px Georgia,serif;letter-spacing:-1.3px;white-space:nowrap}.brand-dot{color:var(--orange)}.domain{font-weight:400;font-style:italic}.header nav{display:flex;gap:38px;font-size:14px}.header nav a{position:relative}.header nav a:after{content:"";position:absolute;bottom:-8px;left:0;width:0;border-bottom:1px solid var(--ink);transition:width .2s}.header nav a:hover:after{width:100%}.nav-note{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.6px}.status-dot{display:inline-block;width:5px;height:5px;flex:none;border-radius:50%;background:var(--orange)}.hero{padding-top:42px}.hero-top{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.5;margin:0;color:#657062}.short-line{display:inline-block;width:22px;vertical-align:middle;margin-right:12px;border-top:1px solid #82917e}.edition{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin:0}.hero-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;padding:35px 0 47px}h1{font-family:var(--serif);font-size:clamp(42px,4.8vw,70px);font-weight:400;line-height:1.4;letter-spacing:1px;margin:0}.end-dot{color:var(--orange)}.hero-copy{width:225px;padding-bottom:10px}.hero-copy p{font-size:13px;line-height:1.9;margin:0 0 24px;color:#6e756d}.text-link{display:inline-flex;gap:30px;font-size:12px;align-items:center;border-bottom:1px solid #92998e;padding:0 0 8px}.text-link span{font-size:20px;line-height:1;transition:transform .2s}.text-link:hover span{transform:translate(3px,3px)}.hero-art{position:relative;margin:0;background:#78938f;height:min(44vw,535px);overflow:hidden}.hero-art>img{width:100%;height:100%;object-position:center 56%;filter:saturate(.72)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0e282855,transparent 60%);pointer-events:none}.hero-art figcaption{position:absolute;left:28px;right:28px;bottom:22px;color:#f8f8ee;z-index:1;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px}.art-label{font-size:9px;background:#132a2a55;padding:5px 7px}.image-mark{position:absolute;top:25px;left:28px;font-size:9px;color:#fff;line-height:1.8;letter-spacing:1px}.hero-bottom{display:flex;justify-content:space-between;padding-top:17px;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.hero-bottom span:last-child{letter-spacing:1px}.hero-bottom span:last-child span{margin-left:20px}.section{padding-top:120px;padding-bottom:112px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:43px}h2{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.35;margin:16px 0 0;letter-spacing:1px}.tiny{display:block;margin-top:13px;font:12px var(--sans);letter-spacing:1.5px;color:var(--muted)}.section-intro{font-size:12px;line-height:2;color:var(--muted);margin:0}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:30px}.filters{display:flex;gap:25px}.filter{border:0;background:none;font-size:12px;padding:0 0 15px;position:relative;color:var(--muted)}.filter span{font-size:9px;margin-left:5px;vertical-align:super}.filter.active{color:var(--ink)}.filter.active:after{position:absolute;content:"";bottom:-1px;left:0;right:0;height:2px;background:var(--orange)}.placeholder-note{font-size:10px;color:var(--muted);padding-bottom:15px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:38px 30px;align-items:start}.photo-card{background:none;border:0;padding:0;text-align:left;display:block;min-width:0;width:100%}.photo-card[hidden]{display:none}.photo-card.wide{grid-column:1}.photo-card:nth-child(2){grid-column:2;grid-row:1 / span 2;margin-top:75px}.photo-card:nth-child(3){width:77%;grid-column:1}.photo-image{display:block;position:relative;overflow:hidden;background:#d6dcd3;aspect-ratio:1.46}.photo-image.portrait{aspect-ratio:.88}.photo-image.landscape{aspect-ratio:1.5}.photo-image img{height:100%;transition:transform .65s cubic-bezier(.2,.65,.3,1)}.photo-card:hover img{transform:scale(1.035)}.expand{position:absolute;top:14px;right:14px;border:1px solid #ffffff80;color:#fff;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#2e39351a;transition:background .2s}.photo-card:hover .expand{background:#263d3577}.image-badge{position:absolute;bottom:13px;left:13px;padding:4px 7px;font-size:9px;background:#f5f3eddd;color:#586352}.photo-caption{display:flex;justify-content:space-between;margin-top:17px;gap:16px}.photo-title{display:block;font-size:14px;letter-spacing:1px}.photo-subtitle{display:block;font-size:9px;letter-spacing:1px;margin-top:7px;color:var(--muted)}.photo-index{font:12px Georgia,serif;color:#929b8e}.gallery.is-filtered{grid-template-columns:1fr 1fr}.gallery.is-filtered .photo-card{grid-row:auto;grid-column:auto;width:100%;margin-top:0}.gallery.is-filtered .photo-image{aspect-ratio:1.4}.ship-section{padding:80px 0 45px;background:var(--green)}.ship-feature{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:center}.ship-drawing{border:1px solid #bac5b5;background:#e0e5da;background-image:linear-gradient(#c8d1c455 1px,transparent 1px),linear-gradient(90deg,#c8d1c455 1px,transparent 1px);background-size:25px 25px;min-width:0}.drawing-header,.drawing-footer{display:flex;justify-content:space-between;padding:19px;font-size:8px;letter-spacing:1.4px;color:#75856d}.drawing-header{border-bottom:1px solid #c2ccbb}.ship-drawing img{width:100%;height:285px;object-fit:contain}.drawing-footer{align-items:center}.cross{font-size:18px;font-weight:200}.ship-details{padding:10px 0}.status-tag{display:inline-flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1px}.ship-details h3{font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.6;letter-spacing:1px;margin:19px 0 13px}.ship-details>p{font-size:12px;color:#7c8576;line-height:1.9;margin:0}dl{margin:22px 0 25px;font-size:10px}dl div{display:flex;justify-content:space-between;border-bottom:1px solid #cbd2c5;padding:10px 0;gap:12px}dt{font-size:9px;letter-spacing:.5px;color:#717c69}dd{margin:0;color:#86917e}.ship-notes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:48px;border-top:1px solid #c3ccbc;padding-top:23px}.ship-notes>span{font:10px Georgia,serif;color:#86937e}.ship-notes b{font:12px var(--sans);color:#4e5f45;margin-left:17px}.ship-notes em{font:10px var(--sans);color:#7a8771;display:inline-block;margin-left:22px}.about{padding:112px 0 100px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:25px}.about h2{font-size:40px;line-height:1.6;margin:0}.about-copy{padding-left:40px}.about-copy p{font-size:13px;line-height:2;color:#6e766c;margin:0 0 20px}.handwritten{font:italic 20px Georgia,serif;color:#8a957e;display:block;margin-top:27px}.preview-note{border-block:1px solid var(--line);padding:28px 0;display:flex;align-items:flex-start;gap:25px}.note-symbol{color:var(--orange);font-size:26px;line-height:1}.preview-note h3{font-size:12px;font-weight:500;margin:0 0 9px}.preview-note p{font-size:10px;line-height:1.9;color:var(--muted);margin:0}.preview-chip{font-size:8px;letter-spacing:1.2px;color:var(--muted);margin-left:auto;white-space:nowrap}.footer{display:flex;align-items:center;justify-content:space-between;padding-block:34px}.footer .brand{font-size:22px}.footer p{font-size:9px;color:var(--muted);letter-spacing:1px}.back-top{font-size:8px;letter-spacing:1.5px}.back-top span{font-size:17px;margin-left:15px}dialog{border:0;margin:auto;padding:0;background:#f5f3ed;color:var(--ink);width:min(980px,92vw);max-height:92dvh;overflow:auto}dialog::backdrop{background:#14201dea;backdrop-filter:blur(8px)}.lightbox-shell{padding:20px}.lightbox-close{display:flex;align-items:center;gap:18px;margin-left:auto;border:0;background:none;font-size:12px;padding:0 0 16px}.lightbox-close span{font-size:25px}.lightbox-shell>img{max-height:66dvh;width:100%;object-fit:contain;background:#e5e8df}.lightbox-caption h2{font-size:21px;margin:17px 0 10px}.lightbox-caption p{font-size:11px;color:var(--muted);line-height:1.6}.skip{position:fixed;left:16px;top:-80px;padding:12px;background:var(--ink);color:#fff;z-index:100}.skip:focus{top:12px}@media(min-width:1550px){.hero-art{height:535px}}@media(max-width:1000px){.shell{width:calc(100% - 64px)}.hero-copy{width:180px}h1{font-size:49px}.ship-feature{gap:30px;grid-template-columns:1.3fr 1fr}.ship-notes em{display:block;margin:9px 0 0 30px}.about h2{font-size:34px}.about-copy{padding-left:0}.preview-chip{display:none}}@media(max-width:680px){.shell{width:calc(100% - 40px)}.header{height:76px}.brand{font-size:24px}.header nav{gap:22px;font-size:12px}.nav-note{display:none}.hero{padding-top:27px}.eyebrow{font-size:8px;letter-spacing:1.6px}.edition{font-size:7px;letter-spacing:.6px}.short-line{width:13px;margin-right:7px}.hero-heading{display:block;padding:25px 0 28px}h1{font-size:clamp(35px,8vw,48px);line-height:1.48;letter-spacing:0}.hero-copy{display:flex;justify-content:space-between;align-items:flex-end;width:100%;padding:0;margin-top:24px}.hero-copy p{font-size:11px;line-height:1.9;margin:0}.hero-copy .text-link{font-size:10px;gap:20px}.hero-art{height:400px}.hero-art>img{object-position:47% center}.hero-art figcaption{left:16px;right:16px;bottom:17px;font-size:9px;align-items:flex-start;gap:8px;flex-direction:column}.art-label{font-size:7px;padding:3px 4px}.image-mark{left:16px;top:16px;font-size:7px}.hero-bottom{font-size:6px;letter-spacing:.8px;gap:15px;padding-top:12px}.hero-bottom span:last-child{font-size:8px;letter-spacing:0}.hero-bottom span:last-child span{margin-left:8px}.section{padding-top:74px;padding-bottom:65px}.section-heading{display:block;margin-bottom:25px}h2{font-size:30px;margin-top:12px}.tiny{font-size:10px;margin-top:9px}.section-intro{font-size:10px;margin-top:22px;line-height:1.9}.gallery-toolbar{display:block;margin-bottom:22px}.filters{gap:24px}.filter{font-size:11px;padding-bottom:11px}.placeholder-note{display:block;font-size:8px;padding:13px 0 12px}.gallery{gap:29px 15px;grid-template-columns:1fr 1fr}.photo-card.wide{grid-column:1 / -1}.photo-card:nth-child(2){grid-column:1;grid-row:2;margin-top:0}.photo-card:nth-child(3){grid-column:2;grid-row:2;width:100%;margin-top:39px}.photo-image{aspect-ratio:1.32}.photo-image.portrait,.photo-image.landscape{aspect-ratio:.72}.expand{width:24px;height:24px;right:9px;top:9px;font-size:12px}.photo-caption{margin-top:13px;gap:5px}.photo-title{font-size:11px;letter-spacing:0}.photo-subtitle{font-size:7px;letter-spacing:.3px;margin-top:6px}.photo-index{font-size:9px}.image-badge{font-size:7px;left:8px;bottom:8px;padding:3px 5px}.gallery.is-filtered .photo-card{grid-column:auto;grid-row:auto;margin:0}.gallery.is-filtered .photo-image{aspect-ratio:.8}.ship-section{padding:52px 0 30px}.ship-feature{display:block}.ship-drawing img{height:205px}.drawing-header,.drawing-footer{font-size:6px;padding:12px;letter-spacing:1px}.ship-details{margin-top:30px}.ship-details h3{font-size:26px;line-height:1.5;margin-top:15px}.ship-details>p{font-size:11px}.ship-details dl{margin-top:20px;margin-bottom:24px}.ship-notes{gap:15px;margin-top:28px;padding-top:18px}.ship-notes b{font-size:10px;display:block;margin:9px 0 0}.ship-notes em{font-size:8px;line-height:1.6;margin:7px 0 0}.about{padding:67px 0 55px}.about-layout{display:block;margin-top:20px}.about h2{font-size:31px;line-height:1.5}.about-copy{padding:0;margin-top:30px}.about-copy p{font-size:12px;line-height:2;margin-bottom:15px}.handwritten{font-size:19px;margin-top:22px}.preview-note{gap:14px;padding-block:23px}.note-symbol{font-size:23px}.preview-note h3{font-size:11px;line-height:1.7}.preview-note p{font-size:9px;line-height:1.9}.preview-note br{display:none}.footer{flex-wrap:wrap;gap:24px;padding-block:26px}.footer .brand{font-size:22px}.footer p{order:3;width:100%;font-size:8px;margin:0}.back-top{font-size:7px}.lightbox-shell{padding:12px}.lightbox-caption h2{font-size:18px}.lightbox-caption p{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Selected ship-model works */
.ship-index{display:flex;align-items:center;gap:30px;border-bottom:1px solid #bdc7b6;padding:0 0 20px;font-size:11px;letter-spacing:1px}.ship-index a{padding:6px 0}.ship-index a:hover{color:var(--orange)}.ship-index>span{margin-left:auto;font-size:8px;color:#78866e;letter-spacing:1.5px}.ship-work{padding:38px 0 36px;border-bottom:1px solid #c4cebc;scroll-margin-top:30px}.ship-work-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.ship-work-heading>div{display:flex;align-items:baseline;gap:17px}.ship-work-number{font:italic 14px Georgia,serif;color:#8c997f}.ship-work-heading h3{font:400 27px var(--serif);margin:0;letter-spacing:1.5px}.ship-work-en{font-size:9px;letter-spacing:2px;color:#718064}.ship-work-heading p{font-size:11px;color:#78856f;margin:0;line-height:1.8}.ship-work-images{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;align-items:stretch}.ship-image{position:relative;display:block;width:100%;padding:0;border:0;background:#85939a;overflow:hidden}.ship-image>img{height:100%;aspect-ratio:1.6;object-fit:contain;transition:filter .25s}.ship-image:hover>img{filter:brightness(1.045)}.ship-detail{background:#71818b}.ship-detail>img{object-fit:cover;object-position:center}.ship-image-label{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:20px 15px 12px;color:#f7f9f4;background:linear-gradient(transparent,#1c303d77);font-size:9px;letter-spacing:1px;text-align:left}.ship-image-label span{font-size:7px;letter-spacing:1.1px}.ship-work-footer{display:flex;justify-content:space-between;gap:15px;margin-top:13px;color:#78856e;font-size:9px;letter-spacing:.5px}.ship-work-footer b{font-weight:400;margin-left:13px}.model-disclaimer{display:flex;gap:13px;align-items:baseline;color:#67765f;font-size:11px;line-height:1.9;margin:27px 0 0}.model-disclaimer>span{font-size:18px;color:var(--orange)}.lightbox-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:16px;gap:16px}.lightbox-navigation button{border:0;background:none;font-size:11px;padding:8px 0}.lightbox-navigation button:disabled{opacity:.4;cursor:default}#lightbox-count{font:11px Georgia,serif;color:var(--muted)}.lightbox-caption h2{margin-top:8px}
@media(max-width:1000px){.ship-image-label span{display:none}.ship-work-heading p{max-width:210px}.ship-work-images{grid-template-columns:1.4fr 1fr}}
@media(max-width:680px){.ship-index{gap:20px;font-size:10px;padding-bottom:13px}.ship-index>span{display:none}.ship-work{padding:29px 0}.ship-work-heading{display:block;margin-bottom:16px}.ship-work-heading>div{gap:13px}.ship-work-heading h3{font-size:25px}.ship-work-number{font-size:12px}.ship-work-en{font-size:8px}.ship-work-heading p{max-width:none;font-size:10px;margin:11px 0 0 29px}.ship-work-images{display:block}.ship-image>img{aspect-ratio:1.45;object-fit:contain}.ship-detail{margin:13px 0 0 20%;width:80%}.ship-detail>img{aspect-ratio:1.45;object-fit:cover}.ship-image-label{padding:18px 10px 9px;font-size:8px}.ship-image-label span{display:block;font-size:6px}.ship-work-footer{font-size:7px;line-height:1.7;gap:12px}.ship-work-footer b{margin-left:4px}.model-disclaimer{font-size:10px;gap:10px;align-items:flex-start}.model-disclaimer>span{line-height:1.2}.lightbox-navigation button{font-size:10px}}