:root{--color:#00517c;--dark:#062c42;--accent:#255d32}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--dark);background:#fff;font-family:Arial,"Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #d39221;outline-offset:4px}.wrap{max-width:1240px;width:calc(100% - 96px);margin-inline:auto}header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #cbd5df}header nav{display:flex;gap:26px;flex-wrap:wrap;font-size:.9rem}header a{text-decoration:none}.wordmark{font-weight:800;letter-spacing:-.045em;font-size:1.75rem;line-height:1.1;text-decoration:none}.wordmark span{display:block;letter-spacing:.15em;font-size:.65rem;margin-top:9px}.language{border-bottom:2px solid var(--color)}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(2.35rem,4.7vw,4.6rem);line-height:1.18;letter-spacing:-.045em;margin-bottom:28px;text-wrap:balance}h2{font-size:clamp(1.65rem,2.8vw,2.55rem);line-height:1.35;letter-spacing:-.025em;margin-bottom:24px;text-wrap:balance}h3{font-size:1.24rem;line-height:1.45}.eyebrow{font-size:.78rem;letter-spacing:.13em;font-weight:700;text-transform:uppercase;color:var(--color);margin-bottom:18px}.lead{font-size:1.1rem;max-width:60ch}.fine,figcaption{font-size:.84rem;line-height:1.75;color:#435569}.fine{max-width:72ch}img{display:block;width:100%;height:auto;object-fit:cover}figure{margin:0}figcaption{padding-top:12px}.button,button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--color);color:white;padding:15px 24px;text-decoration:none;font:700 .95rem/1.5 Arial,"Yu Gothic",Meiryo,sans-serif;border:0;cursor:pointer}.button:hover,button:hover{background:var(--dark)}.button+.fine{margin-top:22px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-block:64px 80px;align-items:center}.hero figure img{aspect-ratio:3/2}.hero .fine{max-width:55ch}.purpose,.categories,.shop,.materials,.care,.contact{padding-block:68px}.purpose p:last-child,.materials>p,.care>p{max-width:82ch}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-grid a{border-top:2px solid var(--color);padding:24px 12px;text-decoration:none;background:#f2f6fa}.number{font-size:.85rem;font-weight:700;color:var(--accent)}.category-grid h3{margin-block:15px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:36px}.section-heading>.fine{max-width:38ch}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{background:#f1f5f9;color:var(--dark)}.product img{aspect-ratio:3/2}.product-copy{padding:26px}.product-copy p{font-size:.95rem}.text-link{font-size:.86rem;color:var(--color);font-weight:700}.guide{background:var(--dark);color:white;padding-block:72px}.guide .eyebrow{color:#c2d8ff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:34px}.steps .number{color:#d4dfec}.steps h3{margin-top:14px}.steps p{color:#e1e9f2}.care{border-top:1px solid #cbd5df;border-bottom:1px solid #cbd5df}.faq{background:#eaf1f8;padding-block:70px}.faq-items{display:grid;gap:15px}details{background:white;color:var(--dark);padding:22px 26px;border:1px solid #c5d3e1}summary{cursor:pointer;font-weight:700;line-height:1.6}details p{margin:20px 0 0;max-width:90ch}.contact{display:grid;grid-template-columns:1fr 1fr;gap:72px}.contact address{font-style:normal;margin-top:28px;font-size:.9rem;overflow-wrap:anywhere}.form-panel{padding:36px;background:#edf3f9;color:var(--dark)}form{display:grid;gap:10px}label{font-size:.9rem;font-weight:700;margin-top:10px}input,select,textarea{width:100%;min-width:0;padding:12px;border:1px solid #8398af;color:#10243b;background:white;font:inherit;border-radius:0}textarea{resize:vertical}form button{margin-top:16px;width:100%}footer{background:var(--dark);color:white;padding-block:45px}footer .fine{color:#d1ddeb}footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:.86rem;margin-bottom:25px}footer .wordmark{font-size:1.55rem}.document{max-width:920px;padding-block:60px}.document section{padding-bottom:50px}.document section+section{padding-top:50px;border-top:2px solid var(--color)}.document h1,.document-title{font-size:2.6rem}.document h2:not(.document-title),.document h3{font-size:1.3rem;margin-top:30px;margin-bottom:12px}.document p{overflow-wrap:anywhere}.skip{position:absolute;top:-100px;left:10px;background:white;color:#07152b;z-index:10;padding:10px}.skip:focus{top:10px}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}header{padding-block:24px;align-items:flex-start;flex-direction:column;min-height:0}header nav{gap:16px}.hero{gap:28px;padding-top:40px}h1{font-size:2.8rem}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{gap:16px}.product-copy{padding:20px}.steps{gap:22px}.contact{gap:28px}.section-heading{display:block}.section-heading>.fine{max-width:75ch}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}body{line-height:1.8}h1{font-size:2.4rem}.hero{grid-template-columns:1fr;gap:30px;padding-block:36px 48px}.hero figure{min-width:0}.hero figure img{aspect-ratio:3/2}.purpose,.categories,.shop,.materials,.care,.contact{padding-block:44px}.product-grid,.steps,.contact{grid-template-columns:1fr}.product-copy{padding:24px}.steps{gap:22px}.guide,.faq{padding-block:48px}.form-panel{padding:25px}.category-grid{gap:12px}.category-grid a{padding:18px 12px}.contact{gap:36px}.button{max-width:100%;gap:15px}header nav{font-size:.85rem;gap:14px}.document{padding-block:40px}.document h1,.document-title{font-size:2rem}footer nav{display:grid;gap:14px}}
 .harbor .hero{grid-template-columns:1.15fr .85fr;align-items:start}.harbor .hero figure{margin-top:40px;box-shadow:20px 20px 0 #d8e7ef}.harbor .hero h1{font-size:clamp(2.5rem,4.5vw,4.4rem)}.harbor .purpose{background:var(--dark);color:white;padding:45px;margin-bottom:55px;display:grid;grid-template-columns:.9fr 1.1fr;gap:0 50px}.harbor .purpose .eyebrow{grid-column:1/-1;color:#d0e5f2}.harbor .guide{background:#edf4f8;color:var(--dark)}.harbor .guide .eyebrow{color:var(--color)}.harbor .steps p{color:var(--dark)}.harbor .steps .number{color:var(--color)}.harbor .steps article{border-left:3px solid var(--color);padding-left:25px}.harbor .category-grid{grid-template-columns:repeat(2,1fr)}.harbor .category-grid a{display:grid;grid-template-columns:45px 1fr 20px;align-items:center;background:white;border:1px solid #b8cedb}.harbor .category-grid h3{margin:0}.harbor .product-grid{grid-template-columns:1.15fr .85fr}.harbor .product:first-child{grid-row:span 2}.harbor .product:first-child img{aspect-ratio:1/1}.harbor .product:not(:first-child){display:grid;grid-template-columns:.85fr 1.15fr}.harbor .product:not(:first-child) img{height:100%;aspect-ratio:auto}.harbor .product-copy{padding:26px}.harbor .care{border:0;background:#eef4ee;padding:40px}.harbor .materials{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px}.harbor .materials .section-heading{display:block}.harbor .contact{grid-template-columns:1.15fr .85fr}.harbor .contact address{border-left:3px solid var(--color);padding-left:22px}.harbor .faq .wrap{max-width:950px}@media(max-width:900px){.harbor .product-grid{grid-template-columns:1fr}.harbor .product:first-child img{aspect-ratio:3/2}.harbor .product:not(:first-child){grid-template-columns:1fr 1fr}}@media(max-width:640px){.harbor .hero,.harbor .contact{grid-template-columns:1fr}.harbor .hero figure{margin-top:0;box-shadow:8px 8px 0 #d8e7ef}.harbor .purpose,.harbor .materials{display:block;padding:30px}.harbor .category-grid{grid-template-columns:1fr}.harbor .product:not(:first-child){display:block}.harbor .product:not(:first-child) img{aspect-ratio:3/2}}@media(max-width:900px){.harbor .product:first-child{grid-row:auto}}@media(max-width:640px){.harbor .product:not(:first-child) img{height:auto}}