@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root{--ink:#181713;--cream:#f5f0e7;--orange:#d95c32;--gold:#e8a33a;--muted:#746f65;--line:#d8d0c3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,240,231,.92);backdrop-filter:blur(12px);z-index:20}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.08em;font-size:.82rem}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--cream);border-radius:50%;font-family:serif;font-size:19px}
nav{display:flex;gap:32px;font-size:.84rem;color:#4f4b43}nav a:hover,.text-link:hover{color:var(--orange)}.header-button{border:1px solid var(--ink);padding:10px 17px;border-radius:100px;font-size:.78rem;font-weight:700}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr;padding:6vw;gap:4vw;overflow:hidden}.hero-copy{align-self:center;max-width:650px}.eyebrow{font-size:.7rem;letter-spacing:.19em;font-weight:700;color:var(--orange);margin:0 0 18px}.hero h1{font-size:clamp(4rem,8vw,7.6rem);line-height:.9;letter-spacing:-.06em;margin:0}.hero h1 em{font-family:"Playfair Display",serif;font-weight:600;color:var(--orange)}.hero-text{max-width:520px;color:var(--muted);font-size:1.05rem;margin:30px 0}.hero-actions{display:flex;gap:12px;align-items:center}.button{display:inline-block;padding:13px 21px;border-radius:100px;font-size:.8rem;font-weight:700}.primary{background:var(--ink);color:white}.secondary{border:1px solid var(--line)}
.hero-art{position:relative;min-height:600px;background:#e9a15c;border-radius:42% 42% 8% 8%;overflow:hidden}.sun{position:absolute;width:250px;height:250px;border-radius:50%;background:#f7cf79;top:12%;right:12%}.mountain{position:absolute;bottom:0;width:0;height:0;border-left:230px solid transparent;border-right:230px solid transparent;border-bottom:300px solid #b86b43}.mountain-back{left:-90px;opacity:.6}.mountain-front{right:-100px;border-bottom-color:#8f4936}.shiba{position:absolute;bottom:8%;left:50%;width:300px;height:390px;transform:translateX(-50%)}.head{position:absolute;top:40px;left:55px;width:190px;height:170px;background:#c95e30;border-radius:48% 48% 43% 43%;z-index:3}.head:after{content:"";position:absolute;inset:65px 22px 0;background:#f3d7ae;border-radius:50% 50% 40% 40%}.face-mask{position:absolute;z-index:2;left:57px;top:70px;width:76px;height:70px;background:#f3d7ae;border-radius:50%}.ear{position:absolute;top:8px;width:75px;height:105px;background:#b84e2d;clip-path:polygon(50% 0,100% 100%,0 100%);z-index:4}.ear.left{left:54px;transform:rotate(-15deg)}.ear.right{right:54px;transform:rotate(15deg)}.eye{position:absolute;z-index:5;width:10px;height:10px;background:#181713;border-radius:50%;top:86px}.left-eye{left:52px}.right-eye{right:52px}.nose{position:absolute;z-index:6;width:18px;height:13px;background:#181713;border-radius:50%;left:86px;top:111px}.mouth{position:absolute;z-index:6;width:28px;height:16px;border-bottom:3px solid #181713;border-radius:50%;left:81px;top:121px}.body{position:absolute;bottom:0;left:55px;width:190px;height:230px;background:#c95e30;border-radius:50% 50% 20% 20%}.tail{position:absolute;right:25px;bottom:135px;width:105px;height:105px;border:26px solid #c95e30;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(35deg)}.leg{position:absolute;bottom:0;width:45px;height:125px;background:#b34e2d;border-radius:20px}.leg1{left:70px}.leg2{right:70px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 6vw}.stats div{padding:28px 22px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font-size:1.6rem}.stats span{font-size:.75rem;color:var(--muted)}
.section{padding:130px 6vw}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.section h2,.feature-section h2,.history h2{font-size:clamp(2.8rem,5vw,5rem);line-height:1;letter-spacing:-.05em;margin:0}.body-copy{max-width:560px;color:var(--muted);font-size:1.1rem}.feature-section{padding:110px 6vw;background:#181713;color:#f5f0e7}.feature-section .eyebrow{color:#e8a33a}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:60px;background:#4a463e}.cards article{background:#181713;padding:38px;min-height:270px}.cards span{color:#e8a33a;font-size:.72rem}.cards h3{font-size:1.7rem;margin:50px 0 12px}.cards p{color:#aaa49a;font-size:.9rem}
.history{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.history-image{background:#d98b48;position:relative;overflow:hidden;display:grid;place-items:center}.history-image:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.45);border-radius:50%}.torii{font-size:170px;z-index:1;color:#8b3d2c}.history-copy{padding:100px 8vw;align-self:center}.history-copy p:not(.eyebrow){color:var(--muted);max-width:520px;margin:30px 0}.text-link{font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}.community{margin:6vw;background:var(--orange);color:white;border-radius:30px;padding:90px 8vw}.community .eyebrow{color:#ffe2ad}.community h2{font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.06em;margin:0 0 25px}.community>p:not(.eyebrow){max-width:500px;color:#ffe9dc}.light{background:white;color:var(--ink);margin-top:15px}footer{display:flex;justify-content:space-between;padding:30px 6vw;color:var(--muted);font-size:.72rem;border-top:1px solid var(--line)}

@media(max-width:800px){.site-header{padding:0 5vw}.site-header nav{display:none}.header-button{padding:8px 12px}.hero{grid-template-columns:1fr;padding:60px 5vw 30px}.hero-art{min-height:480px}.stats{grid-template-columns:1fr 1fr;margin:0 5vw}.stats div:nth-child(2){border-right:0}.stats div{border-bottom:1px solid var(--line)}.section{padding:90px 5vw}.two-column,.history{grid-template-columns:1fr}.two-column{gap:45px}.cards{grid-template-columns:1fr}.history-copy{padding:80px 7vw}.history-image{min-height:430px}.community{margin:5vw;border-radius:22px;padding:70px 8vw}footer{padding:25px 5vw}}
