/* MKR / Studio edition — stronger contrast, actual work, less repetition. */
:root{--ink:#102637;--gold:#b18d51;--cream:#fbf7ed;--line:#ffffff2c;--blue:#204b71;--champagne:#e8ca8d}body{background:var(--cream)}h2 em{font-weight:400;color:#937038}section{padding:100px 7%}.hero{min-height:850px;min-height:min(920px,100svh);isolation:isolate;background:#092339}.hero-film video{filter:saturate(.55) brightness(.4);opacity:.55}.hero-film:after{background:linear-gradient(90deg,#092339ed 0%,#092339cc 42%,#09233988 100%)}nav{padding:17px 5%;background:#09233955;border-bottom:1px solid #dfcc9c44;min-height:112px}.logo img{width:140px}.navlinks{font-size:10px;gap:30px;letter-spacing:.12em}.navlinks .outline{background:#e8ca8d;color:#0b2335!important;border-color:#e8ca8d;padding:16px 19px}.hero-inner{display:grid;grid-template-columns:1.08fr 1fr;gap:7%;max-width:1600px;padding:60px 7% 150px;align-items:center}.hero-copy{min-width:0}.hero h1{font-size:clamp(52px,5.7vw,88px);line-height:1.1;letter-spacing:-.055em;margin:25px 0}.hero h1 em{color:#f0ce88}.hero p{font-size:16px;line-height:1.85;max-width:520px;color:#d4dee3}.eyebrow{font-size:9px;letter-spacing:.17em;display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;background:#e7c78b;display:inline-block;border-radius:50%;flex:none}.actions{margin-top:30px;gap:12px}.btn{background:#e8ca8d;border-color:#e8ca8d;letter-spacing:.06em;padding:17px 22px;font-size:11px}.btn span{margin-left:15px}.btn.secondary{border-color:#ffffff66}.hero-signature{display:flex;gap:20px;margin-top:32px;flex-wrap:wrap;font-size:8px;letter-spacing:.14em;color:#9ab0bf}.hero-signature span+span{border-left:1px solid #ffffff55;padding-left:20px}.hero-showcase{position:relative;min-width:0;transform:rotate(-3deg);padding-top:15px}.project-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#d6c39e;margin-bottom:15px}.browser-shell{background:#faf7f0;overflow:hidden;border-radius:6px;box-shadow:0 35px 70px #0003;border:1px solid #ffffff44}.hero-showcase .browser-shell{outline:1px solid #d8c6a14a;outline-offset:9px}.browser-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f1ede4;padding:12px 14px;color:#617265;font-size:9px;border-bottom:1px solid #d6ddcf}.browser-bar span:first-child{color:#849383;letter-spacing:3px;font-size:7px}.preview-surface{position:relative;aspect-ratio:1.26;overflow:hidden}.preview-surface iframe{position:absolute;top:0;left:0;width:200%;height:200%;border:0;transform:scale(.5);transform-origin:0 0;pointer-events:none}.hero-project-note{display:flex;justify-content:space-between;gap:15px;color:#d3dbdc;font-size:9px;margin-top:20px;line-height:1.5}.hero-project-note span:last-child{color:#b9a784}.round-link{display:grid;place-items:center;position:absolute;right:-20px;bottom:55px;width:70px;height:70px;border-radius:50%;background:#ebcd92;color:#0a2539;font-size:35px;box-shadow:0 4px 25px #0003}.hero-bottom{left:7%;right:7%;font-size:8px;bottom:28px;align-items:center}.hero-bottom a{padding:14px 0;color:#dec99e}.film-control{font-size:9px;right:7%;bottom:77px;padding:8px 12px;min-height:38px}.film-label{display:none}.mkr-marquee{background:#e9cb8f;color:#142c3c;padding:18px 0;border-color:#e9cb8f}.mkr-marquee-track{font-size:10px;letter-spacing:.17em;gap:35px}.mkr-marquee-track b{color:#7a572a}.section-head{align-items:end;margin-bottom:45px;gap:50px}.section-head h2,h2{font-size:clamp(40px,4.5vw,68px);line-height:1.1;letter-spacing:-.04em}.section-head .intro{font-size:15px;max-width:370px;line-height:1.85}.kicker{font-size:9px;letter-spacing:.2em}.work-section{background:#fbf7ed}.featured-project{display:grid;grid-template-columns:1.32fr 1fr;border-top:1px solid #d7cbb6;gap:60px;padding-top:35px;align-items:center}.project-preview{position:relative;padding:50px 45px 65px;background:#cbd8c4;min-width:0}.project-preview .browser-shell{transform:rotate(-2deg);border:1px solid #a2b299}.project-preview .preview-surface{aspect-ratio:1.3}.preview-stamp{position:absolute;bottom:18px;left:28px;font-size:9px;letter-spacing:.13em;line-height:1.6;color:#314738}.project-story .project-type{font-size:8px;color:#80643b;letter-spacing:.15em}.project-story h3{font:400 clamp(32px,3.2vw,48px)/1.05 Georgia,serif;letter-spacing:-.03em;margin:22px 0}.project-story p{font-size:14px;line-height:1.85;color:#56626a}.project-story dl{margin:25px 0}.project-story dl>div{padding:12px 0;border-top:1px solid #d7cbb6;display:grid;grid-template-columns:105px 1fr;gap:16px}.project-story dt{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#87683b;line-height:1.7}.project-story dd{margin:0;font-size:12px;line-height:1.7;color:#344954}.text-link{display:flex;justify-content:space-between;max-width:240px;border-bottom:1px solid #9c7944;padding:12px 0;font-size:11px;font-weight:bold}.text-link span{font-size:22px}.project-details{border-block:1px solid #cfbfa2;margin-top:35px}.project-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:24px 0;font-size:13px;min-height:55px}.project-details summary::-webkit-details-marker{display:none}.project-details summary span{font-size:20px}.project-details-content>p{font-size:12px;line-height:1.8;max-width:800px;margin:0 0 20px;color:#52616b}.project-details-content iframe{width:100%;height:700px;border:1px solid #c6cdbd;background:#faf7f0;margin-bottom:25px}.work-footnote{font-size:10px;line-height:1.8;color:#626d72;margin-top:25px;max-width:740px}.expertise-section{background:#0d2d43;color:#fff}.expertise-section h2 em{color:#ebcb8d}.expertise-section .kicker{color:#d5b476}.expertise-section .intro{color:#bed0da}.expertise-section .grid{gap:0;border-top:1px solid #ffffff33}.expertise-section .service{background:transparent;border:0;border-bottom:1px solid #ffffff33;padding:38px 32px 38px 0;position:relative;min-height:290px}.expertise-section .service:nth-child(even){padding-left:36px;border-left:1px solid #ffffff33}.expertise-section .service:nth-child(odd){padding-right:36px}.expertise-section .service:last-child{grid-column:1/-1;min-height:240px}.expertise-section .service:last-child p{max-width:600px}.expertise-section .service:hover{transform:none;box-shadow:none;background:#1b40544d}.expertise-section .num{font-size:9px;color:#d2b77f}.expertise-section h3{font-size:30px;letter-spacing:-.025em;margin:30px 0 16px}.expertise-section .service p{font-size:13px;line-height:1.9;color:#bfcfd9;max-width:430px}.expertise-section .service a{color:#f0d39b;font-size:9px;display:inline-block;margin-top:10px}.service-symbol{position:absolute;top:26px;right:30px;color:#e9c98c;font-size:30px;font-weight:normal}.expertise-section .service:nth-child(even) .service-symbol{right:0}.studio-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#e7c98d;align-items:center}.studio-section .kicker{color:#594422}.studio-section h2 em{color:#614d2b}.studio-copy .intro{font:400 25px/1.5 Georgia,serif;color:#102c40;margin-top:0}.studio-copy>p:not(.intro){font-size:13px;line-height:1.9;color:#3c4d51}.studio-principles{border-top:1px solid #344b5166;margin-top:28px;padding-top:20px;display:flex;flex-direction:column;gap:10px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.process-section{background:#13374a}.process-section h2 em{color:#dfbf86}.process-section .step h3{font-size:26px}.process-section .steps{gap:35px}.process-section .step strong{font-family:Georgia,serif;font-size:34px;color:#daba7e;font-weight:normal}.process-section .step p{font-size:13px;line-height:1.8}.scenario-badge{font-size:9px;letter-spacing:.15em;background:#e8ca8d;color:#122b3d;padding:10px 13px;display:inline-block;margin-bottom:24px}.sim{gap:7%}.sim .intro{font-size:16px}.panel{box-shadow:12px 12px 0 #e5c98f;padding:32px;border-color:#d1bc93}.results .metric:first-child,.results .metric:last-child{background:#112e44;color:white}.results .metric:first-child small,.results .metric:last-child small{color:#d0dbe2}.metric strong{font-family:Georgia,serif;font-size:30px}.metric small{font-size:10px}.metric{min-height:90px}.control label{font-size:12px}.control strong{color:#866132}#pathways{background:#eee7da!important}#pathways .grid{grid-template-columns:repeat(3,1fr)}#pathways .service{background:transparent;padding:28px 22px;min-height:300px;border-color:#bdad92}#pathways .service:hover{transform:none;box-shadow:none;background:#f7f2e8}#pathways .service h3{font-size:27px}#pathways .service p{font-size:12px}#pathways .service a{font-size:9px}#products{background:#f4eee2!important}.product{background:#fcf8f0;border:1px solid #cbbb9e}.product .price{font-family:Georgia,serif;font-size:19px}.product h3{font-size:29px}.product button{font-size:9px}.academy-section{background:#1b3a47;position:relative}.academy-section .intro{max-width:680px;font-size:16px}.academy-section .btn{margin-top:15px}.quote{background:#e8c98a;padding-block:110px}.quote h2{font-size:clamp(45px,5.7vw,82px)}.quote h2 em{color:#6e502a}.quote p{max-width:560px;font-size:15px}.quote .btn{padding:20px 30px}.quote .disclaimer{color:#4b514c;font-size:9px}.footer{background:#071e30}.footer .logo img{width:190px}.footer-bottom{font-size:10px}.motion-toggle{left:10px;bottom:10px;padding:8px 10px;font-size:9px;min-height:36px;background:#fbf7edee}.motion-toggle:disabled{opacity:.85;color:#344b5d}.dialog{border-top:5px solid #e8ca8d}.notice{background:#f3e7ca}.wizard-progress>div{background:#ab8140}.choices button.selected{background:#0d2d43}.choices button:hover{border-color:#997339}.project-details summary:focus-visible{outline:3px solid #946729;outline-offset:5px}
@media(min-width:1600px){.hero{min-height:860px}.hero-inner{padding-top:85px}}
@media(max-width:1100px){.hero-inner{gap:5%;padding-top:55px}.hero h1{font-size:59px}.hero{min-height:800px}.navlinks{gap:18px}.featured-project{gap:35px}.project-preview{padding:35px 25px 60px}.project-story h3{font-size:37px}.project-story dl>div{grid-template-columns:85px 1fr}.service-symbol{font-size:25px}.hero-signature{gap:10px}.hero-signature span+span{padding-left:10px}}
@media(max-width:850px){nav{min-height:100px;padding:14px 7%}.logo img{width:120px}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;padding:55px 7% 140px;gap:45px}.hero h1{font-size:clamp(52px,8.5vw,76px)}.hero p{max-width:570px}.hero-showcase{width:80%;max-width:550px;margin:0 auto;transform:rotate(-2deg)}.hero-showcase .preview-surface{aspect-ratio:1.6}.hero-bottom{bottom:25px;gap:20px}.hero-bottom span{max-width:50%;line-height:1.7}.film-control{bottom:67px}.hero-project-note{font-size:9px}.round-link{width:55px;height:55px;font-size:29px;bottom:45px;right:-15px}.navlinks{background:#0c293e}.navlinks a{padding:15px}.section-head{display:grid;grid-template-columns:1fr;gap:12px}.section-head .intro{max-width:600px}.featured-project{grid-template-columns:1fr;gap:32px}.project-preview{padding:45px 45px 60px}.project-preview .preview-surface{aspect-ratio:1.55}.project-story h3 br{display:none}.project-story h3{font-size:40px}.project-story dl>div{grid-template-columns:125px 1fr}.studio-section{grid-template-columns:1fr;gap:20px}.studio-copy .intro{font-size:24px}.studio-principles{flex-direction:row;flex-wrap:wrap;gap:20px}#pathways .grid{grid-template-columns:1fr}.process-section .steps{grid-template-columns:1fr 1fr}.expertise-section .service:nth-child(even){padding-left:0;border-left:0}.expertise-section .service:nth-child(odd){padding-right:0}.expertise-section .service{padding:30px 0;min-height:auto}.expertise-section .service-symbol{right:0}.expertise-section .service:last-child{min-height:auto}.expertise-section .service p{max-width:90%}.sim{gap:40px}.project-details-content iframe{height:650px}section{padding:75px 7%}.hero-signature{font-size:8px}.panel{padding:26px}#pathways .service{min-height:auto}.service a{display:inline-block;padding-block:12px}.footer-row{gap:35px}.quote{padding-block:80px}}
@media(max-width:550px){.hero-inner{padding-top:40px}.hero h1{font-size:clamp(43px,12vw,64px);letter-spacing:-.055em;margin:23px 0}.hero p{font-size:15px;line-height:1.8}.eyebrow{font-size:8px;line-height:1.7;letter-spacing:.1em}.hero-showcase{width:95%}.hero-showcase .preview-surface{aspect-ratio:1.24}.hero-signature{gap:12px;font-size:7px}.hero-signature span+span{padding-left:12px}.hero .actions{flex-direction:column;align-items:stretch;gap:10px}.hero .btn{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:16px 18px}.hero-bottom{font-size:7px}.hero-bottom span{max-width:58%}.hero-bottom span:last-child{display:block}.hero-bottom a{font-size:7px}.hero-project-note{font-size:8px}.round-link{bottom:52px;width:48px;height:48px}.browser-bar{font-size:8px;padding:10px}.project-preview{padding:28px 20px 64px}.project-preview .preview-surface{aspect-ratio:1.25}.preview-stamp{font-size:8px;left:20px}.section-head h2,h2{font-size:43px}.section-head .intro{font-size:14px}.project-story h3{font-size:36px}.project-story p{font-size:14px}.project-story dl>div{grid-template-columns:90px 1fr;gap:15px}.project-story dt{font-size:8px}.project-story dd{font-size:12px}.project-type{line-height:1.8}.studio-copy .intro{font-size:23px}.studio-principles{flex-direction:column;gap:12px}.process-section .steps{grid-template-columns:1fr 1fr;gap:25px}.process-section .step h3{font-size:24px}.process-section .step p{font-size:12px}.sim .panel{padding:22px;box-shadow:6px 6px 0 #e5c98f}.sim .results{grid-template-columns:1fr 1fr}.metric{padding:16px 10px;min-width:0}.metric strong{font-size:clamp(21px,6vw,30px)}.control label{font-size:11px}.control strong{font-size:13px}.scenario-badge{font-size:7px;padding:9px}.project-details-content iframe{height:560px}.project-details summary{font-size:12px;gap:20px}.project-details-content>p{font-size:11px}.work-footnote{font-size:9px}.quote h2{font-size:clamp(41px,11vw,58px)}.quote .disclaimer{font-size:8px}.footer-bottom{padding-bottom:20px}.mkr-marquee{padding:15px 0}.mkr-marquee-track{font-size:8px}.service-symbol{font-size:27px}.expertise-section h3{font-size:30px;max-width:92%}}
@media(prefers-reduced-motion:reduce){.hero-showcase,.project-preview .browser-shell{transform:none}.motion-reveal>span{animation:none!important}}
