.field-cover{position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 35%,#f3d15b26,transparent 48%),radial-gradient(ellipse at 9% 62%,#e9443c0a,transparent 42%)}
.cover-copy h1>span{display:table;background:linear-gradient(transparent 73%,#efcf5a66 73%,#efcf5a66 94%,transparent 94%);padding-right:5px}
.cover-workbench:before{content:'';position:absolute;z-index:-1;right:-15px;top:-27px;width:190px;height:190px;border:1px solid #c72b2b48;border-radius:50%;border-bottom-color:transparent;border-left-color:transparent}
.cover-workbench:after{content:'MSSF';position:absolute;top:-14px;right:0;color:#c329291c;font-size:61px;font-weight:900;line-height:1;letter-spacing:-.06em;z-index:-1}
.cover-memo{background:#f1da81;border-top-color:#c4ac5d;box-shadow:3px 5px 0 #29292314}
.chapter-no{background:var(--red);color:#fff;border-color:var(--red);box-shadow:3px 3px 0 #e8b6a940}
.field-link,.field-button,.nav-cta{position:relative}
.field-link .field-icon,.field-button .field-icon,.cover-news>.field-icon:last-child{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.field-link:hover .field-icon,.field-button:hover .field-icon,.cover-news:hover>.field-icon:last-child{transform:translateX(5px)}
.field-button{transition:background .22s,box-shadow .22s,transform .22s}
.field-button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #25292316}
.nav>a:not(.nav-cta){position:relative}
.nav>a:not(.nav-cta):after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav>a:not(.nav-cta):hover:after,.nav>a[aria-current="page"]:after{transform:scaleX(1)}
.site-header{transition:box-shadow .25s,background .25s}
.site-header.is-scrolled{box-shadow:0 5px 15px #2026200b;background:rgba(250,250,247,.98)}
.fee-entry{transition:background .25s,padding .25s}
.fee-entry:hover{background:#f4e9b944;padding-inline:14px}
.task-panel:not([hidden]){animation:task-entry .4s cubic-bezier(.2,.65,.3,1) both}
.task-photo{overflow:hidden}
.task-photo>img{transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.task-photo:hover>img{transform:scale(1.035)}
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;pointer-events:none;z-index:60}
.reading-progress>span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}
.hero-carousel{position:relative;background:#18392c;transform:translateZ(0)}
.carousel-images{height:322px;position:relative;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .85s ease,visibility .85s;overflow:hidden}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:1}
.hero-slide img{height:100%;width:100%;object-fit:cover;transform:scale(1.015)}
.hero-carousel.is-running .hero-slide.is-active img{animation:slide-drift 6s ease-out both}
.hero-carousel.is-paused .hero-slide.is-active img{animation-play-state:paused}
.carousel-photo-label{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;gap:13px;align-items:center;color:#fff;padding:36px 14px 12px;background:linear-gradient(transparent,#102319d9);font-size:10px;pointer-events:none}
.carousel-count{font:700 10px/1.6 Arial,sans-serif;letter-spacing:.08em;color:#f3dc8c}
.carousel-caption{font-weight:600;letter-spacing:.04em}
.carousel-controls{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:9px 11px;gap:12px}
.carousel-dots{display:flex;gap:7px}
.carousel-dot{width:23px;height:24px;display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer}
.carousel-dot>span{width:7px;height:7px;border-radius:50%;border:1px solid #8f9486;transition:background .25s,width .25s,border-color .25s}
.carousel-dot.is-active>span{width:21px;border-radius:8px;background:var(--red);border-color:var(--red)}
.carousel-navigation{display:flex;gap:9px;align-items:center}
.carousel-navigation button{cursor:pointer;border:0;background:none;color:var(--ink);padding:4px 6px;line-height:1.5}
.carousel-navigation button:hover{color:var(--red);background:#f4f0e8}
.carousel-prev,.carousel-next{font-size:18px;min-width:28px}
.carousel-toggle{font-size:12px;display:flex;align-items:center;gap:6px;min-width:78px;justify-content:center}
.carousel-toggle>span{font-family:var(--sans);font-size:9px}
.carousel-timer{height:3px;background:#e5e6dd}
.carousel-timer>span{display:block;height:100%;width:100%;background:#e7c956;transform-origin:left;transform:scaleX(0)}
.cover-sheet figcaption{padding-top:8px}
.cover-workbench{padding-bottom:88px}
.cover-memo{bottom:0;right:12px;pointer-events:none}
.motion-on [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1)}
.motion-on [data-reveal].is-revealed{opacity:1;transform:none}
.motion-on .cover-kicker{animation:cover-entry .65s .05s both}
.motion-on .cover-copy h1{animation:cover-entry .75s .13s both}
.motion-on .cover-lead{animation:cover-entry .65s .24s both}
.motion-on .cover-copy>.field-button{animation:cover-entry .65s .33s backwards}
.motion-on .cover-sheet{animation:sheet-entry .85s .18s backwards}
.motion-on .cover-memo{animation:memo-entry .8s .5s backwards}
@keyframes task-entry{from{opacity:.25;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes slide-drift{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.065) translateX(-.5%)}}
@keyframes cover-entry{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@keyframes sheet-entry{from{opacity:0}to{opacity:1}}
@keyframes memo-entry{from{opacity:0;transform:translateY(10px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}
@media(max-width:1100px){.carousel-images{height:285px}}
@media(max-width:760px){.carousel-images{height:auto;aspect-ratio:1.5}.carousel-photo-label{font-size:8px;padding:26px 10px 9px;gap:9px}.carousel-count{font-size:8px}.carousel-controls{padding:5px 8px}.carousel-navigation{gap:3px}.carousel-prev,.carousel-next{font-size:16px;min-width:25px}.carousel-toggle{min-width:73px;font-size:11px}.carousel-toggle>span{font-size:8px}.cover-workbench:before{width:130px;height:130px;right:-5px;top:-16px}.cover-workbench:after{font-size:45px;top:-6px}.cover-memo{bottom:0;right:8px;transform:rotate(2deg)}.cover-workbench{padding-bottom:80px}.fee-entry:hover{padding-inline:0}.reading-progress{height:2px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-slide img{animation:none!important}.motion-on [data-reveal]{opacity:1;transform:none;transition:none}.motion-on .cover-kicker,.motion-on .cover-copy h1,.motion-on .cover-lead,.motion-on .cover-copy>.field-button,.motion-on .cover-sheet,.motion-on .cover-memo,.task-panel:not([hidden]){animation:none}.field-button:hover,.field-link:hover .field-icon,.field-button:hover .field-icon,.task-photo:hover>img{transform:none}}