:root{--ink:#4e625a;--muted:#748079;--gold:#a88c41;--gold-dark:#927631;--aqua:#79bdbb;--paper:#f7f8f2;--line:#e2e7de;--serif:'Noto Serif JP','Yu Mincho',serif;--english:'Cormorant Garamond',Georgia,serif;--script:'Parisienne',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--serif);font-size:14px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #368f92;outline-offset:6px}a{transition:color .2s}a:hover{color:var(--gold-dark)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}button{cursor:pointer}.wrap{width:min(1080px,calc(100% - 80px));margin-inline:auto}.section{padding:100px 0;text-align:center}.header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;position:relative;z-index:20;border-bottom:1px solid #f2f1ea}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand span{font-family:var(--english);font-size:27px;line-height:1.15;letter-spacing:.4px}.brand small{display:block;text-align:center;font-family:var(--serif);font-size:8px;letter-spacing:2.2px;margin-top:8px}.desktop-nav{display:flex;gap:30px}.desktop-nav a{font-family:var(--english);font-size:18px;letter-spacing:1px}.button{background:var(--gold);color:white;display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:49px;padding:12px 28px;font-size:12px;letter-spacing:1.3px;border:1px solid var(--gold);box-shadow:0 3px 7px #564d3012;transition:background .2s,transform .2s}.button:hover{background:var(--gold-dark);color:#fff;transform:translateY(-2px)}.button span{font-size:17px}.header-shop{font-family:var(--english);font-size:14px;min-height:42px;padding:7px 20px;gap:20px}.menu-toggle,.mobile-nav{display:none}.hero{height:680px;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden}.hero-picture{position:absolute;inset:0;z-index:-2;background:url('assets/hawaii-ocean.jpg') center 58%/cover}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#d3eff320,transparent)}.hero-panel{width:580px;padding:36px 50px 34px;background:#fffffff0;text-align:center;box-shadow:0 10px 40px #295b5620;outline:1px solid #c6d6c8;outline-offset:-13px;position:relative}.hero-panel:before,.hero-panel:after{content:'❧';position:absolute;color:#a5bda1;font-size:48px;line-height:1;background:#fcfefb;top:-11px;left:24px;transform:rotate(-25deg)}.hero-panel:after{top:auto;left:auto;right:24px;bottom:-11px;transform:rotate(155deg)}.eyebrow{font-family:var(--english);font-size:12px;font-weight:600;letter-spacing:3.5px;color:var(--gold-dark)}.hero-script{font-family:var(--script);font-size:38px;color:var(--gold);margin-top:9px}.hero h1{font-size:32px;letter-spacing:5px;line-height:1.7;margin:7px 0 9px}.ornament{display:flex;gap:10px;align-items:center;justify-content:center;color:#abc1a6;font-size:23px}.ornament i{height:1px;background:#c7d4bf;width:60px}.hero-copy{font-size:12px;letter-spacing:1.8px;line-height:2.3;margin:9px 0 18px}.hero-link{font-size:11px;letter-spacing:2px;border-bottom:1px solid #b0bca6;padding-bottom:6px;display:inline-flex;gap:32px}.hero-caption{position:absolute;left:30px;bottom:23px;color:#fff;font-family:var(--english);font-size:12px;letter-spacing:2.5px;text-shadow:0 1px 6px #36564d}.scroll{position:absolute;right:40px;bottom:0;color:#fff;font-size:9px;letter-spacing:3px;writing-mode:vertical-rl;display:flex;align-items:center;gap:14px}.scroll span{height:50px;width:1px;background:white}.section-title{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:40px}.section-title h2{font-family:var(--script);font-size:56px;line-height:1.15;color:var(--gold)}.section-title p{flex-basis:100%;font-size:10px;letter-spacing:2.5px;margin-top:-8px;color:#85897c}.flourish{color:#b7be95;font-size:30px;font-family:Georgia;transform:rotate(-15deg)}.flourish.flip{transform:rotate(165deg)}.about{background:radial-gradient(ellipse at 4% 28%,#d9f1ee80,transparent 33%),radial-gradient(ellipse at 98% 10%,#e8efdc88,transparent 30%)}.about-copy h3{font-size:24px;letter-spacing:3.5px;margin:16px 0 23px}.about-copy p{font-size:12px;line-height:2.5;letter-spacing:1px;margin-top:14px}.round-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:42px;margin-top:50px;margin-bottom:40px;max-width:940px}.round-photo{width:165px;height:165px;border-radius:50%;overflow:hidden;margin:0 auto 13px;border:5px solid white;box-shadow:0 0 0 1px #deebe4,0 8px 18px #5475680d}.round-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.round-grid a:hover img{transform:scale(1.07)}.round-en{font-family:var(--script);font-size:23px;color:var(--aqua)}.round-grid h3{font-size:13px;letter-spacing:1px;margin:3px 0 10px}.round-grid p{font-size:10px;line-height:2.1;color:var(--muted)}.editorial{display:grid;grid-template-columns:1.6fr 1fr .85fr;height:280px;gap:12px;margin-bottom:100px}.editorial>img{width:100%;height:100%;object-fit:cover}.editorial-ocean{background:url('assets/hawaii-ocean.jpg') 23% 65%/cover;display:flex;align-items:end;padding:20px}.editorial-ocean span{color:white;font-family:var(--script);font-size:30px;text-shadow:0 2px 10px #19564f}.editorial-note{background:#f4f5ee;padding:34px 20px;text-align:center;display:flex;flex-direction:column;justify-content:center}.editorial-note>span{font-family:var(--script);font-size:34px;color:var(--gold);line-height:1.35}.editorial-note p{font-size:10px;letter-spacing:1.2px;margin-top:20px;line-height:2.1}.collection{background:linear-gradient(#eff8f3e8,#f4f7f0ee),url('assets/hawaii-ocean.jpg') center/cover;position:relative}.section-intro{font-size:12px;letter-spacing:1.5px;line-height:2.2;margin:-12px 0 40px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.collection-card{background:white;box-shadow:0 5px 15px #3f584b0b;text-align:left;transition:transform .3s,box-shadow .3s}.collection-card:hover{transform:translateY(-5px);box-shadow:0 9px 22px #3f584b1a}.collection-img{height:250px;position:relative;overflow:hidden;background:#faf9f5}.collection-img img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.collection-card:hover .collection-img img{transform:scale(1.04)}.collection-img>span{position:absolute;top:12px;left:15px;background:#ffffffdb;color:var(--gold);font-family:var(--english);font-size:20px;line-height:34px;width:34px;text-align:center}.collection-text{position:relative;padding:20px 24px 24px}.category-en{font-family:var(--english);font-size:26px;color:var(--gold);font-style:italic;line-height:1.2}.collection-text h3{font-size:12px;letter-spacing:1px;margin-top:8px}.collection-text p{font-size:10px;color:var(--muted);margin-top:9px}.arrow{position:absolute;right:21px;top:24px;font-size:21px;color:var(--aqua)}.more-categories{display:flex;justify-content:center;gap:28px;margin:35px 20px 30px;font-size:11px}.more-categories a{border-bottom:1px solid #bfcdbc;padding:3px 0}.news{display:flex;gap:48px;align-items:center;padding:46px 0;border-bottom:1px solid var(--line)}.news h2{font-family:var(--script);font-size:35px;color:var(--gold);line-height:1.25;flex-shrink:0}.news small{display:block;font-family:var(--serif);font-size:9px;color:var(--muted);letter-spacing:1px;margin-top:5px}.news>div{display:flex;gap:22px;align-items:center;flex:1}.news-tag{font-family:var(--english);font-size:10px;letter-spacing:1.4px;color:var(--gold);white-space:nowrap}.news p{font-size:11px}.news a{margin-left:auto;font-size:22px}.guide{background:radial-gradient(ellipse at 50% 100%,#f0f3e990,transparent 70%)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:left}.steps article{position:relative;padding:35px 28px 27px;border:1px solid #e2e7dc;background:#f9faf7}.step-num{font-family:var(--english);font-size:46px;position:absolute;top:-32px;left:21px;color:#7eb7b0;background:white;padding:0 8px;font-style:italic}.step-en{font-family:var(--script);font-size:25px;color:var(--aqua);line-height:1.2}.steps h3{font-size:16px;letter-spacing:1px;margin:14px 0}.steps p{font-size:11px;line-height:2.1;color:var(--muted)}.faq{max-width:820px;text-align:left;margin-top:50px}.faq details{border-bottom:1px solid #dce5d9}.faq summary{cursor:pointer;padding:20px 7px;font-size:12px;letter-spacing:1px;display:flex;justify-content:space-between;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--gold)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{padding:0 7px 22px;font-size:12px;line-height:2.1;color:var(--muted)}.faq a{text-decoration:underline;text-underline-offset:4px}.aloha-banner{background:linear-gradient(90deg,#ffffff3b,#ffffffba,#ffffff45),url('assets/hawaii-ocean.jpg') center 60%/cover;text-align:center;padding:73px 20px}.aloha-banner>span{font-family:var(--script);font-size:54px;color:#476b5b;text-shadow:0 1px 12px #fff}.aloha-banner p{font-size:13px;letter-spacing:3px;margin:2px 0 25px}.company-body{display:grid;grid-template-columns:.9fr 1.3fr;gap:80px;text-align:left;margin-top:50px}.company-brand{background:#f5f7ef;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;position:relative;outline:1px solid #dce4d4;outline-offset:-12px}.company-brand p{font-family:var(--english);font-size:31px;margin:13px 0 8px}.company-brand small{font-size:11px;letter-spacing:1.5px}.company-brand>span{margin-top:35px;font-family:var(--english);font-size:10px;letter-spacing:3px;color:var(--gold)}dl{margin:0}dl>div{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid var(--line);padding:16px 0;font-size:12px}dt{color:#788176;font-size:11px}dd{margin:0}dd small{font-size:10px;color:var(--muted)}.source-note{text-align:right;font-size:9px;color:#7b8178;margin-top:15px}.source-note a{border-bottom:1px solid #c6ccbd}.contact{margin-top:65px;border-top:1px solid var(--line);padding-top:35px;display:flex;align-items:center;gap:25px;justify-content:space-between;text-align:left}.contact>div>span{font-family:var(--script);font-size:32px;color:var(--gold)}.contact p{font-size:10px;margin-top:2px}.contact-phone{font-family:var(--english);font-style:italic;font-size:28px;white-space:nowrap}.contact-phone small{font-size:18px}.contact .button{font-size:10px;padding:12px 18px;gap:18px}footer{background:#989b87;color:#fff;text-align:center;padding:45px 30px 25px;position:relative}.footer-brand{font-family:var(--english);font-size:29px;letter-spacing:.5px}footer>p{font-size:9px;letter-spacing:2px;margin-top:2px}footer nav{display:flex;justify-content:center;gap:25px;margin:30px 0;font-size:10px}.footer-aloha{font-family:var(--script);font-size:38px;display:block;line-height:1.3}footer>small{font-family:var(--english);font-size:10px;letter-spacing:1px;display:block;margin-top:18px}.back-top{position:absolute;right:30px;top:40px;width:40px;height:40px;border:1px solid #ffffff70;line-height:38px}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.mobile-only{display:none}
@media(min-width:1500px){.hero{height:740px}.hero-panel{width:630px;padding:45px 55px}.hero h1{font-size:37px}}
@media(max-width:1050px){.desktop-nav{gap:20px}.header{padding-inline:30px;gap:20px}.brand span{font-size:24px}.collection-img{height:210px}.round-grid{gap:20px}.company-body{gap:40px}.contact{flex-wrap:wrap}.contact>div{flex-basis:100%}.contact-phone{margin-right:auto}.steps{gap:20px}.steps article{padding-inline:20px}.collection-text{padding-inline:19px}.category-en{font-size:23px}}
@media(max-width:760px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.section{padding:65px 0}.header{height:76px;padding:0 19px;gap:13px}.brand{gap:7px}.brand img{width:26px;height:36px}.brand span{font-size:22px}.brand small{font-size:7px;letter-spacing:1.4px;margin-top:6px}.desktop-nav,.header-shop{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:42px;height:44px;background:transparent;border:0;padding:8px}.menu-toggle span{height:1px;background:var(--ink);width:24px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:76px;left:0;right:0;background:#fffffff9;padding:24px 30px 30px;box-shadow:0 10px 20px #445b4015;flex-direction:column}.mobile-nav a{padding:12px 0;font-size:23px;font-family:var(--english);border-bottom:1px solid var(--line)}.mobile-nav small{font-size:10px;margin-left:20px;font-family:var(--serif)}.hero{height:610px}.hero-picture{background-position:66% center}.hero-panel{width:calc(100% - 50px);max-width:480px;padding:35px 18px 31px;outline-offset:-9px}.hero-script{font-size:31px;margin-top:14px}.hero h1{font-size:26px;letter-spacing:3px;margin-top:10px}.hero-copy{font-size:11px;letter-spacing:1px}.eyebrow{font-size:10px;letter-spacing:2.5px}.hero-caption{left:18px;bottom:18px;font-size:8px;letter-spacing:1px}.scroll{right:20px;font-size:8px}.section-title{gap:15px;margin-bottom:32px}.section-title h2{font-size:47px}.section-title p{font-size:9px;letter-spacing:1.5px}.flourish{font-size:24px}.about-copy{padding:0 24px}.about-copy h3{font-size:22px;line-height:1.9;letter-spacing:2px;margin-top:12px}.about-copy p{font-size:11px;line-height:2.4;letter-spacing:.5px}.desktop-only{display:none}.mobile-only{display:block}.round-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px;margin-top:35px;margin-bottom:35px}.round-photo{width:138px;height:138px}.round-en{font-size:23px}.round-grid h3{font-size:12px;letter-spacing:0}.round-grid p{font-size:10px}.editorial{height:auto;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:65px}.editorial-ocean{grid-column:1/-1;height:200px}.editorial>img{height:195px}.editorial-note{padding:18px 12px}.editorial-note>span{font-size:29px}.editorial-note p{font-size:9px;margin-top:12px}.section-intro{font-size:11px;letter-spacing:1px;margin-bottom:32px}.collection-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}.collection-img{height:175px}.collection-text{padding:15px 12px 18px}.category-en{font-size:21px;display:block;padding-right:10px}.collection-text h3{font-size:10px;letter-spacing:0;margin-top:8px}.collection-text p{font-size:9px;line-height:1.8;margin-top:7px}.arrow{right:9px;top:12px;font-size:14px}.collection-img>span{font-size:16px;line-height:26px;width:26px;top:8px;left:8px}.more-categories{gap:11px 20px;flex-wrap:wrap;font-size:10px;margin-top:28px}.news{padding:32px 0;display:block}.news h2{font-size:32px}.news small{display:inline;margin-left:14px}.news>div{margin-top:17px;gap:12px;flex-wrap:wrap}.news-tag{font-size:9px}.news p{font-size:10px;flex-basis:calc(100% - 40px)}.news a{font-size:20px}.steps{grid-template-columns:1fr;gap:40px;margin-top:45px}.steps article{padding:26px 25px 24px}.step-en{font-size:27px}.steps h3{margin:8px 0 12px;font-size:15px}.steps p{font-size:11px}.faq{margin-top:30px}.faq summary{font-size:11px;letter-spacing:0}.faq details p{font-size:11px}.aloha-banner{padding:60px 20px;background-position:65% 65%}.aloha-banner>span{font-size:36px}.aloha-banner p{font-size:11px;margin-top:8px}.company-body{grid-template-columns:1fr;gap:30px;margin-top:30px}.company-brand{padding:38px 20px}.company-brand img{width:54px;height:66px}.company-brand>span{margin-top:24px}dl>div{grid-template-columns:115px 1fr;font-size:11px;padding:14px 0}dt{font-size:10px}.source-note{font-size:8px}.contact{margin-top:35px;gap:18px;justify-content:center;text-align:center}.contact>div{flex-basis:100%}.contact-phone{margin:0;font-size:31px}.contact .button{width:100%;max-width:300px}.contact p{font-size:9px}.contact>div>span{font-size:33px}footer{padding:40px 20px 25px}.footer-brand{font-size:27px}footer nav{flex-wrap:wrap;gap:12px 20px;font-size:9px;margin:24px 15px}.back-top{right:15px;top:15px;width:30px;height:30px;line-height:28px}.footer-aloha{font-size:34px}}
@media(max-width:370px){.round-photo{width:118px;height:118px}.hero-script{font-size:27px}.hero h1{font-size:24px}.collection-img{height:145px}.category-en{font-size:18px}.collection-text{padding-inline:10px}.round-grid{gap:26px 12px}.round-grid h3{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Keep intrinsic image dimensions inside each responsive grid column. */
.collection-card{min-width:0}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.step-num{line-height:1;top:-25px}.collection-img img{object-fit:contain;background:#fff}