@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Noto+Sans+JP:wght@400;500&family=Noto+Serif+JP:wght@400;500&display=swap');
:root{--ink:#1b1d1c;--paper:#f7f7f3;--gold:#b5a17b;--line:#d8d9d2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.9 'Noto Sans JP',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;z-index:10}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line)}.logo{font:42px/1 Georgia,serif;letter-spacing:.1em}.logo span{font:12px sans-serif;letter-spacing:.2em;margin-left:13px}nav{display:flex;gap:30px;font-size:14px}.languages{display:flex;align-items:center;gap:10px;font-size:14px}.languages button{border:0;background:none;padding:8px 2px;color:#70736c}.languages button[aria-pressed=true]{color:var(--ink);border-bottom:1px solid var(--ink)}.hero{min-height:700px;height:calc(100svh - 100px);max-height:1050px;background:#e2e3e3;color:#292d2c;position:relative;padding:65px 8% 50px;overflow:hidden}.hero>*{position:relative}.eyebrow{font:12px/1.6 'Noto Sans JP',sans-serif;letter-spacing:.19em;margin:0 0 32px}.hero .eyebrow{color:#606763}h1{font:clamp(100px,11.3vw,180px)/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;font-weight:400;margin:35px 0 50px}h1 i{font-weight:400}.hero-bottom{display:flex;align-items:center;justify-content:space-between;max-width:780px}.hero-bottom p{font-family:'Noto Serif JP',serif;letter-spacing:.1em}.circle{border:1px solid #a5ada0;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;font-size:24px}.hero-index{position:absolute;right:3%;bottom:50px;writing-mode:vertical-rl;font-size:12px;letter-spacing:.15em}.section{padding:110px 8%;scroll-margin-top:20px}h2{font:400 clamp(30px,3vw,46px)/1.65 'Noto Serif JP',Georgia,serif;letter-spacing:.04em;white-space:pre-line;margin:0 0 30px}p{white-space:pre-line}.philosophy{display:grid;grid-template-columns:1fr 2fr;gap:60px}.philosophy>div{max-width:730px}.philosophy p:not(.eyebrow){color:#545a55}.philosophy .lead{font-size:21px;color:var(--ink)!important;margin-bottom:30px}.work{border-top:1px solid var(--line)}.section-head{margin-bottom:55px}.brand{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.brand-visual{min-height:400px;background:#454945;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-visual .gris-logo{width:200px;max-width:80%;height:auto;display:block;object-fit:contain}.brand-visual small{margin-top:20px;font-size:12px;letter-spacing:.2em}.brand-copy .eyebrow{margin-bottom:18px}h3{font:58px/1.2 'Cormorant Garamond',Georgia,serif;font-weight:400;margin:0 0 25px}h3 small{font:14px 'Noto Sans JP',sans-serif;margin-left:10px}.address{font-size:14px;color:#64695f;margin:25px 0}.text-link{display:inline-block;border-bottom:1px solid var(--ink);padding:12px 0 8px;margin-top:15px;font-size:14px}.products{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:90px}.product-image{aspect-ratio:1.2;background:#eaebe4;margin-bottom:32px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .7s}.product:hover img{transform:scale(1.025)}.product h3{font-size:48px}.product .eyebrow{margin-bottom:16px}.history{background:#e9ebe5;display:grid;grid-template-columns:1fr 1.1fr;gap:7%}.history h2{font-size:32px}ol{list-style:none;padding:0;margin:0}.history li{display:grid;grid-template-columns:85px 1fr;gap:20px;border-top:1px solid #c5cac0;padding:21px 0;font-size:14px}.history time{color:#616950;font-size:14px}.careers{background:#202825;color:#fafaf4}.careers .eyebrow{color:#cfba96}.careers>p:not(.eyebrow){max-width:720px;color:#d1d6ce}.careers .text-link{border-color:#b5a17b}.careers details{max-width:1000px;margin:40px 0 20px;border-top:1px solid #586157;border-bottom:1px solid #586157;padding:20px 0}summary{cursor:pointer}dl{display:grid;grid-template-columns:160px 1fr;gap:0;margin:20px 0}dt,dd{margin:0;border-top:1px solid #465047;padding:15px 0;font-size:14px;white-space:pre-line}dd{color:#d5d9d2}.contact .email{font:clamp(20px,3.7vw,54px)/1.5 'Cormorant Garamond',Georgia,serif;display:inline-block;border-bottom:1px solid var(--line);padding-bottom:25px;overflow-wrap:anywhere}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px;font-size:14px}.contact-grid>div{padding-top:14px}.contact-grid>div p{color:#74776f}.social{display:flex;gap:32px;margin-top:40px;font-size:14px}footer{margin:0 8%;padding:35px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px}footer .logo{font-size:30px}a:hover{opacity:.7}@media(min-width:1500px){.section{padding-left:max(8%,calc((100vw - 1250px)/2));padding-right:max(8%,calc((100vw - 1250px)/2))}}@media(max-width:760px){header{height:auto;min-height:84px;padding:20px 6%;flex-wrap:wrap;gap:18px}.logo{font-size:34px}nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:12px}.hero{min-height:590px;height:78svh;padding:50px 7% 35px}h1{font-size:clamp(80px,19vw,138px);margin:55px 0}.hero-bottom p{font-size:15px;max-width:75%}.hero-index{display:none}.section{padding:70px 7%}.philosophy,.brand,.history{grid-template-columns:1fr;gap:30px}.philosophy .lead{font-size:18px}.eyebrow{margin-bottom:24px}.brand-visual{min-height:280px}.products{grid-template-columns:1fr;gap:60px;margin-top:60px}.product-image{aspect-ratio:1.2}.contact-grid{grid-template-columns:1fr;gap:0}.social{flex-wrap:wrap;gap:15px 25px}dl{grid-template-columns:1fr}dt{padding-bottom:0}dd{border-top:0}footer{gap:20px;flex-wrap:wrap}.history h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}