@font-face{font-family:'ALS Hauss';src:url('/assets/ALSHauss-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'ALS Hauss';src:url('/assets/ALSHauss-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'ALS Hauss';src:url('/assets/ALSHauss-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'ALS Hauss';src:url('/assets/ALSHauss-Black.woff2') format('woff2');font-weight:900;font-display:swap}
:root{--ink:#161616;--paper:#fff;--soft:#f7f7f5;--line:#e5e5e3;--gray:#777;--quiet:#aaa;--shell:1330px}
*{box-sizing:border-box}
html{min-width:320px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'ALS Hauss',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid #333;outline-offset:4px}
img{max-width:100%;height:auto}
button{font:inherit;cursor:pointer}
.landing{min-height:100svh;position:relative;overflow:hidden}
.landing-main{min-height:100svh;display:grid;place-items:center;padding:8vw 6vw}
.landing-logo{display:block;width:clamp(340px,34vw,610px);max-width:82vw;height:auto;user-select:none}
.rimma-entry{position:fixed;right:clamp(28px,5.4vw,112px);bottom:clamp(28px,5.1vh,68px);display:flex;gap:13px;align-items:center;padding:12px 0 15px;z-index:2;white-space:nowrap}
.rimma-word{font-size:clamp(25px,2.9vw,42px);font-weight:500;line-height:1.15;letter-spacing:-.045em;display:block;transform-origin:left center;animation:word-beat 3.3s infinite ease-in-out}
.rimma-arrow{font-size:21px;font-weight:400;margin-left:2px;transform:translateY(-1px);transition:transform .2s}
.rimma-entry:hover .rimma-arrow{transform:translate(3px,-4px)}
@keyframes word-beat{0%,12%,29%,100%{transform:scale(1);opacity:1}7%,22%{transform:scale(1.04);opacity:.82}}
.work-container{max-width:var(--shell);margin:0 auto;padding-left:clamp(22px,4vw,56px);padding-right:clamp(22px,4vw,56px)}
.work-header{background:white;border-bottom:1px solid var(--line)}
.header-inner{min-height:104px;display:flex;justify-content:space-between;gap:30px;align-items:center}
.header-logo{display:flex;align-items:center;flex:0 0 auto}
.header-logo img{display:block;width:120px;height:auto}
.header-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,2.7vw,43px);flex:1}
.header-nav a{font-size:clamp(12px,1vw,15px);white-space:nowrap;display:inline-flex;align-items:center;gap:8px;line-height:1.3;padding:12px 0;transition:opacity .2s ease}
.header-nav a:hover{opacity:.55}
.header-nav a span{font-size:15px;color:#9d9d9d}
.nav-toggle{display:none}
.workspace-kicker{display:flex;align-items:center;gap:17px;color:#a0a0a0;font-size:11px;letter-spacing:.12em;padding-top:27px}
.workspace-kicker .back-link{color:var(--ink)}
.workspace-kicker .back-link span{color:#aaa;margin-left:11px}
.workspace-version{margin-left:auto}
.workspace-intro{padding-top:92px;padding-bottom:102px;display:grid;grid-template-columns:58% 42%;align-items:end;gap:20px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.145em;font-weight:700;color:#777}
.eyebrow-point{width:8px;height:8px;background:var(--ink);border-radius:50%}
.intro-left h1{font-weight:500;font-size:clamp(85px,10.5vw,166px);line-height:1.07;letter-spacing:-.082em;margin:35px 0 -14px;white-space:nowrap}
.period{font-weight:700}
.intro-right{padding-left:35px;padding-bottom:9px}
.intro-right h2{font-weight:400;font-size:clamp(23px,2.7vw,38px);letter-spacing:-.055em;line-height:1.24;margin:0 0 26px}
.intro-right p{max-width:360px;color:#757575;line-height:1.65;font-size:15px;margin:0}
.modules{padding-top:34px;padding-bottom:120px;border-top:1px solid var(--ink)}
.modules-heading{display:flex;justify-content:space-between;align-items:center;padding:0 0 31px}
.modules-count{color:#999;font-size:10px;letter-spacing:.1em}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.module-card{min-height:362px;display:flex;flex-direction:column;padding:29px 26px 22px;border:1px solid #e2e2df;background:#f7f7f6;transition:background .2s,transform .2s}
.module-card:hover{background:#f1f1ef}
.module-top{display:flex;justify-content:space-between;align-items:start;gap:8px;font-size:11px;color:#777}
.module-status{font-size:9px;letter-spacing:.095em;text-align:right;color:#aaa}
.module-card h3{font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.16;letter-spacing:-.058em;margin:60px 0 16px}
.module-card p{font-size:14px;line-height:1.6;color:#888;max-width:285px;margin:0 0 36px}
.module-end{border-top:1px solid #d5d5d3;padding-top:17px;margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;letter-spacing:.08em;color:#8c8c8c}
.module-end span:last-child{font-size:20px;color:#888}
.future-state{border-top:1px solid #ddd;padding-top:28px;padding-bottom:112px}
.future-head{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.11em;color:#888}
.future-grid{display:grid;grid-template-columns:58% 42%;gap:30px;align-items:end;margin-top:42px}
.future-grid h2{font-weight:400;font-size:clamp(30px,4vw,58px);letter-spacing:-.06em;line-height:1.18;margin:0}
.future-grid h2 span{color:#b3b3b3}
.future-grid p{font-size:14px;color:#777;line-height:1.7;max-width:365px;margin:0;padding-left:35px}
.work-footer{border-top:1px solid #ddd}
.footer-inner{display:flex;justify-content:space-between;align-items:center;min-height:90px;gap:14px;color:#999;font-size:10px;letter-spacing:.07em}
.footer-inner a{color:#454545;font-size:12px;letter-spacing:0;display:inline-flex;gap:13px;align-items:center}
.footer-inner a span{font-size:16px}
@media(max-width:950px){
.header-inner{min-height:120px;align-items:flex-start;padding-top:25px;padding-bottom:24px;flex-wrap:wrap}
.header-nav{flex-basis:100%;justify-content:space-between;gap:12px}
.header-nav a{font-size:13px}
.workspace-intro{grid-template-columns:1fr;gap:35px;padding-top:70px;padding-bottom:85px}
.intro-left h1{font-size:clamp(82px,13vw,135px);margin-top:20px}
.intro-right{padding-left:0}
.intro-right h2{font-size:29px}
.module-grid{gap:13px}
.module-card{padding:22px 19px;min-height:340px}
.module-card h3{font-size:30px}
.future-grid p{padding-left:0}
}
@media(max-width:680px){
.landing-logo{width:75vw;max-width:510px;min-width:0}
.rimma-entry{right:23px;bottom:28px;gap:6px}
.rimma-word{font-size:31px}
.header-inner{min-height:0;padding-top:25px;padding-bottom:15px;gap:12px}
.header-logo img{width:111px}
.header-nav{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:0}
.header-nav a{font-size:12px;padding:15px 0;border-bottom:1px solid #eee;justify-content:space-between}
.workspace-kicker{padding-top:20px;font-size:9px}
.workspace-intro{padding-top:60px;padding-bottom:65px}
.intro-left h1{font-size:clamp(65px,18vw,107px);margin-top:28px}
.intro-right h2{font-size:29px}
.intro-right p{font-size:14px}
.modules{padding-bottom:70px}
.module-grid{grid-template-columns:1fr;gap:12px}
.module-card{min-height:270px;padding:23px}
.module-card h3{margin:35px 0 15px;font-size:33px}
.module-card p{margin-bottom:18px}
.future-state{padding-bottom:60px}
.future-head{font-size:9px}
.future-grid{grid-template-columns:1fr;gap:27px;margin-top:33px}
.future-grid h2{font-size:36px}
.future-grid p{font-size:13px}
.footer-inner{min-height:105px;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:15px;padding-bottom:15px}
.footer-inner span:first-child{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){
*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
.rimma-word{transform:none}
}

/* Rimma management workspace — V0.2 */
.module-link{color:var(--ink);text-decoration:none}
.module-link:focus-visible{outline:2px solid #161616;outline-offset:4px}
.module-link:hover{background:#efefed}
.module-link h3{margin:60px 0 16px}
.module-link:hover .module-end span:last-child{transform:translate(3px,-3px)}
.module-link .module-end span:last-child{transition:transform .2s}
.workspace-release{position:relative;margin-left:auto;z-index:8;cursor:default;outline-offset:6px}
.workspace-release .workspace-version{display:inline-flex;align-items:center;gap:7px;color:#6b6b6b;font-size:11px;letter-spacing:.05em;border-bottom:1px solid transparent}
.workspace-release-arrow{font-size:15px;line-height:1}
.workspace-release:hover .workspace-version,.workspace-release:focus .workspace-version,.workspace-release:focus-within .workspace-version{border-color:#888}
.workspace-release-history{display:none;position:absolute;right:0;top:calc(100% + 10px);width:min(340px,85vw);z-index:9;background:#fff;border:1px solid #e1e1de;box-shadow:0 16px 42px #00000014;padding:21px;letter-spacing:0;text-align:left}
.workspace-release:hover .workspace-release-history,.workspace-release:focus .workspace-release-history,.workspace-release:focus-within .workspace-release-history{display:block}
.release-heading{display:block;font-size:10px;font-weight:700;letter-spacing:.11em;color:#858585;margin-bottom:16px}
.release-row{border-top:1px solid #eee;padding-top:11px;margin-top:10px;display:grid;grid-template-columns:auto 1fr;gap:0 14px}
.release-row b{font-size:13px;font-weight:500}
.release-row>span{font-size:11px;color:#999;text-align:right}
.release-row p{grid-column:1/-1;margin:9px 0 3px;font-size:12px;color:#777;line-height:1.6}
.future-state{padding-bottom:115px;min-height:170px}
@media(max-width:680px){.module-link h3{margin:35px 0 15px}.workspace-release-history{right:0}.future-state{padding-bottom:75px;min-height:140px}}
@media(prefers-reduced-motion:reduce){.module-link .module-end span:last-child{transition:none}}