@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#1c3243;--rose:#d88986;--paper:#faf8f3;--line:#dddcd4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit} .header{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:27px 7%;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.1em;font-weight:700}.brand b{display:block;letter-spacing:.18em}.mark{font-size:32px;color:var(--rose);line-height:1}nav{display:flex;gap:36px;font-size:13px;font-weight:600}nav a{text-decoration:none}nav a:hover,.backlink:hover{text-decoration:underline}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:590px}.hero-copy{padding:110px 12% 90px 14%;align-self:center}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700}.eyebrow span{color:var(--rose)}h1,h2,h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;line-height:1.09}h1{font-size:clamp(48px,5.4vw,82px);letter-spacing:-.025em;margin:25px 0}em{font-weight:400;color:var(--rose)}.hero p,.section-top p{font-size:15px;line-height:1.8;max-width:390px;color:#52616a}.button{display:inline-flex;gap:40px;align-items:center;margin-top:25px;padding:17px 21px;background:var(--ink);color:white;font-size:12px;text-decoration:none}.art{position:relative;overflow:hidden;background:#e8d4c8;min-height:500px}.sun{position:absolute;width:36%;aspect-ratio:1;border-radius:50%;background:#d98279;top:13%;left:33%}.mountain{position:absolute;bottom:-1px;width:120%;height:58%;clip-path:polygon(0 100%,43% 5%,100% 100%)}.back{background:#b0aaa1;left:-15%;height:61%}.front{background:#526b70;left:15%;height:53%}.art-label{position:absolute;bottom:25px;left:30px;color:white;font-size:10px;letter-spacing:.18em}.art-label span{font-size:20px}.guides{max-width:1240px;margin:auto;padding:110px 5%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-top h2{font-size:clamp(35px,4vw,54px);margin:20px 0 30px}.section-line{border-top:1px solid var(--ink);display:flex;justify-content:space-between;padding:17px 0 24px;font-size:10px;letter-spacing:.14em;font-weight:700}.card{display:grid;grid-template-columns:1fr 1fr;background:#f1ede5;text-decoration:none;min-height:300px}.card-art{position:relative;overflow:hidden;background:#b5c1b6;min-height:280px;padding:25px;color:white}.card-art>span{font-size:38px}.card-art small{position:absolute;bottom:23px;left:25px;letter-spacing:.2em}.card-mountain{position:absolute;bottom:0;left:20%;width:90%;height:75%;background:#6c827d;clip-path:polygon(0 100%,50% 0,100% 100%)}.card-copy{padding:50px 10%;align-self:center}.card-copy h3{font-size:36px;margin:20px 0}.card-copy p{line-height:1.7;color:#52616a}.read{display:block;font-size:12px;font-weight:700;margin-top:30px}.note{background:#e8d6d0;display:flex;justify-content:center;align-items:center;gap:30px;padding:55px 8%}.note>span{font-size:50px;color:#bb7671}.note h2{font-size:30px;margin:0}.note p{font-size:14px}footer{padding:36px 7%;display:flex;gap:12px;align-items:center;font-size:12px;font-weight:700}footer span:last-child{margin-left:auto;font-weight:400;color:#617078}.article{max-width:840px;margin:65px auto 110px;padding:0 24px;line-height:1.8;font-size:16px}.article h1{font-size:clamp(40px,6vw,68px);margin:25px 0}.article h2{font-size:32px;margin:55px 0 15px}.article h3{font-size:23px;margin:30px 0 10px}.article a:not(.backlink){color:#995d5c}.backlink{display:block;font-size:13px;text-decoration:none;margin-bottom:45px}.draft{background:#f0dfd8;padding:12px 16px;font-size:12px;margin:20px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;margin:25px 0}th,td{text-align:left;border-bottom:1px solid #d7d6cf;padding:14px}th{background:#eeeae2} @media(max-width:700px){.header{padding:20px 6%}nav{gap:18px}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 7%}.art{min-height:350px}.guides{padding:75px 6%}.section-top{display:block}.card{grid-template-columns:1fr}.card-copy{padding:35px 7%}.note{justify-content:flex-start}footer span:last-child{display:none}}
:root{--paper:#fdfcf9}.guides{background:#fff}.article{background:#fff;padding:42px clamp(24px,5vw,64px) 70px;border:1px solid #f0ede7}.mark{font-family:Georgia,serif}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
:is(.converter){margin-top:65px;padding:24px;background:#faf4f1;border:1px solid #edddd8}.converter h2{margin:0 0 12px;font-size:26px}.converter p{font-size:14px}.converter form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-items:end}.converter label{display:grid;gap:6px;font-size:12px;font-weight:700;line-height:1.4}.converter input,.converter select{width:100%;padding:10px;border:1px solid #aab1b1;border-radius:3px;background:white;color:#1c3243;font:inherit}.converter button{padding:12px;border:0;background:#1c3243;color:white;font-weight:700;cursor:pointer}.converter output{font-weight:700;grid-column:1/-1}.converter .converter-note{font-size:12px;color:#52616a}

.lantern{display:block;width:30px;height:38px;flex:none}footer .lantern{width:24px;height:30px}

footer .footer-links{display:block;margin-left:auto}footer .footer-links a{color:inherit;text-decoration:none}footer .footer-links a:hover{text-decoration:underline}

.article a[href^='mailto:']{overflow-wrap:anywhere}

@media(max-width: 480px){.header{flex-wrap:wrap;gap:16px}footer{flex-wrap:wrap}footer .footer-links{flex-basis:100%;margin-left:0}.converter form{grid-template-columns:minmax(0,1fr)}}

.sakura{display:inline-block;width:1em;height:1em;vertical-align:-.18em;color:inherit}.card-art>span .sakura{width:1em;height:1em}.note>span .sakura{color:#bb7671}@media(max-width:700px){.header{flex-wrap:wrap;gap:15px}.header nav{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:12px 20px}.footer-links{display:block!important}}

@media(max-width:700px){.table-wide::before{content:"← Swipe to see more →";display:block;color:#617078;font-size:12px;font-weight:600;letter-spacing:.02em}.table-wide table{min-width:620px;margin-top:8px}.table-wide{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.table-wide:focus-visible{outline:2px solid #995d5c;outline-offset:3px}}
.article img{display:block;max-width:100%;height:auto;margin:24px auto;border-radius:4px}.second-guide{margin-top:24px}.kyoto-card{background:#d9c6bd}.kyoto-card .card-mountain{background:#a8827b}