:root {
  --paper:#f7f4ec; --paper-dark:#ede8dd; --ink:#2d3428; --muted:#626653;
  --rust:#874936; --line:#d9d1c0; --olive:#526147; --wrap:1200px;
  --serif:"Songti SC","Noto Serif CJK SC","Noto Serif SC","STSong",Georgia,serif;
  --sans:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;
}
:lang(ja){--serif:"Hiragino Mincho ProN","Yu Mincho",serif}
:lang(ko){--serif:"AppleMyungjo","Nanum Myeongjo",serif}
:lang(ar){--serif:"Geeza Pro","Noto Naskh Arabic",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{cursor:pointer;color:inherit}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:auto}
svg{display:block;width:1.35em;height:1.35em;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.symbols{position:absolute;width:0;height:0;overflow:hidden}
:focus-visible{outline:2px solid #965643;outline-offset:4px}
[hidden]{display:none!important}
.wrap{width:min(var(--wrap),calc(100% - 100px));margin-inline:auto}
.skip{position:fixed;inset-block-start:10px;inset-inline-start:10px;padding:12px;transform:translateY(-160%);background:var(--paper);z-index:20}
.skip:focus{transform:none}
.site-header{position:relative;z-index:3;background:#faf7ef;border-bottom:1px solid #dfd7c8}
.header-inner{width:min(1320px,calc(100% - 82px));min-height:72px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.brand img{width:40px;height:40px}
.brand span{display:grid;gap:4px}
.brand b{font:600 22px/.95 var(--serif);letter-spacing:.15em}
.brand small{font:650 8px/1.4 var(--sans);letter-spacing:.23em;white-space:nowrap;color:#685846}
.site-header nav{min-height:72px;display:flex;gap:clamp(15px,2.55vw,35px);align-items:stretch}
.site-header nav a{display:grid;place-items:center;white-space:nowrap;position:relative;font-size:13px;color:#575c4c;transition:color .2s}
.site-header nav a:hover,.site-header nav a.is-active{color:#3a4c34}
.site-header nav a.is-active:after{content:"";position:absolute;inset-inline:1px;bottom:0;height:2px;background:#8d654f}
.header-tools{display:flex;gap:8px;align-items:center}
.listen,.icon-button,.language-control{border:1px solid #d6cebe;background:#faf7ef;color:#4e5746;display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;white-space:nowrap}
.listen{padding:0 11px;font-size:12px}
.icon-button{width:36px;padding:0}
.listen:hover,.icon-button:hover,.listen[aria-pressed=true]{background:#e7e9dd;border-color:#aab49d}
.language-control{padding-inline-start:8px;gap:3px}
.language-control svg{width:15px;height:15px;flex:none}
.language-control select{color:#414c3a;border:0;background:transparent;min-height:34px;font-size:12px;padding-inline:2px 5px;cursor:pointer}
.menu-toggle{display:none}
.hero{padding-block:46px 47px;background:linear-gradient(115deg,#f9f5eb,#f0eee2 58%,#e9ecde);border-bottom:1px solid #ddd9c9}
.hero-inner{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(30px,5vw,75px)}
.hero-content{min-width:0}
.kicker{display:flex;align-items:center;gap:10px;font:650 11px/1.5 var(--sans);letter-spacing:.16em;color:var(--rust);margin:0 0 12px}
.kicker span{width:23px;height:1px;flex:none;background:currentColor}
.hero-kicker{color:#6b674e;margin-bottom:16px}
.hero h1{font:600 clamp(46px,6.2vw,86px)/1.04 var(--serif);margin:0 0 18px;letter-spacing:.015em}
html[lang=en] .hero h1,html[lang=pt] .hero h1,html[lang=es] .hero h1,html[lang=ar] .hero h1{font-size:clamp(42px,5vw,71px);letter-spacing:-.035em}
html[lang=ar] .hero h1{letter-spacing:0;line-height:1.16}
.hero-description{margin:0;color:#58604e;font-size:15px;line-height:1.85;max-width:36em}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.button{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:8px 16px;border:1px solid transparent;font-size:13px;line-height:1.3;transition:background .2s,border-color .2s,color .2s}
.button svg{flex:none}
.button-primary{background:#526147;color:#fffdf2;border-color:#526147}
.button-primary:hover{background:#3f5035;border-color:#3f5035}
.button-outline{background:#fbf8ef;color:#465140;border-color:#c5c9b7}
.button-outline:hover{background:#e4e9d9;border-color:#a8b49b}
.button-light{background:#f2e8d4;color:#27291f;border-color:#f2e8d4}
.button-light:hover{background:#fff4df;border-color:#fff4df}
.button-ghost{background:#28271c35;color:#f5eddb;border-color:#efe3c96b}
.button-ghost:hover{background:#ece1c529;border-color:#efe3c9b9}
.hero-frame{position:relative;margin:0;padding:7px;border:1px solid #c8c7b5;background:#faf7ec;box-shadow:0 13px 32px #3c3d2920}
.hero-image{aspect-ratio:1.48;object-fit:cover;object-position:center 54%;background:#b8b8a1}
.hero-frame figcaption{position:absolute;inset-inline-end:19px;bottom:18px;display:grid;gap:2px;background:#f8f4e9e8;color:#3c4935;border:1px solid #f2e8d4;padding:7px 12px;text-align:center;line-height:1.2}
.hero-frame figcaption span:first-child{font:600 16px/1.3 var(--serif)}
.hero-frame figcaption span:last-child{font-size:9px}
.ambient{display:inline-flex;align-items:center;gap:10px;margin-top:23px;padding:6px 11px 6px 6px;border:1px solid #d5d4c3;background:#faf8ee;color:#4a5342}
.ambient-play{width:34px;height:34px;border:1px solid #aeb7a1;background:#e8eadc;border-radius:50%;display:grid;place-items:center;padding:0;flex-shrink:0}
.ambient-play:hover{background:#d7e0cd}
.ambient-info{display:grid;gap:2px;min-width:105px}
.ambient-title{font-size:12px;font-weight:600}
.ambient-info>span:last-child{font-size:10px;color:#646a56}
.wave-bars{display:flex;align-items:center;gap:3px;margin-inline-start:8px}
.wave-bars i{width:1px;height:7px;background:#838d71;transform-origin:center}
.wave-bars i:nth-child(2n){height:12px;animation-delay:-.4s}
.wave-bars i:nth-child(3n){height:16px;animation-delay:-.7s}
.wave-bars i:nth-child(5n){height:10px;animation-delay:-.2s}
.is-playing .wave-bars i{animation-name:wave;animation-duration:1.15s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}
@keyframes wave{50%{transform:scaleY(.35)}}
.section{padding-block:75px 82px;scroll-margin-top:18px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section h2{font:600 clamp(39px,5vw,64px)/1.17 var(--serif);letter-spacing:.015em;margin:0}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.9;letter-spacing:.045em;margin:0 0 4px}
.offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.offer-card{display:grid;text-align:start;position:relative;background:#f8f4eb;border:1px solid var(--line);padding:22px 16px 21px;transition:background .2s,border-color .2s}.offer-card:hover,.item-card:hover{background:#fffaf0;border-color:#a78e77}.object-icon{width:42px;height:42px;color:var(--rust);stroke-width:1.5;margin-bottom:17px}.offer-name{font:600 24px/1.25 var(--serif)}.offer-name small,.item-card small{display:block;color:#77705d;font:400 11px/1.5 var(--sans);letter-spacing:.1em;margin-top:4px}.offer-desc{font-size:12px;line-height:1.6;margin-top:13px;color:var(--muted)}.object-arrow{position:absolute;inset-inline-end:13px;top:13px;width:17px;height:17px;color:var(--rust)}
.item-band{background:var(--paper-dark)}.item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.item-card{display:grid;gap:13px;position:relative;text-align:start;background:#f3eee3;border:1px solid #d3c8b4;padding:9px 9px 15px;font:600 23px/1.25 var(--serif);transition:background .2s,border-color .2s}.item-card>span:nth-child(2){padding-inline:6px}.item-art{display:grid;place-items:center;aspect-ratio:1.9;border:1px solid #a1927c44;color:#774937}.item-art svg{width:51px;height:51px;stroke-width:1.45}.item-red{background:#dfc2b4}.item-green{background:#d4d9c7;color:#49523a}.item-gold{background:#e2d3b5;color:#755a34}.item-paper{background:#e3dbce;color:#645345}.item-card .object-arrow{top:auto;bottom:17px}.collection-link{display:flex;gap:9px;align-items:center;margin:22px 0 0;padding:6px 0;border:0;border-bottom:1px solid #a37d64;background:none;color:#793c2d;font-size:12px;letter-spacing:.07em}.collection-link:hover{color:#4e2419}
.visit{padding-block:64px 70px}
.journey-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:22px;align-items:center;padding:clamp(18px,3.5vw,42px);border:1px solid #d4d7c8;background:linear-gradient(115deg,#edf0e4,#e4e9db 75%,#eeeae0)}
.journey-copy h3{font:600 clamp(24px,3.2vw,42px)/1.18 var(--serif);margin:10px 0 8px}
.journey-copy p{color:#535e4c;font-size:13px;line-height:1.7;margin:0 0 14px}
.journey-badge{display:inline-block;border:1px solid #bdc7b1;color:#4e5d45;padding:4px 8px;font-size:10px;line-height:1.2}
.text-button{border:0;border-bottom:1px solid #89977c;padding:3px 0;background:transparent;color:#43573a;display:inline-flex;align-items:center;gap:6px;font-size:12px;text-align:start}
.text-button:hover{color:#293d24;border-color:#293d24}
.visitor-card{min-width:0;display:flex;align-items:center;gap:16px;padding:12px 16px;background:#f8f5eb;border:1px solid #d5d3c3}
.visitor-card-figure{width:84px;flex:none;display:grid;place-items:center;background:#e7eadf;border:1px solid #d5daca}
.visitor-card-figure .visitor-figure{width:70px;height:89px}
.visitor-card-copy{display:grid;gap:6px;justify-items:start;min-width:0}
.visitor-card-label,.visitor-card-copy small{font-size:11px;color:#65715b;overflow-wrap:anywhere}
.visitor-card-copy strong{font:600 20px/1.2 var(--serif);max-width:100%;overflow-wrap:anywhere}
.site-footer{background:#e8e8dc;border-top:1px solid #d8d7c9;color:#454b3e}
.foot-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px}
.foot-inner p{margin:0;max-width:580px;color:#555b4d;font-size:12px;line-height:1.7}
.references{position:relative;flex-shrink:0;font-size:12px}
.references summary{cursor:pointer}
.references p{position:absolute;z-index:2;inset-inline-end:0;bottom:calc(100% + 10px);width:min(330px,75vw);padding:12px 15px;background:#fcf9ef;border:1px solid #d5ccbb}
.references a{text-decoration:underline;color:#674431}
.status-toast{position:fixed;inset-inline-end:20px;bottom:20px;z-index:8;padding:12px 16px;background:#384534;color:#f6efdf;border:1px solid #9a9c84;font-size:13px;max-width:calc(100% - 40px)}
[dir=rtl] .kicker,[dir=rtl] .journey-badge,[dir=rtl] .button,[dir=rtl] .offer-name small,[dir=rtl] .item-card small,[dir=rtl] .collection-link{letter-spacing:0}
[dir=rtl] .hero-actions .button-primary svg,[dir=rtl] .text-button svg,[dir=rtl] .collection-link svg:last-child{transform:scaleX(-1)}
@media(max-width:1120px){.wrap{width:calc(100% - 64px)}.header-inner{width:calc(100% - 52px)}.site-header nav{gap:16px}.offer-name{font-size:21px}}
@media(max-width:1000px){
 .menu-toggle{display:flex}
 .site-header nav{display:none;position:absolute;top:100%;inset-inline:0;min-height:0;padding:8px 24px 14px;gap:0;background:#faf7ef;border-bottom:1px solid #d6cebe}
 .site-header nav.is-open{display:grid}
 .site-header nav a{justify-content:start;min-height:39px}
 .site-header nav a.is-active:after{inset-inline-end:auto;width:18px}
 .header-inner{min-height:64px}
}
@media(max-width:760px){
 .wrap{width:calc(100% - 40px)}.header-inner{width:calc(100% - 34px)}
 .hero{padding-block:30px 22px}.hero-inner{grid-template-columns:1fr;gap:21px}
 .hero h1{font-size:clamp(47px,10vw,70px);margin-bottom:13px}
 .hero-description{font-size:14px}
 .hero-image{aspect-ratio:1.65}
 .hero-actions{margin-top:17px}.ambient{margin-top:15px}
 .section{padding-block:50px 55px}
 .section-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:22px}
 .offer-grid,.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .foot-inner{flex-wrap:wrap;justify-content:start;gap:12px}
 .references p{inset-inline-start:0;inset-inline-end:auto}
}
@media(max-width:500px){
 .wrap{width:calc(100% - 32px)}.header-inner{width:calc(100% - 26px);gap:5px}
 .brand{gap:5px}.brand img{width:33px;height:33px}.brand b{font-size:18px}.brand small{font-size:6.5px}
 .header-tools{gap:5px}.icon-button{width:31px}.listen,.icon-button,.language-control{min-height:33px}
 .language-control{padding-inline-start:5px}.language-control select{min-height:31px;font-size:11px;max-width:88px}
 .listen{padding-inline:6px}.listen [data-audio-label]{display:none}
 .header-tools .collection{display:none}
 .hero-frame{padding:4px}.hero-frame figcaption{inset-inline-end:11px;bottom:11px}
 .journey-panel{grid-template-columns:1fr;gap:16px}
 .offer-card{padding:19px 12px}.offer-name{font-size:19px}.offer-desc{font-size:11px}.offer-grid,.item-grid{gap:10px}.item-card{font-size:20px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}