:root{--ease:cubic-bezier(.2,0,0,1);--ease-in:cubic-bezier(.05,.7,.1,1)}
html{scroll-padding-top:96px;scroll-padding-bottom:96px}
body{margin:0;background:#FBF6EF}
a{color:#822200}a:hover{color:#AA2800}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #822200;outline-offset:3px}
.m-dark a:focus-visible{outline-color:#FBF6EF}
.m-skip{position:absolute;left:16px;top:-80px;z-index:50;background:#1E2B4C;color:#FBF6EF;padding:12px 18px;border-radius:12px;font-weight:600;text-decoration:none}
.m-skip:focus{top:12px;color:#FBF6EF}
.m-header{position:sticky;top:0;z-index:20;background:rgba(251,246,239,.9);-webkit-backdrop-filter:saturate(1.2) blur(12px);backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid #E8DAC8}
.m-logo{display:flex;align-items:center;border-radius:8px;transition:opacity 200ms var(--ease)}
.m-logo:hover{opacity:.82}
.m-nav-link{position:relative;color:#1E2B4C;text-decoration:none;padding:12px 2px;font-weight:500;cursor:pointer;transition:color 200ms var(--ease)}
.m-nav-link::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;border-radius:2px;background:#822200;transform:scaleX(0);transform-origin:left center;transition:transform 260ms var(--ease)}
.m-nav-link:hover{color:#1E2B4C}
.m-nav-link:hover::after{transform:scaleX(1)}
.m-nav-link:active{transform:translateY(1px)}
.m-nav-link[aria-current="page"]{color:#822200;font-weight:600}
.m-nav-link[aria-current="page"]::after{transform:scaleX(1)}
.m-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-weight:600;font-size:16px;line-height:1.2;text-decoration:none;padding:16px 28px;border-radius:999px;cursor:pointer;border:0;transition:transform 200ms var(--ease),background-color 200ms var(--ease),color 200ms var(--ease)}
.m-btn--sm{padding:12px 22px;font-size:14px}
.m-btn--primary{background:#822200;color:#FFFFFF}
.m-btn--primary::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 12px 26px -10px rgba(130,34,0,.6);opacity:0;transition:opacity 200ms var(--ease);z-index:-1}
.m-btn--primary:hover{background:#AA2800;color:#FFFFFF;transform:translateY(-2px)}
.m-btn--primary:hover::after{opacity:1}
.m-btn--ghost{color:#1E2B4C;background:transparent;box-shadow:inset 0 0 0 1.5px #1E2B4C;overflow:hidden}
.m-btn--ghost::before{content:"";position:absolute;inset:0;background:#1E2B4C;transform:scaleY(0);transform-origin:bottom center;transition:transform 260ms var(--ease);z-index:-1}
.m-btn--ghost:hover{color:#FBF6EF}
.m-btn--ghost:hover::before{transform:scaleY(1)}
.m-btn--light{background:#FBF6EF;color:#822200}
.m-btn--light::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 12px 26px -10px rgba(40,10,0,.55);opacity:0;transition:opacity 200ms var(--ease);z-index:-1}
.m-btn--light:hover{background:#FFFFFF;color:#822200;transform:translateY(-2px)}
.m-btn--light:hover::after{opacity:1}
.m-btn:active{transform:translateY(0) scale(.98);transition-duration:100ms}
.m-arrow{display:inline-block;transition:transform 200ms var(--ease)}
.m-btn:hover .m-arrow,.m-note:hover .m-arrow,.m-next:hover .m-arrow{transform:translateX(4px)}
.m-backbtn:hover .m-arrow{transform:translateX(-4px)}
.m-backbtn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:500;color:#4A5470;background:none;border:0;padding:8px 0;cursor:pointer;transition:color 200ms var(--ease)}
.m-backbtn:hover{color:#822200}
.m-note{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:12px;text-align:left;font-family:inherit;color:#1E2B4C;background:#FFFFFF;border:1px solid #E8DAC8;border-radius:24px;padding:0;overflow:hidden;cursor:pointer;transition:transform 260ms var(--ease),border-color 200ms var(--ease)}
.m-note::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 22px 44px -20px rgba(90,35,10,.38);opacity:0;transition:opacity 260ms var(--ease);z-index:-1}
.m-note:hover{transform:translateY(-4px);border-color:#D9B79C}
.m-note:hover::after{opacity:1}
.m-note:active{transform:translateY(-1px);transition-duration:100ms}
.m-note-top{height:150px;display:grid;place-items:center;transition:background-color 300ms var(--ease)}
.m-note-top svg{transition:transform 500ms var(--ease)}
.m-note:hover .m-note-top svg{transform:scale(1.06) rotate(-2deg)}
.m-note-body{display:flex;flex-direction:column;gap:10px;padding:24px 28px 28px;flex:1}
.m-note-go{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#822200}
.m-chip-s{display:inline-flex;align-self:flex-start;padding:6px 12px;border-radius:999px;background:#F3E6D6;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#822200}
.m-prose p{margin:0 0 20px;font-size:18px;line-height:1.8;color:#2C3754}
.m-prose h2{margin:40px 0 14px;font-size:24px;font-weight:600;line-height:1.3;color:#1E2B4C}
.m-quote{margin:32px 0;padding:8px 0 8px 28px;position:relative}
.m-quote::before{content:"“";position:absolute;left:-6px;top:-18px;font-size:72px;line-height:1;color:#E9B08C;font-weight:300}
.m-quote p{margin:0 0 8px;font-size:23px;line-height:1.5;font-weight:300;color:#1E2B4C}
.m-quote cite{font-style:normal;font-size:14px;color:#4A5470}
.m-take{margin:40px 0;background:#F1E4D3;border-radius:24px;padding:28px 32px}
.m-take h3{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#822200}
.m-take p{margin:0;font-size:17px;line-height:1.7;color:#1E2B4C}
.m-ref{margin:0;padding-left:36px;text-indent:-36px;font-size:15px;line-height:1.7;color:#3F4A66}
.m-next{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;font-family:inherit;color:#1E2B4C;background:#FFFFFF;border:1px solid #E8DAC8;border-radius:20px;padding:22px 26px;cursor:pointer;transition:border-color 200ms var(--ease),transform 260ms var(--ease)}
.m-next:hover{border-color:#D9B79C;transform:translateY(-2px)}
.m-flink{position:relative;display:inline-block;color:rgba(251,246,239,.82);text-decoration:none;padding:8px 0;cursor:pointer;transition:color 200ms var(--ease)}
.m-flink::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;border-radius:2px;background:#E9B08C;transform:scaleX(0);transform-origin:left center;transition:transform 260ms var(--ease)}
.m-flink:hover{color:#FBF6EF}
.m-flink:hover::after{transform:scaleX(1)}
.m-flink:active{transform:translateY(1px)}
.m-flink[aria-current="page"]{color:#FBF6EF}
.m-flink[aria-current="page"]::after{transform:scaleX(1)}
.m-tel{color:#FBF6EF;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:text-underline-offset 200ms var(--ease),color 200ms var(--ease)}
.m-tel:hover{color:#E9B08C;text-underline-offset:5px}
.m-wa{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:10px;padding:14px 22px 14px 16px;border-radius:999px;background:#822200;color:#FBF6EF;text-decoration:none;font-weight:600;font-size:15px;box-shadow:0 14px 30px -12px rgba(80,30,10,.6);cursor:pointer;transition:transform 200ms var(--ease),background-color 200ms var(--ease)}
.m-wa:hover{background:#AA2800;color:#FBF6EF;transform:translateY(-2px)}
.m-wa:active{transform:scale(.95);transition-duration:100ms}
.m-wa:focus-visible{outline:2px solid #1E2B4C;outline-offset:3px}
@keyframes m-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes m-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.m-draw [pathLength]{stroke-dasharray:1;stroke-dashoffset:0}
@media (prefers-reduced-motion: no-preference){
html{scroll-behavior:smooth}
.m-enter{animation:m-rise 560ms var(--ease-in) backwards}
.m-d1{animation-delay:80ms}.m-d2{animation-delay:160ms}.m-d3{animation-delay:240ms}.m-d4{animation-delay:320ms}
.m-wa{animation:m-rise 600ms var(--ease-in) 900ms backwards}
.m-draw [pathLength]{animation:m-draw 1300ms var(--ease) 400ms backwards}
.m-draw .m-s2{animation-delay:800ms}.m-draw .m-s3{animation-delay:1200ms}.m-draw .m-s4{animation-delay:1600ms}
.m-article{animation:m-rise 520ms var(--ease-in) backwards}
@supports (animation-timeline: view()){
.m-rv{animation:m-rise linear backwards;animation-timeline:view();animation-range:entry 0% entry 38%}
.m-rv2{animation:m-rise linear backwards;animation-timeline:view();animation-range:entry 6% entry 44%}
.m-rv3{animation:m-rise linear backwards;animation-timeline:view();animation-range:entry 12% entry 50%}
}
}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{transition-duration:1ms!important;animation:none!important}
.m-btn:hover,.m-btn:active,.m-note:hover,.m-note:active,.m-next:hover,.m-wa:hover,.m-wa:active,.m-note:hover .m-note-top svg{transform:none!important}
}
@media (hover: none){
.m-btn:hover,.m-note:hover,.m-next:hover,.m-wa:hover{transform:none}
}
a.m-note,a.m-next,a.m-backbtn{text-decoration:none}
a.m-note:hover,a.m-next:hover{color:#1E2B4C}
.m-next{box-sizing:border-box;max-width:100%;min-width:0}.m-next>*{min-width:0}
.m-book-link{transition:transform 260ms var(--ease),opacity 200ms var(--ease)}
.m-book-link:hover{transform:translateY(-4px)}
.m-book-link:focus-visible{outline:2px solid #E9B08C;outline-offset:6px}
@media (prefers-reduced-motion:reduce){.m-book-link:hover{transform:none;opacity:.92}}