/* PHURI RUNG PHANICH: navy, champagne and warm ivory. */
:root{--ink:#12324f;--ink-soft:#193b58;--gold:#b48c50;--gold-light:#e3cda4;--cream:#f4efe6;--paper:#fffefa;--muted:#677584;--line:#deded8}
body{background:var(--paper)}
.announcement{background:var(--ink);color:#eee5d4;letter-spacing:.5px;padding-block:8px}
.site-header{background:var(--paper);color:var(--ink);border-bottom:1px solid #193b5815}
.header-inner{min-height:102px}
.brand{gap:13px}
.brand>img{width:76px;height:76px;border-radius:0;object-fit:contain}
.brand>span{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.2;letter-spacing:1.5px;color:var(--ink)}
.brand small{font:8px/1.5 Arial,sans-serif;letter-spacing:1.8px;color:#8b7049;text-align:left;margin-top:5px}
.main-nav>a:hover{color:#87612f}
.nav-contact{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.main-nav>.nav-contact:hover{background:#234868;color:white}
.menu-toggle{color:var(--ink);border-color:#aeb9c0}
.hero{background:var(--cream);color:var(--ink);grid-template-columns:1.08fr 1fr;min-height:630px;border-bottom:1px solid #e8e1d5}
.hero-copy{padding:78px 48px 70px max(56px,calc((100vw - 1280px)/2));position:relative}
.hero .eyebrow{color:#8b6b3d}
.hero h1{font-size:clamp(37px,3.7vw,54px);line-height:1.5;letter-spacing:-1.3px}
.hero h1 span{color:#92703e}
.hero-subtitle{color:#8f744a;font-size:26px;margin-top:20px}
.hero-description{color:#5c6e7c;font-size:14px;line-height:2}
.hero .button-gold{background:var(--ink);color:white}
.hero .button-gold:hover{background:#294e6d}
.hero .text-link.light{color:var(--ink);border-color:#b8b6a9}
.hero .text-link.light:hover{color:#92703e;border-color:#92703e}
.hero-footnote{color:#637583;margin-top:44px}
.hero-visual{min-height:630px;border-top-left-radius:150px}
.hero-visual>img{object-position:57% center}
.hero-visual:after{background:linear-gradient(transparent,#0c263ebb)}
.image-caption{color:white}
.image-caption>span{color:#f0dfbc}
.eyebrow.dark{color:#8b6836}
.section-heading h2{font-size:34px;letter-spacing:-.5px}
.collection-grid{gap:30px}
.collection-card{display:flex;flex-direction:column;min-height:0;aspect-ratio:auto;background:transparent;color:var(--ink);overflow:visible}
.collection-card:after{display:none}
.collection-card>img{position:relative;height:250px;width:100%;object-fit:cover}
.collection-card:hover>img{transform:none;filter:brightness(1.035)}
.collection-card:nth-child(3)>img{object-position:center 40%}
.collection-number{color:white;font-size:20px;background:var(--ink);padding:8px 13px;top:17px;left:17px;text-shadow:none}
.collection-card>div{position:relative;inset:auto;padding:25px 0 20px;border-bottom:1px solid #b8a783}
.collection-card p{color:#8b6c3e;font-size:10px;letter-spacing:2px;margin-bottom:9px}
.collection-card h3{font-size:23px;margin-bottom:9px}
.collection-card div>span{color:#627381;font-size:12px}
.catalog{background:#fffefa;border-top:1px solid #e9e5db}
.catalog-controls{padding-top:10px}
.search{background:#f4f5f2;border-color:#d4dadc}
.filter.active{background:var(--ink)}
.product-image{background:#eef0f1}
.product-meta{color:#6d7c86}
.product-card h3{font-size:18px}
.product-detail{color:#8b6b3d;border-color:#d0bd99}
.product-detail:hover{color:var(--ink);border-color:var(--ink)}
.product-grid{row-gap:44px}
.space-story{background:var(--ink-soft)}
.story-copy h2{color:#efe1c7}
.story-copy>p:not(.eyebrow){color:#cad5dc}
.about{border-bottom:0}
.about .section-heading h2{font-size:32px}
.about-text .lead{color:#28475f}
.brand-figure{background:var(--cream);border:1px solid #eee2ce}
.brand-figure figcaption{color:#627185;letter-spacing:2px;font-size:10px}
.how-to{background:var(--cream);border-color:#e4ddcf}
.steps li{border-color:#bfbaa9}
.step-number{color:#a4824d}
.steps h3{color:var(--ink)}
.steps p,.faq-items p{color:#627483}
.faq{border-color:#d0ccbf}
.faq-items details{border-color:#d3cfc3}
.faq-items summary:after{color:#a28049}
.contact{background:var(--ink)}
.contact .eyebrow{color:#d6b981}
.contact-invitation>p:not(.eyebrow){color:#c5d2dc}
.contact-handle{color:#9caebf}
.contact-invitation h2 span{color:var(--gold-light)}
.contact .button-gold{background:var(--gold-light);color:var(--ink)}
.contact .button-gold:hover{background:#f0dfbd}
.company-info{border-color:#e3cda43d}
.company-english{color:#b3c3cf;letter-spacing:1px}
.company-info dt{color:#a5b8c8}
.company-info dd{color:#f0f3f5}
.address-note{color:#9fb3c3}
.site-footer{background:#eeece5;color:var(--ink)}
.footer-brand{color:var(--ink);font-size:23px;letter-spacing:1px;line-height:1.5;display:inline-block}
.footer-top .muted{color:#6e7b84}
.footer-top nav a:hover{color:#93713f}
.footer-bottom{color:#687987;border-color:#d2d5d1}
.footer-bottom>a{color:var(--ink)}
.dialog-gallery{background:#f0ede5}
.dialog-copy h2{color:var(--ink)}
.dialog-reference{color:#71808a}
.copy-inquiry{color:#7f6133}
.dialog-close:hover{background:var(--gold-light)}
.legal-content .lead{color:#8b6b3d}
.legal-content p{color:#526a7d}
@media(min-width:1700px){.hero{min-height:700px}.hero-visual{min-height:700px}.hero h1{font-size:60px}.hero-copy{padding-right:80px}}
@media(max-width:1200px){.header-inner{min-height:94px}.brand>img{width:67px;height:67px}.brand>span{font-size:17px}.hero-copy{padding:66px 38px 58px 36px}.hero h1{font-size:42px}.hero-visual{min-height:610px}.hero{min-height:610px}.hero-subtitle{font-size:23px}.collection-card>img{height:220px}.collection-card h3{font-size:21px}.collection-grid{gap:24px}}
@media(max-width:920px){.header-inner{min-height:90px}.main-nav{background:var(--paper);color:var(--ink);border-top:1px solid #12324f22}.main-nav>.nav-contact{color:white}.brand>img{width:64px;height:64px}.brand>span{font-size:18px}.hero h1{font-size:35px}.hero-copy{padding:48px 30px 50px 36px}.hero-visual{min-height:560px;border-top-left-radius:95px}.hero{min-height:560px}.hero-subtitle{font-size:22px;max-width:280px}.hero-description{font-size:13px}.hero-actions{gap:20px}.section-heading h2{font-size:30px}.collection-grid{gap:18px}.collection-card>img{height:200px}.collection-card h3{font-size:18px}.collection-card div>span{font-size:10px}.collection-card>div{padding-top:19px}.collection-number{font-size:17px;left:12px;top:12px;padding:6px 10px}.about .section-heading h2{font-size:29px}.footer-brand{font-size:21px}.product-card h3{font-size:16px}}
@media(max-width:640px){.announcement{font-size:9px;letter-spacing:0;padding-block:7px}.header-inner{min-height:84px}.brand{gap:8px}.brand>img{width:58px;height:58px}.brand>span{font-size:16px;letter-spacing:1px;line-height:1.2}.brand small{font-size:7px;letter-spacing:1.4px;margin-top:4px}.menu-toggle{font-size:11px;min-height:40px;padding:8px 10px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:44px 24px 38px}.hero h1{font-size:39px;letter-spacing:-1.3px;line-height:1.55}.hero-subtitle{font-size:23px;max-width:none;margin-top:16px}.hero-description{font-size:13px;margin-top:21px}.hero-actions{gap:25px}.hero-footnote{font-size:10px;margin-top:32px}.hero-visual{height:355px;min-height:0;border-top-left-radius:72px;margin-left:20px}.hero-visual>img{object-position:center}.collection-grid{gap:28px}.collection-card{aspect-ratio:auto;min-height:0}.collection-card>img{height:250px;object-position:center}.collection-card>div{padding:20px 0 20px}.collection-card h3{font-size:24px}.collection-card div>span{font-size:12px}.collection-card p{font-size:10px}.collection-number{top:16px;left:16px;font-size:20px;padding:8px 12px}.section-heading h2{font-size:29px}.product-card h3{font-size:15px}.product-grid{row-gap:29px}.about .section-heading h2{font-size:27px;max-width:350px;overflow-wrap:normal}.brand-figure figcaption{font-size:9px;letter-spacing:1.3px}.contact-invitation .button{min-width:250px}.footer-brand{font-size:21px;line-height:1.5;letter-spacing:.7px}.company-english{font-size:10px}.footer-top nav{gap:20px}.legal-content h1{font-size:28px}}
@media(max-width:360px){.brand>img{width:48px;height:48px}.brand>span{font-size:14px}.brand small{font-size:6px}.hero-copy{padding-inline:20px}.hero h1{font-size:34px}.hero-subtitle{font-size:21px}.collection-card>img{height:215px}.collection-card h3{font-size:22px}.footer-brand{font-size:19px}}
@media print{.hero{background:white}.hero-copy{padding:25px}.hero h1{font-size:28px}.hero-visual{min-height:280px;border-radius:0;margin:0}.collection-card>img{height:170px}.contact{background:white}.contact .eyebrow,.contact-invitation h2 span,.contact-invitation>p:not(.eyebrow),.company-info dt,.company-info dd{color:#12324f}.company-english,.contact-handle,.address-note{color:#526a7d}.site-footer{background:white}}
