.projects-index,.project-section{max-width:1280px;margin:0 auto;padding:76px 48px}.project-intro{max-width:740px;padding:16px 0 60px}.project-intro h1{margin:22px 0}.project-feature{display:block;text-decoration:none}.feature-image{position:relative;overflow:hidden;background:#d9c5a4}.feature-image img{width:100%;aspect-ratio:2.15;object-fit:cover;transition:transform .5s}.project-feature:hover .feature-image img{transform:scale(1.025)}.project-tag{position:absolute;left:24px;top:24px;padding:9px 13px;background:#fbf7f2;color:#423d2c;font-size:10px;letter-spacing:.14em}.feature-copy{display:flex;gap:30px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.feature-copy h2{margin:12px 0}.feature-copy p:not(.eyebrow){max-width:690px;color:var(--muted)}.feature-arrow{margin-left:auto;font-size:46px;color:var(--olive)}.project-index-note{max-width:660px;padding:65px 0 10px}.project-index-note p{margin:18px 0;font-size:21px}.messenger-hero{background:#30382c;color:#fbf5e9;overflow:hidden}.messenger-hero-inner{max-width:1600px;min-height:650px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr}.messenger-hero-copy{padding:35px 30px 50px max(48px,calc((100vw - 1184px)/2))}.project-back{display:inline-block;text-decoration:none;font-size:12px;color:#e3decf;margin-bottom:40px;padding:8px 0}.messenger-hero .eyebrow{color:#d4cd9b;letter-spacing:.16em;font-size:10px}.messenger-hero h1{font-size:clamp(46px,5.2vw,82px);line-height:1.05;margin:22px 0 25px;letter-spacing:-.035em}.hero-deck{font-size:23px;line-height:1.4;color:#ede0b7}.hero-description{font-size:15px;line-height:1.75;max-width:380px;color:#e0ddcf;margin-top:20px}.messenger-hero .hero-actions{gap:18px;margin-top:28px}.project-primary{background:#e4d3a4;border-color:#e4d3a4;color:#30382c;font-size:12px;gap:10px}.project-text-link{font-size:12px;color:#eee7d9;text-underline-offset:5px;padding:10px 0}.project-status{font-size:10px;color:#e2dfce;margin-top:30px;display:flex;align-items:center;gap:9px}.project-status>span{width:6px;height:6px;border-radius:50%;background:#c6d39a}.messenger-hero-image{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:48px 0 35px}.messenger-hero-image img{width:100%;height:470px;object-fit:cover;object-position:42% center}.messenger-hero-image figcaption{font-size:9px;letter-spacing:.15em;color:#d4d7c9;padding:16px 28px 0}.project-jump{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:15px 24px;background:var(--paper)}.project-jump a{font-size:12px;text-decoration:none;padding:8px 0}.project-jump a:hover{color:var(--olive)}.section-kicker{display:flex;justify-content:space-between;gap:24px;margin-bottom:36px}.small-label{font-size:9px;color:var(--muted);letter-spacing:.13em;padding-top:2px}.purpose-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:start}.purpose-intro h2{font-size:clamp(30px,3.1vw,44px)}.purpose-intro .lead{font-size:17px;max-width:480px}.purpose-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:50px;padding:35px 0 45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.purpose-columns h3{font-family:Cinzel,Georgia,serif;font-size:24px;line-height:1.4;margin:15px 0}.purpose-columns p{font-size:15px;color:var(--muted);max-width:480px}.learning-path{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:36px}.learning-path article{position:relative;padding-left:39px}.learning-path article>span{position:absolute;left:0;top:1px;font-family:Cinzel,Georgia,serif;font-size:20px;color:var(--olive)}.learning-path h3{font-size:16px;margin-bottom:9px}.learning-path p{font-size:13px;color:var(--muted)}.sketchbook-band{background:var(--mist)}.project-section-title{display:flex;justify-content:space-between;align-items:start;gap:60px;margin-bottom:35px}.project-section-title h2{max-width:660px}.project-section-title>p{max-width:350px;font-size:14px;color:var(--muted)}.project-figure{min-width:0}.project-figure>a{position:relative;display:block;overflow:hidden;background:#d9cebd}.project-figure img{width:100%;transition:transform .4s}.project-figure>a:hover img{transform:scale(1.018)}.project-figure figcaption{font-size:11px;color:var(--muted);line-height:1.6;padding:12px 0}.enlarge{position:absolute;right:10px;bottom:10px;background:rgba(251,247,242,.94);color:#433627;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:18px}.concept-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:22px;margin-top:30px}.concept-grid img{height:315px;object-fit:contain;background:#eae7e0}.source-note{color:var(--muted);font-size:11px;line-height:1.7;margin-top:22px;max-width:900px}.development-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.development-timeline{list-style:none;margin:0;padding:0}.development-timeline li{padding:0 0 37px 30px;position:relative;border-left:1px solid var(--line);margin-left:5px}.development-timeline li:before{content:'';width:9px;height:9px;border:1px solid var(--olive);background:var(--paper);border-radius:50%;position:absolute;left:-5px;top:6px}.development-timeline li:last-child:before{background:var(--olive)}.development-timeline time{font-size:10px;color:var(--olive);letter-spacing:.1em}.development-timeline h3{font-size:20px;margin:9px 0 12px;max-width:370px}.development-timeline p{font-size:14px;color:var(--muted)}.timeline-current{display:inline-block;margin-top:17px;font-size:8px;letter-spacing:.1em;color:var(--olive);border:1px solid var(--line);padding:7px 9px}.timeline-images{display:flex;flex-direction:column;gap:23px}.timeline-images img{aspect-ratio:16/9;object-fit:contain;background:#cdbd9e}.game-gallery-band{background:#31362d;color:#fbf5e9}.game-gallery-band .eyebrow{color:#d3c691}.game-gallery-band .small-label,.game-gallery-band .project-section-title>p,.game-gallery-band figcaption,.game-gallery-band .source-note{color:#d3d3c5}.game-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.game-gallery img{aspect-ratio:16/9;object-fit:cover}.gallery-wide{grid-column:1/-1}.gallery-wide img{aspect-ratio:16/9}.model-workbench{display:grid;grid-template-columns:minmax(0,1fr) 285px;border:1px solid var(--line);background:var(--mist)}.model-stage{min-width:0;min-height:520px;position:relative;background:radial-gradient(ellipse at 50% 30%,#f8f4e8,#dfd3be);overflow:hidden}.model-stage model-viewer{display:block;width:100%;height:520px;touch-action:pan-y;--progress-bar-color:#626a2f;--progress-bar-height:3px}.model-stage model-viewer::part(default-progress-bar){border-radius:0}.model-stage-label{position:absolute;bottom:18px;left:22px;font-size:9px;letter-spacing:.15em;color:#5a5544;pointer-events:none}.model-stage #model-poster{height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 28px 45px}.model-stage #model-poster img{max-height:365px;width:100%;object-fit:contain}.model-stage #model-poster .button{background:#5c6622;color:#fbf7f2;border-color:#5c6622;font-size:12px}.model-info{padding:26px 23px;background:var(--paper);border-left:1px solid var(--line)}.model-choices{display:flex;flex-direction:column;gap:9px;margin:20px 0 28px}.model-choice{display:flex;text-align:left;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);background:transparent;color:var(--ink)}.model-choice.active{border-color:var(--olive);background:var(--olive-soft)}.model-choice img{width:58px;height:58px;object-fit:contain;background:#e9e2d6}.model-choice>span{font-size:13px;font-weight:500}.model-choice small{display:block;font-size:8px;letter-spacing:.1em;color:var(--muted);margin-top:4px}.model-info h3{font-size:21px;margin-bottom:10px}.model-info>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.7}.model-info .model-credit{font-size:10px!important;padding-top:12px;border-top:1px solid var(--line);margin-top:17px}.model-status{font-size:10px!important}.model-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}.model-controls button{min-height:44px;border:1px solid var(--line);color:var(--ink);background:var(--paper);padding:8px 13px;font-size:11px}.model-controls button[aria-pressed=true]{background:var(--olive-soft);border-color:var(--olive)}#model-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eee4d1;color:#3f382b;padding:30px;text-align:center;gap:15px}#model-error p{font-size:14px}.project-closing{background:var(--olive-soft);padding:68px 24px;text-align:center}.project-closing>div{max-width:680px;margin:auto}.project-closing h2{font-size:clamp(34px,4vw,56px);margin:22px 0}.project-closing p:not(.eyebrow){font-size:15px;color:var(--muted)}.project-closing .button{margin:28px 0}.project-closing .project-byline{font-size:12px!important;max-width:550px;margin:0 auto}.project-closing .project-updated{font-size:9px!important;letter-spacing:.13em;margin-top:28px}#project-lightbox{width:min(1250px,96vw);max-width:96vw;max-height:96dvh;padding:15px;border:1px solid #6b665b;background:#20241f;color:#fff;overflow:auto}#project-lightbox::backdrop{background:rgba(15,19,13,.9)}#close-lightbox{display:block;margin:0 0 10px auto;background:none;border:1px solid #777c6d;color:white;padding:9px 16px;font-size:12px;min-height:44px}#lightbox-image{width:100%;max-height:73dvh;object-fit:contain}.lightbox-bottom{display:flex;align-items:center;gap:18px;padding-top:12px}.lightbox-bottom p{flex:1;font-size:12px;color:#e1dfd1;margin:0;text-align:center}.lightbox-bottom button{border:1px solid #777c6d;background:transparent;color:white;min-width:44px;min-height:44px;font-size:20px}body:has(#project-lightbox[open]){overflow:hidden}
@media(min-width:1600px){.messenger-hero-copy{padding-left:100px}}
@media(max-width:1050px){.messenger-hero-copy{padding-left:32px}.messenger-hero-inner{grid-template-columns:1fr 1.1fr}.messenger-hero-image img{height:445px}.hero-description{font-size:14px}.messenger-hero .hero-actions{display:block}.project-text-link{display:inline-block;margin-top:10px}.projects-index,.project-section{padding:60px 32px}.purpose-intro,.purpose-columns{gap:35px}.project-section-title{gap:30px}.project-section-title>p{max-width:300px}.concept-grid img{height:240px}.development-layout{gap:45px}.model-workbench{grid-template-columns:minmax(0,1fr) 255px}.model-info{padding:25px 18px}.learning-path{gap:20px}.learning-path article{padding-left:28px}.small-label{display:none}}
@media(max-width:700px){.messenger-hero-inner{display:flex;flex-direction:column;min-height:0}.messenger-hero-copy{padding:22px 24px 33px}.project-back{margin-bottom:24px}.messenger-hero h1{font-size:59px;margin:18px 0 22px}.hero-deck{font-size:22px}.hero-description{font-size:15px;max-width:450px}.messenger-hero .hero-actions{display:flex;gap:20px}.project-text-link{margin:0}.project-status{margin-top:20px}.messenger-hero-image{padding:0 0 20px}.messenger-hero-image img{height:auto;aspect-ratio:16/10;object-position:center}.messenger-hero-image figcaption{padding:12px 24px 0;font-size:8px}.project-jump{justify-content:flex-start;gap:8px 22px;padding:10px 24px}.project-jump a{font-size:11px;min-height:40px}.projects-index,.project-section{padding:48px 24px}.project-intro{padding:0 0 34px}.project-intro h1{font-size:43px}.project-intro .lead{font-size:17px}.feature-image img{aspect-ratio:1.5}.feature-copy{gap:15px;padding:25px 0}.feature-copy h2{font-size:32px}.feature-copy p:not(.eyebrow){font-size:14px}.feature-copy .eyebrow{font-size:8px}.feature-arrow{font-size:30px}.project-tag{left:14px;top:14px;font-size:8px}.project-index-note{padding:40px 0 0}.project-index-note p{font-size:19px}.section-kicker{margin-bottom:26px}.section-kicker .eyebrow{font-size:9px;letter-spacing:.13em}.purpose-intro{display:block}.purpose-intro h2{font-size:30px}.purpose-intro .lead{margin-top:24px;font-size:16px}.purpose-columns{grid-template-columns:1fr;gap:28px;margin-top:30px;padding:28px 0}.purpose-columns h3{font-size:22px}.purpose-columns p{font-size:14px}.learning-path{grid-template-columns:1fr;gap:24px;padding-top:30px}.learning-path article{padding-left:37px}.learning-path p{font-size:14px}.project-section-title{display:block;margin-bottom:27px}.project-section-title h2{font-size:31px}.project-section-title>p{margin-top:18px;max-width:none;font-size:14px}.concept-grid{gap:18px;grid-template-columns:1fr 1fr;margin-top:20px}.concept-grid>figure:first-child{grid-column:1/-1}.concept-grid>figure:first-child img{height:auto;max-height:410px}.concept-grid img{height:210px}.project-figure figcaption{font-size:10px}.development-layout{display:flex;flex-direction:column;gap:15px}.development-timeline h3{font-size:19px}.development-timeline li{padding-bottom:28px;padding-left:25px}.timeline-images{gap:18px}.game-gallery{gap:18px;grid-template-columns:1fr}.gallery-wide{grid-column:auto}.game-gallery img{aspect-ratio:16/9}.model-workbench{display:flex;flex-direction:column}.model-stage,.model-stage model-viewer,.model-stage #model-poster{min-height:360px;height:360px}.model-stage #model-poster{padding:10px 15px 45px}.model-stage #model-poster img{max-height:245px}.model-stage-label{font-size:8px;bottom:13px;left:15px}.model-info{padding:23px 20px;border-left:0;border-top:1px solid var(--line)}.model-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0 24px}.model-choice{display:flex;flex-direction:column;padding:8px 4px;gap:4px;text-align:center}.model-choice img{width:65px;height:65px}.model-choice>span{font-size:10px}.model-choice small{font-size:7px}.model-controls{gap:7px;justify-content:flex-start}.model-controls button{font-size:10px;padding:8px 11px}.project-closing{padding:48px 24px}.project-closing p:not(.eyebrow){font-size:14px}.project-closing .button{font-size:12px;gap:10px}#project-lightbox{padding:10px}.lightbox-bottom{gap:10px}.lightbox-bottom p{font-size:10px}}
@media(max-width:360px){.messenger-hero h1{font-size:49px}.projects-index,.project-section{padding-left:20px;padding-right:20px}.project-jump{gap:3px 16px}.concept-grid img{height:170px}.model-info{padding-left:12px;padding-right:12px}.model-choice>span{font-size:9px}}