/* Soccer Manager Tycoon project case study. Home styles remain unchanged. */
:root{--smt-cyan:#10c7eb;--smt-cyan-soft:#b5f2ff;--smt-sea:#0e2b38;--smt-black:#09151e}
.smt-page{background:#0a151d;color:#f6f9fc;overflow-x:clip}
.smt-page .topbar{background:linear-gradient(180deg,rgba(0,0,0,.94),rgba(0,0,0,.64) 42%,transparent 90%)}
.smt-page main{overflow:hidden}
.smt-page .outer-container{width:min(1200px,calc(100% - clamp(38px,8vw,160px)));margin-left:auto;margin-right:auto}
.smt-page .skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:#fff;color:#000;padding:12px}
.smt-page .skip-link:focus{left:12px}
.smt-hero{height:clamp(520px,72svh,790px);position:relative;isolation:isolate;overflow:hidden;background:#050813;display:flex;align-items:flex-end}
.smt-hero-art{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:center 42%;filter:saturate(1.08)}
.smt-hero-tint{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,7,12,.04) 0%,rgba(4,9,17,.13) 28%,rgba(5,13,20,.65) 71%,#0a151d 100%),linear-gradient(90deg,rgba(2,7,13,.96) 0%,rgba(2,7,13,.88) 21%,rgba(2,7,13,.62) 45%,rgba(2,7,13,.13) 74%,transparent 100%)}
.smt-hero-content{padding:140px clamp(25px,7vw,115px) 75px;max-width:1250px;width:100%;margin:0 auto}
.smt-overline,.smt-formerly{font-family:'Chakra Petch',sans-serif;letter-spacing:.13em;font-size:clamp(11px,.9vw,15px);color:#d9eef5;text-shadow:0 3px 6px #000}
.smt-hero h1{font:400 clamp(46px,6vw,103px)/1 'Chakra Petch',sans-serif;letter-spacing:.015em;color:#ff950d;text-shadow:0 4px 12px rgba(0,0,0,.75),0 0 20px rgba(0,0,0,.2);margin:18px 0 17px;max-width:1150px}
.smt-formerly{color:#b8d6e5;letter-spacing:.08em;text-transform:uppercase}
.smt-intro{padding:56px 0 30px}
.smt-intro p,.smt-prose p{font:400 clamp(18px,1.37vw,23px)/1.66 'Funnel Sans',sans-serif;max-width:1120px}
.smt-intro strong,.smt-prose strong{font-weight:800;color:#fff}
.smt-details{padding:65px 0 65px;background:linear-gradient(180deg,#0a151d 0%,#0c1c28 64%,#0a151d 100%)}
.smt-section-title{font:300 clamp(46px,7vw,108px)/1.04 'Chakra Petch',sans-serif;letter-spacing:.035em;background:linear-gradient(100deg,#0074a6 0%,#20d5ed 46%,#00aacc 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}
.smt-details .smt-section-title{text-align:center;margin-bottom:clamp(40px,6vw,85px)}
.smt-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,5vw,75px)}
.smt-fact{text-align:center;cursor:default;transition:transform .22s ease,filter .22s ease}
.smt-fact:hover{transform:translateY(-7px);filter:drop-shadow(0 0 14px rgba(13,205,239,.26))}
.smt-fact-icon{width:clamp(138px,16vw,233px);max-width:100%;aspect-ratio:1/1;margin:0 auto 23px;background:#020609;color:var(--smt-cyan);display:grid;place-items:center;border:1px solid rgba(22,196,232,.22)}
.smt-fact-icon svg{width:70%;height:70%}
.smt-fact-label{font:500 clamp(13px,1.05vw,17px)/1.25 'Chakra Petch',sans-serif;letter-spacing:.06em;color:#7bc7dd}
.smt-fact-value{font:500 clamp(17px,1.38vw,24px)/1.4 'Funnel Sans',sans-serif;color:#d9f9ff;margin-top:7px}
.smt-fact-value span{font-size:.83em;color:#b1c5d1}
.smt-chapter{padding-top:clamp(90px,10vw,155px);padding-bottom:0}
.smt-chapter-head{margin:0 0 clamp(33px,4vw,60px)}
.chapter-count,.small-cyan{display:block;font:600 clamp(12px,.92vw,14px)/1.3 'Chakra Petch',sans-serif;color:#79b6c8;letter-spacing:.2em;margin-bottom:14px}
.smt-prose{display:grid;gap:25px;margin-bottom:clamp(35px,5vw,65px)}
.smt-prose p{line-height:1.65}
.asset-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;background:#10384a;color:#e9fbff;font:600 clamp(11px,.91vw,14px)/1.5 'Chakra Petch',sans-serif;letter-spacing:.08em}
.asset-type{color:#84d3e5;text-align:right;white-space:nowrap}
.miro-stage{position:relative;overflow:hidden;border:1px solid #24708b;background:#102333;box-shadow:0 18px 60px rgba(0,0,0,.25)}
.miro-stage iframe{display:block;border:0;width:100%;height:clamp(430px,53vw,680px);background:#f8f8fa;color:#111}
.smt-attachment-line{padding:20px 2px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#9eb5c1;font-size:clamp(13px,.98vw,16px);line-height:1.5}
.smt-attachment-line>div{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.smt-attachment-line a{color:var(--smt-cyan-soft);font:600 14px 'Chakra Petch',sans-serif;letter-spacing:.04em;white-space:nowrap;transition:color .15s ease}
.smt-attachment-line a:hover{color:#ff9a1c}
.smt-notes{padding:0 0 0 24px;margin:38px 0 0;display:grid;gap:14px;color:#e1e9ee;font:400 clamp(17px,1.16vw,20px)/1.6 'Funnel Sans',sans-serif}
.smt-notes li::marker{color:var(--smt-cyan)}
.sheet-frame,.results-frame{background:#f5f8fb;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #17344a;scrollbar-color:#47b7d5 #163044}
.sheet-frame img{display:block;width:100%;min-width:1020px;height:auto}
.results-frame img{display:block;width:100%;min-width:980px;height:auto}
.smt-file-button{display:inline-flex;gap:22px;align-items:center;justify-content:center;padding:13px 17px;border:1.5px solid #18c8e8;color:#ccf8ff!important;background:#0e2a39;font:600 clamp(12px,.96vw,15px)/1.5 'Chakra Petch',sans-serif!important;letter-spacing:.03em;text-align:center;transition:background .2s ease,transform .2s ease,color .2s ease;white-space:normal!important}
.smt-file-button:hover{background:#16465d;transform:translateY(-2px);color:#fff!important}
.beta-document{display:grid;grid-template-columns:minmax(220px,38%) minmax(0,1fr);gap:clamp(25px,5vw,70px);background:linear-gradient(105deg,#0c2531,#0e1a26);padding:clamp(22px,3.6vw,48px);border:1px solid rgba(32,184,224,.23);align-items:center}
.beta-document img{display:block;width:100%;height:auto;max-height:510px;object-fit:contain;object-position:top center;box-shadow:0 15px 43px rgba(0,0,0,.35)}
.beta-document h3{font:400 clamp(32px,3vw,57px)/1.16 'Chakra Petch',sans-serif;color:#ecfaff;letter-spacing:.015em;margin-bottom:25px}
.beta-document-copy p{font:400 clamp(17px,1.25vw,20px)/1.65 'Funnel Sans',sans-serif;max-width:460px;color:#c4d8e4;margin:0 0 33px}
.smt-results{padding-bottom:125px}
.smt-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 42px}
.smt-kpi{padding:24px 10px 22px;background:#0c2b3b;border:1px solid #1a4a60;text-align:center;transition:background .2s ease,transform .2s ease;cursor:default}
.smt-kpi:hover{background:#153e50;transform:translateY(-3px)}
.smt-kpi strong{display:block;font:500 clamp(34px,4vw,62px)/1 'Chakra Petch',sans-serif;color:#28d6f1}
.smt-kpi span{display:block;margin-top:15px;font:500 clamp(11px,1vw,15px)/1.4 'Chakra Petch',sans-serif;letter-spacing:.04em;color:#d3eaf4}
.results-caption{font-size:14px;color:#a9b7c4;margin-top:17px;line-height:1.5}
.smt-bottom-nav{border-top:1px solid #254455;display:flex;justify-content:space-between;gap:20px;padding:26px 0 40px;font:500 clamp(12px,1vw,15px)/1.5 'Chakra Petch',sans-serif;color:#7daabd;letter-spacing:.06em}
.smt-bottom-nav a{color:#ff920d;transition:color .2s ease}.smt-bottom-nav a:hover{color:#c7f2ff}
@media(max-width:850px){
 .smt-hero{height:clamp(470px,65svh,610px)}
 .smt-hero-content{padding-bottom:55px}
 .smt-hero h1{font-size:clamp(40px,7vw,70px)}
 .smt-page .outer-container{width:calc(100% - 50px)}
 .smt-facts{gap:18px}
 .smt-fact-icon{width:150px}
 .smt-attachment-line{align-items:flex-start;flex-direction:column}
 .smt-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .smt-hero{height:auto;min-height:0;display:flex;flex-direction:column;padding-top:0}
 .smt-hero-art{position:relative;z-index:auto;object-fit:contain;width:100%;height:auto;aspect-ratio:1/1}
 .smt-hero-tint{background:linear-gradient(180deg,transparent 30%,#0a151d 98%);height:min(110vw,500px);bottom:auto;top:0;z-index:0}
 .smt-hero-content{position:relative;z-index:1;padding:0 20px 17px;margin-top:-27px}
 .smt-hero h1{font-size:clamp(36px,8vw,53px);margin:14px 0 12px}
 .smt-overline,.smt-formerly{font-size:10px;letter-spacing:.09em}
 .smt-page .outer-container{width:calc(100% - 40px)}
 .smt-intro{padding-top:25px}
 .smt-intro p,.smt-prose p{font-size:17px;line-height:1.6}
 .smt-details{padding:65px 0 45px}
 .smt-details .smt-section-title{font-size:clamp(43px,9vw,68px);margin-bottom:32px}
 .smt-facts{grid-template-columns:1fr;gap:28px;max-width:380px;margin:0 auto}
 .smt-fact{display:grid;grid-template-columns:110px 1fr;grid-template-rows:1fr 1fr;column-gap:18px;align-items:center;text-align:left}
 .smt-fact-icon{grid-row:1/3;margin:0;width:110px}
 .smt-fact-label{align-self:end;font-size:14px}
 .smt-fact-value{align-self:start;margin-top:2px;font-size:17px}
 .smt-section-title{font-size:clamp(44px,10vw,70px)}
 .smt-chapter{padding-top:85px}
 .smt-prose{gap:20px}
 .asset-topline{padding:12px 10px;font-size:10px;gap:8px}
 .asset-type{font-size:9px}
 .miro-stage iframe{height:460px}
 .smt-attachment-line{gap:15px;font-size:13px}
 .smt-attachment-line>div{justify-content:flex-start;gap:18px}
 .smt-notes{font-size:16px;gap:14px;margin-top:23px}
 .sheet-frame img{min-width:890px}
 .results-frame img{min-width:870px}
 .beta-document{grid-template-columns:1fr;gap:22px}
 .beta-document img{max-width:60%;height:270px;object-fit:cover;object-position:top}
 .beta-document h3{font-size:35px}
 .smt-kpis{gap:9px}
 .smt-kpi{padding:19px 5px}
 .smt-kpi strong{font-size:36px}
 .smt-kpi span{font-size:11px}
 .smt-results{padding-bottom:80px}
 .smt-bottom-nav{flex-direction:column}
}
@media(max-width:360px){.smt-fact{grid-template-columns:93px 1fr;gap:11px}.smt-fact-icon{width:93px}.smt-hero h1{font-size:35px}.smt-section-title{font-size:42px}}
@media(prefers-reduced-motion:reduce){.smt-fact,.smt-kpi,.smt-file-button,.smt-bottom-nav a{transition:none}}

/* In-game screenshot proofs for match engine and economy. */
.case-gameplay{margin:0 0 clamp(32px,5vw,65px);background:#091f2a;border:1px solid #255c72;overflow:hidden}
.case-gameplay img{display:block;width:100%;height:auto;object-fit:contain}
.case-gameplay figcaption{font:500 clamp(12px,.98vw,15px)/1.4 'Chakra Petch',sans-serif;color:#abdeec;letter-spacing:.04em;padding:14px 17px;background:#0b2b3a}