@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500;600&display=swap');
:root{--ink:#252a28;--paper:#f5f1eb;--muted:#70736d;--line:#d5cec3;--coral:#d78e7f;--sage:#2c3430}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;letter-spacing:.02em}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}.container{width:min(1180px,calc(100% - 56px));margin:auto}.site-header{position:absolute;inset:0 0 auto;z-index:10;color:white}.header-inner{height:92px;width:min(1320px,calc(100% - 64px));margin:auto;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid currentColor;border-radius:50%;font:italic 17px Georgia}.brand strong{display:block;font:600 14px Georgia;letter-spacing:.2em}.brand small{display:block;font-size:7px;letter-spacing:.25em;opacity:.7;margin-top:3px}.site-header nav{display:flex;gap:32px;margin-left:auto;font-size:11px;letter-spacing:.16em}.site-header nav a:hover{opacity:.65}.header-cta{padding:11px 15px;border:1px solid #ffffff99;font-size:10px;letter-spacing:.12em}.menu-button{display:none;background:none;border:0;color:white;font-size:22px}.hero{height:89vh;min-height:700px;position:relative;color:white;isolation:isolate}.hero>img,.hero-shade{position:absolute;inset:0;height:100%}.hero>img{object-position:center}.hero-shade{z-index:1;background:linear-gradient(90deg,#20252299,#20252211 65%),linear-gradient(0deg,#15181666,transparent 55%)}.hero-copy{position:relative;z-index:2;height:100%;padding-top:230px}.eyebrow,.label{font-size:10px;letter-spacing:.22em;font-weight:600}.eyebrow{color:#f0c3b8;margin:0 0 22px}.hero h1{font:400 clamp(40px,5.3vw,74px)/1.14 'Noto Serif JP',serif;letter-spacing:-.09em;max-width:700px;margin:0 0 22px}.hero h1 em,h2 em{color:#e8a193;font-style:normal}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:2;color:#ffffffc7}.actions{display:flex;align-items:center;gap:24px;margin-top:32px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;font-size:11px;letter-spacing:.1em}.dark{background:var(--ink);color:var(--paper)}.button:hover,.cookie-actions button:hover{filter:brightness(1.15)}.under-link{display:inline-block;padding-bottom:8px;border-bottom:1px solid #a9a49b;font-size:11px;letter-spacing:.1em}.under-link.light{color:white;border-color:#ffffff88}.hero-caption{position:absolute;z-index:2;right:4%;bottom:38px;color:#ffffffa8;font-size:9px;letter-spacing:.16em}.section{padding:120px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.intro{background:var(--paper)}.label{color:#898a82;margin:0 0 22px}.label:first-letter{color:var(--coral)}h2{font:400 clamp(31px,4vw,52px)/1.32 'Noto Serif JP',serif;letter-spacing:-.08em;margin:0}.copy{max-width:470px;color:#6d706a;font-size:13px;line-height:2.2}.copy .large{font:400 18px/1.85 'Noto Serif JP',serif;color:#353b36}.copy strong{color:var(--ink)}.copy .under-link{margin-top:16px}.looks{background:#ebe6de}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.quote{color:#8c8c84;font:italic 14px/1.6 Georgia;text-align:right}.look-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.photo{position:relative;aspect-ratio:4/5;overflow:hidden}.photo img{height:100%;transition:transform .5s}.photo:hover img{transform:scale(1.04)}.photo span{position:absolute;right:13px;top:13px;background:#fbfaf8dd;width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.meta{font-size:9px;color:#8c8b83;letter-spacing:.14em;margin:18px 0 10px}.look-grid h3{font:400 25px 'Noto Serif JP',serif;letter-spacing:-.05em;margin:0 0 9px}.look-grid article>p:not(.meta){font-size:12px;line-height:1.9;color:#73766f;max-width:330px;margin:0 0 17px}.principles{background:var(--sage);color:var(--paper)}.principle-photo{position:relative;max-width:440px}.principle-photo img{aspect-ratio:4/5}.principle-photo b{position:absolute;right:-22px;bottom:28px;background:var(--coral);color:var(--ink);padding:14px 16px;font-weight:400}.principle-photo small{font:9px/1.4 'Noto Sans JP';letter-spacing:.12em}.principles .label{color:#bbc1b8}.principles ol{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid #ffffff40}.principles li{padding:19px 0;border-bottom:1px solid #ffffff40;color:#b8c0b7;font-size:12px;line-height:1.8}.principles li:before{content:'0' counter(list-item);color:var(--coral);margin-right:18px;font:italic 15px Georgia}.principles li strong{color:var(--paper);font-weight:500}.journal{background:var(--paper)}.article-list{border-top:1px solid var(--line)}.article-list a{display:grid;grid-template-columns:70px 100px 1fr 120px;gap:16px;align-items:center;padding:25px 10px;border-bottom:1px solid var(--line)}.article-list a:hover{background:#eee8e0}.article-list i{color:#b7aea2;font:italic 15px Georgia}.article-list small{color:#b2675e;font-size:10px}.article-list strong{font:400 18px 'Noto Serif JP',serif}.article-list span{font-size:10px;color:#97978f}.newsletter{background:#e3d9cc;padding:92px 0}.newsletter p{color:#6d706a;font-size:12px;line-height:1.9}.input-row{display:flex;margin:24px 0 12px}.input-row input{flex:1;min-width:0;border:1px solid #bdb3a6;border-right:0;background:#fff5;padding:0 15px}.newsletter small{font-size:10px;color:#85857e}.newsletter small a{text-decoration:underline}.site-header+.mobile-panel{display:none}footer{background:var(--ink);color:#eee8df}.footer-top{padding:68px 0 74px;display:flex;justify-content:space-between;gap:70px}.footer-top p{color:#9fa69c;font:italic 15px/1.7 Georgia;margin-top:22px}.footer-links{display:flex;gap:100px}.footer-links div{display:flex;flex-direction:column;gap:12px;min-width:120px}.footer-links b{font-size:9px;color:var(--coral);letter-spacing:.2em;margin-bottom:6px}.footer-links a{font-size:11px;color:#b7bdb5}.footer-bottom{padding:18px 0;border-top:1px solid #ffffff22;color:#818980;font-size:9px;display:flex;justify-content:space-between;gap:20px}.footer-bottom button{background:none;border:0;color:#adb3a9;text-decoration:underline;font-size:9px}.cookie-banner{position:fixed;z-index:20;right:22px;bottom:22px;max-width:570px;background:#faf8f4f7;border:1px solid #d8d1c7;box-shadow:0 14px 45px #2f2d2722;padding:18px 19px;display:flex;align-items:center;gap:14px;font-size:11px}.cookie-banner p{font-size:10px;line-height:1.6;color:#73756f;margin:4px 0 0}.cookie-banner a{text-decoration:underline}.cookie-actions{display:flex;gap:7px;white-space:nowrap}.cookie-actions button,.modal-actions button{border:1px solid #c8c0b5;background:transparent;padding:10px 13px;font-size:10px}.cookie-actions .dark,.modal-actions .dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.modal{display:none;position:fixed;inset:0;z-index:30;background:#2025208c;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{position:relative;background:#faf8f4;padding:36px;width:min(520px,100%)}.modal-card h2{font-size:30px;margin-bottom:12px}.modal-card>p:not(.label){font-size:11px;line-height:1.8;color:#73756f}.close-modal,.close-menu{position:absolute;right:14px;top:12px;background:none;border:0;font-size:24px}.cookie-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0;font-size:12px}.cookie-row span{color:#b2675e}.toggle{border:0;background:#cfc9bf;border-radius:99px;padding:4px 8px;font-size:9px}.toggle.on{background:var(--coral)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
@media(max-width:820px){.container{width:calc(100% - 40px)}.header-inner{height:76px;width:calc(100% - 40px)}.site-header nav,.header-cta{display:none}.menu-button{display:block;margin-left:auto}.mobile-panel{position:fixed;z-index:15;inset:0;background:var(--ink);color:var(--paper);padding:28px;display:none!important;flex-direction:column}.mobile-panel.show{display:flex!important}.mobile-panel .close-menu{color:white}.mobile-panel a{font:400 27px 'Noto Serif JP';padding:18px 0;border-bottom:1px solid #ffffff22;margin-top:35px}.hero{height:92vh;min-height:700px}.hero>img{object-position:57% center}.hero-copy{padding-top:235px}.hero h1{font-size:40px}.hero-copy>p:not(.eyebrow){font-size:13px}.section{padding:82px 0}.two-col{grid-template-columns:1fr;gap:40px}.look-grid{grid-template-columns:1fr;gap:45px}.photo{aspect-ratio:4/3}.section-head{align-items:flex-start;flex-direction:column;gap:18px}.quote{text-align:left}.principle-photo{margin:auto;max-width:390px}.article-list a{grid-template-columns:35px 70px 1fr;gap:10px}.article-list span{display:none}.article-list strong{font-size:14px}.newsletter{padding:75px 0}.footer-top{flex-direction:column;padding:54px 0;gap:42px}.footer-links{gap:45px}.footer-bottom{flex-direction:column;gap:10px}.cookie-banner{left:15px;right:15px;bottom:15px;flex-wrap:wrap}.cookie-banner>div:nth-child(2){flex:1}.cookie-actions{width:100%;justify-content:flex-end}.actions{gap:15px}.hero-caption{right:20px;bottom:25px}}

.legal-head{height:87px;background:var(--ink);color:#eee8df;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100% - 1180px)/2));font-size:11px}.legal{width:min(790px,calc(100% - 40px));margin:auto;padding:90px 0 110px;color:#5d615b;font-size:13px;line-height:2.1}.legal h1{font:400 clamp(36px,5vw,60px)/1.2 'Noto Serif JP',serif;letter-spacing:-.08em;color:var(--ink);margin:15px 0}.legal h2{font-size:21px;margin:40px 0 10px;color:#303631}.legal hr{border:0;border-top:1px solid var(--line);margin:42px 0 48px}.legal-note{padding:18px 20px;border-left:3px solid var(--coral);background:#ebe2d8;font-size:11px;line-height:1.85}.legal a{color:#a75c54;text-decoration:underline}.legal ul{padding-left:22px}.contact-box{padding:26px;background:#e9e1d8}.contact-box h2{margin-top:0}.legal-foot{background:var(--ink);color:#919990;padding:22px max(28px,calc((100% - 1180px)/2));font-size:9px}.legal-foot a{color:#adb3a9;margin-left:16px}@media(max-width:820px){.legal-head{height:76px;padding:0 20px}.legal-head>a:last-child{font-size:10px}.legal{padding:58px 0 75px}.legal h1{font-size:40px}.legal-foot{padding:20px;font-size:9px;line-height:2}}
