:root{color-scheme:dark;--bg:#11110f;--ink:#eae9e3;--dim:#a6a59e;--line:#383832;--accent:#ff6a22;--pad:clamp(22px,7vw,110px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:800;line-height:.94;letter-spacing:-.065em}h2{font-size:clamp(39px,5.3vw,78px);margin-bottom:0}em{font-style:normal;color:var(--accent)}.label,.case-back,.credits,.frame-bar,.caption,.tag,.case-footer,.text-link,.surface-toggle{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.label{display:block;color:var(--accent);margin-bottom:27px}.case-back{display:inline-flex;align-items:center;gap:12px;margin-bottom:42px;color:var(--ink)}svg{display:block;width:18px;height:18px;flex:none}.case-back:hover,.text-link:hover{color:var(--accent)}.intro{padding:42px var(--pad) 60px;position:relative;isolation:isolate;overflow:hidden}.intro:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/grogu-jawas-cover.jpeg') 66% center/cover}.intro:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#11110ff5,#11110fc9 45%,#11110f66),linear-gradient(0deg,#11110f,transparent 85%)}.intro .label{margin-bottom:25px}.intro h1{font-size:clamp(74px,10.5vw,164px);letter-spacing:-.075em;line-height:.84;margin:0 0 35px;max-width:900px}.intro-lede{font-size:clamp(22px,2.4vw,32px);line-height:1.3;letter-spacing:-.025em;max-width:640px;margin-bottom:28px}.credits{color:var(--dim);line-height:1.9;letter-spacing:.07em}.credits strong{display:block;font-size:13px;color:var(--ink);margin-bottom:4px}.intro-meta{display:flex;gap:24px;justify-content:space-between;align-items:end;border-top:1px solid #ffffff30;margin-top:36px;padding-top:23px}.intro-meta p{font-size:11px;color:var(--dim);margin:0;max-width:460px}.text-link{display:inline-flex;align-items:center;gap:24px;padding-bottom:9px;border-bottom:1px solid currentColor;white-space:nowrap}.chapter{padding:75px var(--pad) 42px}.chapter-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;align-items:center}.chapter-grid>p{font-size:18px;color:var(--dim);max-width:600px;line-height:1.65;margin:0}.logo-section{padding:0 var(--pad) 75px}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.logo-plate{background:#080808;border:1px solid var(--line);min-height:310px;display:grid;place-items:center;position:relative;padding:36px 24px 54px}.mono{display:block;width:210px;height:196px;background:var(--accent);-webkit-mask:url('/assets/mg_logo_one.png') center top/210px auto no-repeat;mask:url('/assets/mg_logo_one.png') center top/210px auto no-repeat}.logo-plate.ivory{background:var(--ink);color:var(--bg)}.logo-plate.ivory .mono{background:var(--bg)}.logo-plate.orange{background:var(--accent);color:var(--bg)}.logo-plate.orange .mono{background:var(--ink)}.plate-caption{position:absolute;left:22px;bottom:18px;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.identity-lockup{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;border-bottom:1px solid var(--line);padding:0 0 25px}.identity-name{font-size:clamp(25px,4vw,52px);font-weight:800;letter-spacing:-.05em;line-height:1}.identity-lockup p{font-size:12px;color:var(--dim);max-width:370px;margin:0}.light-section{padding:75px var(--pad);background:var(--ink);color:var(--bg)}.light-section .label{color:#4a4a44}.light-section .chapter-grid>p{color:#55554e}.type-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;margin-top:42px}.type-display{background:var(--bg);color:var(--ink);padding:34px}.tag{display:block;color:var(--dim);margin-bottom:30px;font-size:9px}.type-display .editable{font-size:clamp(46px,6.5vw,100px);font-weight:800;letter-spacing:-.075em;line-height:.84;min-width:0;overflow-wrap:anywhere}.type-body{padding:30px;border-top:1px solid #11110f50;border-bottom:1px solid #11110f50;display:flex;flex-direction:column;justify-content:space-between;gap:35px}.type-body .tag{color:#55554e;margin:0 0 19px}.type-body p{font-size:18px;line-height:1.6;margin:0}.type-body .micro{font-size:11px;letter-spacing:.16em;text-transform:uppercase;line-height:1.7}.type-note{margin:18px 0 0;font-size:11px;color:#55554e}.palette-section{padding:75px var(--pad)}.swatches{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:40px}.swatch{min-height:200px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;font-size:11px}.swatch strong{font-size:15px;font-weight:400}.swatch span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:1.8}.palette-notes{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:25px}.palette-notes p{font-size:14px;color:var(--dim);margin:0}.palette-notes strong{font-weight:500;color:var(--ink)}.surface-section{padding:75px var(--pad);background:#1c1c19}.surface-toggle{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0 23px}.surface-toggle button{background:transparent;color:var(--ink);border:1px solid #6b6b60;padding:12px 18px;font-size:11px;letter-spacing:.06em}.surface-toggle button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.surface-toggle button:hover{border-color:var(--accent)}.browser-frame{border:1px solid #65655d;border-radius:5px;overflow:hidden;background:#070707}.frame-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#20201d;border-bottom:1px solid var(--line);padding:12px 17px;font-size:9px;color:var(--dim);letter-spacing:.04em}.frame-dots{display:flex;gap:5px}.frame-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#76766c}.screen-open{display:block;width:100%;padding:0;border:0;background:var(--bg);position:relative;cursor:zoom-in}.screen-open>img{display:block;width:100%;height:auto}.screen-enlarge{position:absolute;right:18px;bottom:18px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff80;background:#11110fe0;color:var(--ink);border-radius:50%}.surface-summary{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-top:25px}.surface-summary p{color:var(--dim);font-size:15px;max-width:700px;margin:0}.surface-summary .text-link{font-size:9px}.motion-section{padding:75px var(--pad)}.motion-section video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;margin-top:38px}.caption{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.08em;line-height:1.6;margin-top:13px;color:var(--dim)}.gallery-section{padding:75px var(--pad);background:#e2e1db;color:var(--bg)}.gallery-section .label{color:#4a4a44}.gallery-section .chapter-grid>p{color:#55554e}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:40px;align-items:center}.character-feature{display:block;border:0;padding:0;width:100%;background:#32322e;cursor:zoom-in}.character-feature>img{display:block;aspect-ratio:1;width:100%;object-fit:contain}.character-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:9px}.character-thumbs button{padding:0;border:2px solid transparent;background:#2c2c29}.character-thumbs button[aria-pressed=true]{border-color:var(--accent)}.character-thumbs img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.component-copy{border-top:1px solid #11110f40}.component-copy article{padding:22px 0;border-bottom:1px solid #11110f40}.component-copy .tag{color:#55554e;margin:0 0 10px}.component-copy h3{font-size:24px;line-height:1.1;letter-spacing:-.025em;margin-bottom:12px}.component-copy p{font-size:14px;line-height:1.65;color:#55554e;margin:0}.component-credit{font-size:10px;margin:16px 0 0;color:#55554e;line-height:1.7}.archive-section{padding:75px var(--pad)}.archive-section .browser-frame{margin-top:40px}.work-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:35px}.work-strip figure{margin:0;min-width:0}.work-open{display:block;border:0;padding:0;width:100%;position:relative;background:#222;cursor:zoom-in}.work-open>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.work-strip .caption{display:block}.work-strip .caption span{display:block}.work-strip .caption span+span{margin-top:4px;color:#74746c}.personal-section{padding:75px var(--pad);background:#eae9e3;color:var(--bg)}.personal-section .label{color:#4a4a44}.personal-section .chapter-grid>p{color:#55554e}.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px;margin-top:40px}.page-grid figure{margin:0}.personal-section .caption{color:#55554e}.personal-section .frame-bar{font-size:8px}.page-grid .screen-open>img{aspect-ratio:1348/926;object-fit:cover}.case-close{padding:70px var(--pad);background:var(--accent);color:var(--bg)}.case-close .label{color:var(--bg)}.case-close h2{font-size:clamp(48px,7.7vw,116px);letter-spacing:-.075em}.case-close p{font-size:20px;line-height:1.5;max-width:650px;margin:30px 0}.case-close .text-link:hover{color:var(--ink)}.case-footer{padding:28px var(--pad);display:flex;justify-content:space-between;gap:22px;color:var(--dim);font-size:9px}.case-footer a:hover{color:var(--accent)}.viewer{position:fixed;inset:0;width:min(96vw,1650px);max-width:96vw;max-height:95dvh;padding:0;background:#070707;color:var(--ink);border:1px solid #6a6a60;overflow:auto;box-shadow:0 25px 100px #0009}.viewer::backdrop{background:#050505ee}.viewer-bar,.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;font-size:12px}.viewer-bar{border-bottom:1px solid var(--line)}.viewer-controls{border-top:1px solid var(--line)}.viewer-image{width:100%;height:72dvh;display:block;object-fit:contain;background:#000}.viewer button{padding:8px 14px;background:transparent;border:1px solid #66665b;color:var(--ink);font-size:11px}.viewer button:hover{color:var(--accent);border-color:var(--accent)}body.viewer-open{overflow:hidden}
@media(max-width:950px){.logo-grid{gap:14px}.mono{width:160px;height:150px;-webkit-mask-size:160px auto;mask-size:160px auto}.logo-plate{min-height:260px}.type-grid{gap:20px}}
@media(max-width:760px){.intro{padding-top:28px;padding-bottom:45px}.case-back{font-size:9px;margin-bottom:34px}.intro h1{font-size:clamp(67px,14.6vw,105px)}.intro-lede{font-size:22px}.intro-meta{align-items:start;flex-direction:column;gap:23px}.chapter,.light-section,.palette-section,.surface-section,.motion-section,.gallery-section,.archive-section,.personal-section{padding:50px var(--pad)}.chapter{padding-bottom:28px}.chapter-grid,.type-grid,.component-grid{grid-template-columns:1fr;gap:27px}.chapter-grid>p{font-size:16px}.logo-grid{grid-template-columns:1fr 1fr}.logo-plate:last-child{grid-column:span 2}.logo-plate{min-height:220px;padding:26px 18px 45px}.mono{width:130px;height:121px;-webkit-mask-size:130px auto;mask-size:130px auto}.logo-plate:last-child .mono{width:175px;height:164px;-webkit-mask-size:175px auto;mask-size:175px auto}.plate-caption{left:16px;bottom:15px;font-size:8px}.logo-section{padding-bottom:50px}.identity-lockup{align-items:start;flex-direction:column;gap:16px}.type-display{padding:30px}.type-display .editable{font-size:clamp(60px,13vw,86px)}.type-body{gap:28px;padding:24px}.type-body p{font-size:16px}.swatches{grid-template-columns:1fr 1fr}.swatch{min-height:180px;padding:20px}.palette-notes{grid-template-columns:1fr;gap:18px}.surface-summary{flex-direction:column;gap:22px}.surface-summary p{font-size:14px}.surface-toggle button{font-size:10px;padding:11px 14px}.frame-bar{font-size:8px;padding:10px 12px}.caption{font-size:8px}.work-strip{grid-template-columns:1fr;gap:28px}.work-open>img{aspect-ratio:16/9;object-fit:contain}.page-grid{grid-template-columns:1fr;gap:26px}.component-grid{margin-top:30px}.case-close{padding:50px var(--pad)}.case-close p{font-size:17px}.case-footer{flex-wrap:wrap;line-height:1.8}.viewer-image{height:62dvh}.viewer-bar,.viewer-controls{font-size:10px;padding:12px;gap:10px}.viewer button{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-plate{min-width:0}.logo-plate:not(:last-child) .mono{width:min(130px,100%);height:auto;aspect-ratio:600/560;-webkit-mask-size:100% auto;mask-size:100% auto}}