:root{color-scheme:light;--ink:#243f3b;--paper:#f7f4eb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Apple SD Gothic Neo',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #b56844;outline-offset:6px}header{max-width:1240px;margin:auto;padding:28px 6%;display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid #243f3b25}.brand{letter-spacing:2px}main{max-width:1240px;margin:auto;padding:0 6%}.intro{padding:75px 0 45px}.eyebrow{font-size:11px;letter-spacing:3px;color:#748077}h1,h2{font-family:Georgia,'Noto Serif KR',serif;font-weight:400}h1{font-size:clamp(32px,5vw,58px);line-height:1.35;margin:20px 0}p{font-size:14px;line-height:1.9;color:#68776e}.index{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px;font-size:12px}.index a{padding-bottom:9px;border-bottom:1px solid #243f3b40}.vehicle{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:50px;padding:65px 0;border-top:1px solid #243f3b25;scroll-margin-top:24px}.vehicle-image{background:#e5e9e2;overflow:hidden;border-radius:3px}.vehicle-image img{display:block;width:100%;height:auto}.vehicle-copy h2{font-size:clamp(30px,4vw,46px);margin:16px 0}.story-link{display:inline-block;margin-top:24px;font-size:12px;border-bottom:1px solid #243f3b70;padding-bottom:8px}footer{max-width:1240px;margin:auto;padding:35px 6% 55px;border-top:1px solid #243f3b25;display:flex;justify-content:space-between;font-size:12px}@media(max-width:700px){.intro{padding:45px 0 30px}.vehicle{grid-template-columns:1fr;gap:25px;padding:38px 0}.index{gap:18px}.vehicle-copy h2{margin:12px 0}.story-link{margin-top:12px}footer{gap:20px}}
.cutout{padding:32px}.cutout img{height:420px;object-fit:contain}a.vehicle-image{display:block;transition:box-shadow .2s}a.vehicle-image:hover{box-shadow:0 0 0 2px #748077}.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;padding:0 0 70px}.item-image{background:white;aspect-ratio:1;display:grid;place-items:center;padding:22px}.item-image img{width:100%;height:100%;object-fit:contain;min-height:0}.item h2{font-size:23px;margin:18px 0 8px}.items.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.cutout img{height:310px}.items,.items.two{grid-template-columns:1fr}.item-image{max-height:400px;aspect-ratio:auto;height:340px}} 
.boat-heading{font-size:30px;margin:50px 0 25px}.boat-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:60px}.boat-card{display:block;border-top:1px solid #243f3b30;padding-top:22px}.boat-card img{display:block;width:100%;height:320px;object-fit:contain;background:#fff}.boat-card h2{font-size:30px;margin:20px 0 8px}.boat-card p{margin:8px 0}.boat-card .enter{display:inline-block;margin:14px 0;border-bottom:1px solid #243f3b70;padding-bottom:6px;font-size:13px}a.boat-card:hover .enter{color:#b56844}.category-guide{margin:0 0 40px}.category-guide img{display:block;width:100%;height:auto}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:55px}.category-list details{align-self:start;border:1px solid #243f3b30;border-radius:5px;padding:20px;background:#fffdf8;scroll-margin-top:25px}.category-list summary{cursor:pointer;font-size:23px;display:flex;gap:18px;align-items:center}.category-list summary::after{content:'+';margin-left:auto;color:#748077}.category-list details[open] summary::after{content:'−'}.category-list .number{font:12px Arial;color:#748077}.category-list p{font-size:13px}.category-list a{display:inline-block;border-bottom:1px solid #243f3b60;padding-bottom:5px;font-size:13px}.boat-title-en{display:block;font-size:.5em;color:#748077;margin-top:10px}@media(max-width:700px){.boat-cards,.category-list{grid-template-columns:1fr}.boat-card img{height:260px}.boat-heading{font-size:25px}}

/* Individual illustrations supplied for each category. */
.category-list summary{display:block;list-style:none}.category-list summary::-webkit-details-marker{display:none}.category-list summary::after{content:none}.category-list details[open] summary::after{content:none}.category-art{display:flex;align-items:center;justify-content:center;height:190px;background:white;border-radius:3px;margin-bottom:20px;overflow:hidden}.category-art img{display:block;width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box;pointer-events:none}.category-caption{display:flex;align-items:center;gap:18px}.category-caption::after{content:'+';margin-left:auto;color:#748077}.category-list details[open] .category-caption::after{content:'−'}.category-list summary:focus-visible{outline:2px solid #b56844;outline-offset:5px}.category-list summary:hover .category-caption{color:#b56844}

.boat-viewer{margin:0 0 64px;border:1px solid #d9ddd5;border-radius:12px;overflow:hidden;background:#f7f6f0}.boat-viewer-heading{padding:28px 28px 12px}.boat-viewer h2{margin:8px 0 12px;font-size:26px}.boat-viewer p{line-height:1.7;color:#617069}.boat-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 28px 20px}.boat-controls button{border:1px solid #c7cec6;background:#fff;color:#33463f;border-radius:6px;padding:10px 14px;min-height:44px;cursor:pointer;font:inherit}.boat-controls button:hover{background:#e4eae3}.boat-controls label{display:flex;align-items:center;gap:6px;padding:8px;cursor:pointer}.boat-controls input{accent-color:#486957}.boat-viewer canvas{display:block;width:100%;height:540px;touch-action:none;cursor:grab}.boat-viewer canvas:active{cursor:grabbing}.boat-viewer canvas:focus-visible,.boat-controls button:focus-visible{outline:3px solid #b56844;outline-offset:-3px}.boat-note{padding:8px 28px 20px;font-size:13px}@media(max-width:650px){.boat-viewer canvas{height:430px}.boat-viewer-heading{padding:22px 18px 8px}.boat-controls{padding:8px 18px 16px;gap:6px}.boat-controls button{padding:9px 12px}.boat-note{padding:8px 18px 16px}}

.boat-spec{padding:0 28px;font-size:12px;letter-spacing:.12em}.boat-model-tabs{display:flex;gap:8px;padding:8px 28px}.boat-model-tabs button,.boat-component-info button{padding:12px 16px;border:1px solid #c7cec6;border-radius:6px;background:white;color:#33463f;cursor:pointer;font:inherit}.boat-model-tabs button[aria-pressed=true]{background:#334d42;color:white}.boat-component-info{padding:16px 28px 0}.boat-component-info p{font-size:14px;max-width:760px}.boat-layer-toggles{display:flex;flex-wrap:wrap;gap:6px}.boat-layer-toggles[hidden],.boat-component-info[hidden]{display:none}@media(max-width:650px){.boat-spec,.boat-model-tabs{padding-left:18px;padding-right:18px}.boat-component-info{padding:12px 18px 0}}