/* Field notes / project specimens. Actual interfaces are the visual material. */
.hero.wrap{min-height:900px;background:#f1efe9;color:#11152a;padding-top:185px;padding-bottom:110px}.hero:before{content:'MMR / FIELD NOTES';color:#11152a0b;font-size:clamp(110px,18vw,290px);bottom:-.2em}.hero:after{background-image:linear-gradient(#33385916 1px,transparent 1px),linear-gradient(90deg,#33385916 1px,transparent 1px);mask-image:none;opacity:.5}.site-header{color:#f6f2ed;background:#12162aeb;border-color:#252a41;box-shadow:0 15px 40px #27264126}.site-header .identity,.site-header .top-nav a{color:#f6f2ed}.site-header .lang-toggle{color:#f6f2ed}.hero-copy{max-width:710px}.hero-kicker{color:#392cc4}.hero .live-dot{background:#e04f32;box-shadow:0 0 0 5px #e04f3220}.hero h1{font-size:clamp(76px,7.6vw,119px);line-height:.9;margin-bottom:32px;text-shadow:none}.hero h1>span{color:#11152a}.hero h1 em{color:#4735d3;max-width:700px}.hero-lead{color:#34394c;max-width:530px;font-size:18px}.hero-actions .button-light{background:#11152a;color:#fff}.hero-actions .button-light:hover{background:#4735d3}.hero-actions .text-link{color:#11152a;border-color:#11152a}.hero-caption{color:#5a5e70}.hero-stage{position:absolute;right:3.5%;top:200px;width:min(51vw,760px);height:610px;z-index:1;perspective:1400px}.stage-glow{position:absolute;inset:8% 3% 12%;border-radius:50%;background:radial-gradient(circle,#c8b8ff 0%,#d5cbfb77 34%,transparent 68%);filter:blur(22px)}.stage-ghost{position:absolute;width:77%;aspect-ratio:1360/850;background:#1e2242;border:8px solid #1e2242;border-radius:12px;box-shadow:0 28px 60px #1d1c3535;overflow:hidden}.stage-ghost img{width:100%;height:auto;display:block}.stage-ghost-one{top:-28px;right:-14px;transform:rotate(9deg) scale(.86);opacity:.75}.stage-ghost-two{bottom:56px;left:-7px;transform:rotate(-10deg) scale(.85);opacity:.7}.stage-device{position:absolute;top:83px;right:15px;width:90%;background:#10162c;border:10px solid #10162c;border-radius:17px;box-shadow:0 42px 70px #1618346e,0 3px 0 #ffffff99 inset;transform:perspective(1200px) rotateY(-10deg) rotateX(4deg) translate3d(var(--px,0px),var(--py,0px),0);transition:transform .35s ease,box-shadow .3s ease;overflow:hidden}.stage-device:hover{box-shadow:0 48px 85px #2c249577}.stage-chrome{display:flex;align-items:center;justify-content:space-between;color:#d4daed;font:9px var(--mono);letter-spacing:.08em;padding:8px 10px 14px}.chrome-dots{color:#f6957b;letter-spacing:2px}.stage-image{display:block;background:#eeece6}.stage-image img{width:100%;height:auto;aspect-ratio:1360/850;object-fit:contain;display:block}.stage-caption{display:flex;align-items:center;gap:13px;color:white;padding:16px 12px 8px}.stage-counter,.stage-field{font:10px var(--mono);letter-spacing:.05em;color:#c9d5ee}.stage-name{font-size:18px;letter-spacing:-.05em}.stage-field{margin-left:auto}.stage-selector{position:absolute;bottom:-2px;right:15px;display:flex;gap:6px;z-index:2;background:#11152a;border-radius:100px;padding:7px;box-shadow:0 12px 25px #20234933}.stage-selector button{background:transparent;color:#d2d6ef;border:0;border-radius:99px;padding:10px 14px;font:500 11px var(--mono);cursor:pointer;white-space:nowrap}.stage-selector button span{opacity:.65;font-size:9px}.stage-selector button.is-active{background:#d6ff66;color:#11152a}.stage-selector button:hover:not(.is-active){background:#363b63}
.ticker{background:#4735d3;color:#fff}.ticker b{color:#d6ff66}.section#work{padding-top:135px}.project-grid{display:block}.project-card,.project-feature,.project-wide,.project-card:nth-child(even){display:grid;grid-template-columns:1.12fr .88fr;gap:6%;position:relative;top:auto;min-height:0;margin:0;padding:75px 0;border:0;border-top:1px solid #535b83;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.project-card:nth-child(even){grid-template-columns:.88fr 1.12fr}.project-card:nth-child(even) .project-media{order:2}.project-card:hover{transform:none;border-color:#535b83}.project-card .project-media,.project-feature .project-media,.project-wide .project-media{height:auto!important;min-height:0!important;align-self:center;overflow:visible;background:transparent}.project-media img,.project-card:hover img{width:100%;height:auto!important;aspect-ratio:1360/850;object-fit:contain;transform:none;border:1px solid #b3bae26b;border-radius:7px;box-shadow:0 30px 55px #0007}.project-card .project-info,.project-feature .project-info,.project-wide .project-info{padding:0;align-self:center}.project-info h3{font-size:clamp(43px,5vw,80px);max-width:650px}.project-meta{margin-bottom:35px}.project-card .tech-stack{margin-top:25px}.project-card .project-links{margin-top:15px}.media-tag{top:-17px;left:20px;border:1px solid #8894bd;border-radius:0;background:#131b32;padding:9px 15px;z-index:2}.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(4){background:transparent;border-color:#535b83}.project-card:nth-child(2) .project-media img{box-shadow:28px 28px 0 #2c57c8,0 32px 65px #0008}.project-card:nth-child(3) .project-media img{box-shadow:-27px 27px 0 #9f7332,0 32px 65px #0008}.project-card:nth-child(4) .project-media img{box-shadow:26px 26px 0 #177b75,0 32px 65px #0008}
.publication-section{background:#ec6347;color:#1a1526;padding:140px 0 125px;overflow:hidden}.publication-heading{max-width:1000px;margin-bottom:60px}.publication-heading .eyebrow{color:#3e2451}.publication-heading h2{font-size:clamp(65px,10vw,154px);line-height:.88;letter-spacing:-.095em;margin:0 0 35px}.publication-heading>p:last-child{max-width:510px;font-size:18px;line-height:1.6}.publication-reel{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start}.publication-item{background:#171a36;color:#f1eee9;min-width:0}.publication-item:nth-child(2){margin-top:115px;background:#f4f0df;color:#171a36}.publication-art{height:320px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,#6044b9 0%,#1d2152 54%,#10142d 95%)}.publication-heart .publication-art:before,.publication-heart .publication-art:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff8a;border-radius:50%;transform:rotate(28deg) scaleY(.42)}.publication-heart .publication-art:after{transform:rotate(-28deg) scaleY(.42)}.art-heart{font-size:190px;line-height:1;color:#ee694f;text-shadow:0 0 45px #ffad9a}.art-orbit{position:absolute;width:340px;height:340px;border:1px dashed #a0adea5e;border-radius:50%}.publication-mentor .publication-art{background:#d6ff66}.art-signal{font-size:290px;line-height:1;color:#1e2887;transform:rotate(-10deg);font-weight:800}.art-coordinate{position:absolute;bottom:20px;left:23px;font:10px var(--mono);letter-spacing:.2em;color:#ffffffa8}.publication-mentor .art-coordinate{color:#252868}.publication-copy{padding:42px 45px 50px;display:flex;flex-direction:column;min-height:350px}.publication-number,.publication-tech{font:10px var(--mono);letter-spacing:.12em}.publication-number{color:#d6ff66}.publication-mentor .publication-number{color:#5739c2}.publication-copy h3{font-size:clamp(40px,4vw,65px);line-height:1;letter-spacing:-.075em;margin:25px 0}.publication-copy p{font-size:16px;line-height:1.7;max-width:570px}.publication-tech{margin-top:auto;color:#b9bde0}.publication-mentor .publication-tech{color:#604e74}.publication-copy a{align-self:flex-start;margin-top:30px;border-bottom:1px solid currentColor;padding-bottom:5px;font:12px var(--mono)}.publication-all{display:inline-block;border-bottom:1px solid #2a2036;margin-top:40px;padding-bottom:7px;font:12px var(--mono)}
@media(max-width:1180px){.hero.wrap{min-height:1040px}.hero-copy{max-width:670px}.hero h1{font-size:clamp(71px,8.5vw,100px)}.hero-stage{top:440px;right:4%;width:62vw;height:540px}.stage-device{top:55px}.stage-selector{bottom:5px}.project-card,.project-card:nth-child(even){gap:4%}.project-info h3{font-size:50px}}
@media(max-width:720px){.hero.wrap{min-height:1060px;padding:155px 22px 50px}.hero h1{font-size:clamp(63px,13vw,92px)}.hero h1>span{font-size:.4em}.hero h1 em{max-width:100%}.hero-lead{font-size:16px}.hero-caption{margin-top:32px}.hero-stage{top:665px;right:4%;width:92vw;height:360px}.stage-ghost{border-width:5px}.stage-ghost-one{top:-2px;right:-3px}.stage-ghost-two{bottom:30px;left:0}.stage-device{top:38px;right:4%;width:92%;border-width:6px;transform:none}.stage-caption{padding:10px 7px 5px}.stage-field{font-size:8px}.stage-name{font-size:14px}.stage-selector{bottom:-5px;right:1%;left:1%;justify-content:space-between;overflow-x:auto;border-radius:16px}.stage-selector button{padding:8px;font-size:9px}.stage-selector button span{font-size:7px}.section#work{padding-top:100px}.project-card,.project-feature,.project-wide,.project-card:nth-child(even){display:flex;flex-direction:column;gap:35px;padding:60px 0;min-height:0;border-radius:0}.project-card:nth-child(even) .project-media{order:0}.project-card .project-media,.project-feature .project-media,.project-wide .project-media{width:100%;height:auto!important}.project-media img{width:100%;height:auto!important}.project-card .project-info,.project-feature .project-info,.project-wide .project-info{padding:0 3px}.project-info h3{font-size:44px}.project-card:nth-child(2) .project-media img{box-shadow:12px 12px 0 #2c57c8}.project-card:nth-child(3) .project-media img{box-shadow:-12px 12px 0 #9f7332}.project-card:nth-child(4) .project-media img{box-shadow:12px 12px 0 #177b75}.publication-section{padding:90px 0}.publication-heading h2{font-size:65px}.publication-reel{grid-template-columns:1fr}.publication-item:nth-child(2){margin-top:0}.publication-art{height:235px}.publication-copy{padding:30px;min-height:0}.publication-copy h3{font-size:46px}.publication-copy .publication-tech{margin-top:15px}}
@media(max-width:390px){.hero.wrap{min-height:1030px}.hero-stage{top:675px}.stage-selector button{font-size:8px;padding:8px 6px}}@media(prefers-reduced-motion:reduce){.stage-device{transition:none}}