[hidden]{display:none!important}.view-switch{display:flex;background:#e9eae3;padding:5px;border-radius:30px;gap:3px;flex-shrink:0}.view-switch button{border:0;background:none;border-radius:24px;padding:11px 18px;font-size:13px;display:flex;gap:8px;align-items:center;color:#7d8276}.view-switch button[aria-pressed=true]{background:#fff;color:#31382c;box-shadow:0 1px 4px #242a1812}.content-overview{display:flex;flex-direction:column;gap:32px}.content-chapter{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fcfcf9}.content-chapter>summary{list-style:none;display:flex;align-items:center;gap:25px;padding:26px;cursor:pointer;background:var(--tint)}.content-chapter>summary::-webkit-details-marker{display:none}.content-chapter-image{width:120px;height:95px;border-radius:6px;flex-shrink:0;background:#ffffff65}.content-chapter>summary>span:nth-child(2){display:flex;flex-direction:column;gap:8px}.content-chapter>summary strong{font:550 30px Manrope,sans-serif;letter-spacing:-1px}.content-chapter>summary>span:nth-child(2)>span{font-size:14px;color:var(--muted)}.content-chevron{margin-left:auto;width:9px;height:9px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin-right:12px}.content-chapter[open] .content-chevron{transform:rotate(225deg)}.content-chapter .folder-content{border-top:1px solid var(--line)}
.experience-mode{padding-left:2.5%;padding-right:2.5%}.experience-mode .work-heading{padding:0 2.6%}.tablet-shell{background:#262a28;border-radius:28px;padding:20px 15px 16px;box-shadow:0 24px 50px #1d2f2026,0 2px 0 #5c645d inset;position:relative}.tablet-camera{position:absolute;left:50%;top:8px;width:5px;height:5px;border-radius:50%;background:#59635d;box-shadow:0 0 0 2px #151d18}.editor{border-radius:12px;overflow:hidden;background:#fbfcf8;border:1px solid #141c14;font-size:12px}.editor-top{height:57px;display:flex;align-items:center;border-bottom:1px solid #dfe4da;background:#fff;padding:0 17px;gap:20px}.editor-brand{display:flex;align-items:center;gap:10px;width:178px;flex-shrink:0}.editor-brand strong{font-size:12px;font-weight:600}.app-symbol{font:700 17px Manrope,sans-serif;color:#fff;background:#657f53;border-radius:7px;width:27px;height:27px;display:grid;place-items:center}.world-tabs{display:flex;gap:7px;flex:1}.world-tabs button{padding:8px 15px;border:0;background:none;border-radius:6px;color:#81877a;font-size:12px}.world-tabs button[aria-pressed=true]{background:#edf2e8;color:#456238}.editor-exit{border:0;background:#f0f2ec;width:29px;height:29px;font-size:21px;border-radius:6px}.editor-body{display:grid;grid-template-columns:182px minmax(0,1fr) 220px;min-height:620px}.editor-left,.editor-right{background:#fff;padding:20px 13px;min-width:0}.editor-left{border-right:1px solid #dfe4da;display:flex;flex-direction:column}.editor-right{border-left:1px solid #dfe4da}.editor-left h3,.editor-right h3{font:600 12px 'DM Sans',sans-serif;margin:0 0 20px;color:#343e2f}.scene-back{border:1px solid #e6e9e1;border-radius:6px;background:#fbfcf8;font-size:12px;padding:9px;text-align:left;margin-bottom:17px}.layer-list{display:flex;flex-direction:column;gap:6px}.layer-list button{border:0;background:none;text-align:left;border-radius:5px;padding:10px 7px;font-size:11px;display:flex;align-items:center;gap:8px;line-height:1.4}.layer-list button.selected{background:#edf3e7;color:#466132}.layer-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.tone-sage{background:#d6e7c8}.tone-mint{background:#c7e8da}.tone-blue{background:#c9dbee}.tone-lilac{background:#e4d7f0}.tone-peach{background:#efd8c7}.tone-gold{background:#f2e4bd}.layer-chevron{margin-left:auto}.navigation-help{margin-top:auto;padding-top:30px;color:#858d7b;font-size:11px;line-height:1.6}.navigation-help strong{font-size:11px;color:#65715a}.navigation-help p{margin-top:9px}kbd{font:10px 'DM Sans',sans-serif;display:inline-grid;place-items:center;min-width:21px;height:22px;border:1px solid #dce2d6;border-radius:4px;background:#fafbf7;color:#718067}.keycaps{display:flex;gap:5px;margin-top:12px}.editor-center{display:flex;flex-direction:column;min-width:0;background:#f1f4ed}.scene-breadcrumb{display:flex;gap:9px;align-items:center;padding:12px 17px;border-bottom:1px solid #e0e6da;font-size:10px;color:#a4ad9a;flex-wrap:wrap;min-height:42px;background:#f9fbf5}.scene-breadcrumb button{background:none;border:0;font-size:10px;padding:0;color:#6e7c61}.scene-breadcrumb button:last-child{color:#35472a}.iso-canvas{position:relative;flex:1;min-height:520px;overflow:hidden;cursor:crosshair;background-image:radial-gradient(#c8d3be 1px,transparent 1px);background-size:18px 18px;isolation:isolate}.iso-canvas:focus{outline:2px solid #8ca975;outline-offset:-3px}.canvas-title{position:absolute;top:25px;left:25px;pointer-events:none;z-index:1}.canvas-title h3{font:550 23px Manrope,sans-serif;letter-spacing:-.6px;color:#526348}.canvas-title p{font-size:11px;margin-top:6px;color:#95a089}.iso-canvas>svg{width:100%;height:100%;min-height:520px;position:absolute;inset:0;overflow:visible}.scene-object{cursor:pointer;transition:filter .18s}.scene-object.highlight{filter:url(#station-glow)}.object-label{cursor:pointer}.object-label rect{fill:#fbfcf4;stroke:#c8d5bb;stroke-width:.8}.object-label text{font:11px 'DM Sans',sans-serif;fill:#627451}.object-label.highlight rect{fill:#e0efcf;stroke:#779a5c;stroke-width:1.3}.scene-labels{pointer-events:auto}.canvas-controls{position:absolute;bottom:18px;left:18px;display:flex;align-items:center;background:#fff;border:1px solid #dce4d4;padding:5px;border-radius:8px;box-shadow:0 4px 8px #42592d0a;cursor:default;gap:4px}.canvas-controls button{background:none;border:0;width:25px;height:25px;font-size:18px;color:#6b7d5c}.canvas-controls>span{height:18px;border-left:1px solid #e0e5da;margin:0 5px}.canvas-controls output{font-size:10px;min-width:32px;text-align:center;color:#6b7d5c}.canvas-status{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-top:1px solid #dfe7d8;font-size:9px;color:#7a8b6d;background:#f8fbf3}.canvas-status i{width:5px;height:5px;display:inline-block;border-radius:50%;background:#8da573;margin-right:4px}.editor-right h4{font-size:18px;font-weight:500;line-height:1.4;margin:18px 0 8px;letter-spacing:-.4px}.editor-right p{font-size:11px;line-height:1.75;color:#7d8773;margin-top:14px}.inspector-empty{margin-top:90px;text-align:center}.inspector-empty>span{font-size:35px;color:#bac9ab}.inspector-empty h4{font-size:16px}.inspector-model{height:145px;border-radius:7px;display:grid;place-items:center}.inspector-model svg{height:130px;width:150px}.object-kind{font-size:10px;color:#8b987e}.inspector-details{border-top:1px solid #e5eadf;margin-top:20px;padding-top:15px;display:flex;flex-direction:column;gap:10px;color:#718064;font-size:10px;line-height:1.5}.inspector-details h5{font-size:10px;font-weight:600;margin:0 0 4px;color:#56654a}.inspector-action{border:1px solid #c8d8bb;border-radius:6px;background:#edf5e5;width:100%;padding:11px;margin-top:25px;font-size:11px;text-align:left;display:flex;justify-content:space-between;gap:10px;color:#4f6b3a}.arrival-card{position:absolute;bottom:65px;left:18px;right:18px;padding:16px;background:#ffffffed;border:1px solid #b8cca5;border-radius:10px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 30px #4e643426;cursor:default;backdrop-filter:blur(10px)}.arrival-card>div{flex:1;display:flex;flex-direction:column;gap:5px}.arrival-card>div>span{font-size:9px;color:#81966d}.arrival-card strong{font-size:15px;font-weight:500;color:#415b30}.arrival-card button[data-enter]{border:0;border-radius:6px;padding:11px 13px;background:#64824e;color:#fff;font-size:11px}.arrival-card button[data-dismiss]{border:0;background:none;font-size:19px;color:#87977a}.inspector-action:focus-visible,.editor button:focus-visible{outline-color:#73905e}.editor button:hover{filter:brightness(.97)}
@media(min-width:1500px){.editor-body{min-height:690px}.iso-canvas{min-height:590px}.iso-canvas>svg{min-height:590px}}
@media(max-width:1100px){.editor-body{grid-template-columns:145px minmax(0,1fr) 170px;min-height:580px}.editor-brand{width:140px}.editor-left,.editor-right{padding:16px 10px}.iso-canvas,.iso-canvas>svg{min-height:490px}.editor-right h4{font-size:16px}.canvas-title{left:17px;top:22px}.canvas-title h3{font-size:20px}.world-tabs button{padding:8px 10px}.tablet-shell{padding:18px 10px 11px}.arrival-card{gap:8px;padding:12px}.arrival-card strong{font-size:13px}.arrival-card button[data-enter]{padding:9px;font-size:10px}}
@media(max-width:800px){.view-switch{display:none}#experience-host{display:none!important}.content-chapter>summary{padding:20px;gap:15px}.content-chapter-image{width:80px;height:90px;font-size:10px;padding:10px}.content-chapter>summary strong{font-size:26px}.content-chapter>summary>span:nth-child(2)>span{font-size:12px}.content-chapter .folder-content{padding:20px}.experience-mode{padding-left:5%;padding-right:5%}}
@media(prefers-reduced-motion:reduce){.scene-object{transition:none}}
/* The canvas itself is an isometric floor; camera follows the explorer. */
.iso-canvas{background:#e6ece1;background-image:none}.iso-canvas>svg{display:block;overflow:hidden}.canvas-title{padding:12px 15px;top:16px;left:16px;border-radius:8px;background:#f7faf0d9;backdrop-filter:blur(8px)}.canvas-title h3{font-size:20px}.canvas-title p{color:#7b8e6b}.keycaps{display:grid;grid-template-columns:1fr 1fr;gap:6px}.keycaps kbd{width:auto;padding:3px 6px;height:27px}.keycaps .key-w{color:#548cc1;border-color:#b9d1e8}.keycaps .key-a{color:#9973bc;border-color:#d6c6e4}.keycaps .key-s{color:#b8873f;border-color:#e2d0ae}.keycaps .key-d{color:#65905c;border-color:#c6dcb9}.keycaps kbd.pressed{background:#e4eddc;border-width:2px}.step-cell text{paint-order:stroke;stroke:#f1f5ec;stroke-width:1px}.step-cell[data-blocked=true]{opacity:.5}.scene-floor{pointer-events:all}.scene-labels{pointer-events:auto}
/* Quiet editor chrome and a paper-white isometric drawing surface. */
.editor-top{justify-content:center;padding-left:18px}.world-tabs{gap:8px}.world-tabs button{display:flex;align-items:center;justify-content:center}.world-tabs button[data-scene=home]{min-width:38px;padding:8px 10px}.editor-left{padding-top:18px}.iso-canvas,.editor-center{background:#fafaf8}.object-label text{font-size:8px;fill:#5d6459}.object-label rect{fill:#ffffffed;stroke:#c9cec3;stroke-width:.55}.object-label.highlight rect{fill:#f0f6e9;stroke:#83a269;stroke-width:.9}.sr-only{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Shared proportions for the workspace header and its two sidebars. */
.editor{--left-panel:230px;--right-panel:210px}.editor-top{display:grid;grid-template-columns:var(--left-panel) minmax(0,1fr);height:64px;padding:0;gap:0}.workspace-brand{height:100%;display:flex;align-items:center;gap:10px;padding:0 18px;border-right:1px solid #dfe4da;white-space:nowrap}.workspace-logo{width:28px;height:28px;border-radius:4px;background:#ffc185;color:#a57138;display:grid;place-items:center;font:700 18px Manrope,sans-serif}.workspace-brand strong{font-size:14px;letter-spacing:-.25px;font-weight:650}.world-tabs{padding:0 18px;gap:12px;align-self:center}.editor-body{grid-template-columns:var(--left-panel) minmax(0,1fr) var(--right-panel);height:640px;min-height:640px}.editor-center{min-height:0;overflow:hidden;position:relative}.iso-canvas{min-height:0;height:100%}.iso-canvas>svg{min-height:0;height:100%}.editor-left,.editor-right{overflow:auto}.inspector-model svg{view-transition-name:none}.inapp-project{height:100%;overflow-y:auto;overscroll-behavior:contain;background:#fcfcf9;cursor:auto}.inapp-project-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 22px;border-bottom:1px solid #e1e4da;background:#fcfcf9f5;backdrop-filter:blur(8px);font-size:11px;color:#86907d}.inapp-project-bar button{border:1px solid #dde3d5;background:#fff;border-radius:6px;padding:8px 12px;font-size:11px}.inapp-project-content{padding:30px}.inapp-project-content h2{font:550 30px Manrope,sans-serif;letter-spacing:-1px;margin:0 0 16px}.inapp-project-content h2:focus{outline:none}.inapp-description{font-size:14px;line-height:1.7;color:#78816f}.project-cover-placeholder{height:210px;background:#f0f1eb;border:1px dashed #ccd4c2;border-radius:7px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:#8a9580;font-size:12px;margin-top:26px}.project-cover-placeholder>span:first-child{font-size:25px}.inapp-project-content section{margin-top:30px}.inapp-project-content h3{font-size:16px;font-weight:550;letter-spacing:-.2px;margin:0 0 16px}.inapp-project-content ul{padding-left:19px;font-size:13px;line-height:1.9;color:#738064}.inline-project-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline-project-links button{padding:13px;background:#f4f6ef;border:1px solid #dfe4d7;text-align:left;border-radius:6px;font-size:12px}.inline-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.inline-gallery-heading h3{margin:0}.inline-gallery-heading>div{display:flex;align-items:center;gap:8px;font-size:10px}.inline-gallery-heading button{border:1px solid #dce2d4;background:white;width:28px;height:28px;border-radius:50%;font-size:20px}.inline-gallery-heading button:disabled{opacity:.3;cursor:default}.inline-reference{width:100%;max-height:300px;object-fit:contain;background:#eee;margin-top:16px;border:1px solid #e0e4d9;border-radius:5px}.inline-note{font-size:11px;color:#8c9583;line-height:1.6;margin-top:10px}
@media(max-width:1100px){.editor{--left-panel:200px;--right-panel:175px}.workspace-brand{padding:0 12px;gap:8px}.workspace-brand strong{font-size:12px}.workspace-logo{width:25px;height:25px;font-size:16px}.world-tabs{gap:5px;padding:0 10px}.editor-body{min-height:600px;height:600px}.inapp-project-content{padding:22px}.inapp-project-content h2{font-size:26px}}
/* Full-width canvas; properties appear only when an object is selected. */
.editor-body{grid-template-columns:minmax(0,1fr)}.editor-right{display:none}.editor.has-selection .editor-body{grid-template-columns:minmax(0,1fr) var(--right-panel)}.editor.has-selection .editor-right{display:block}.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.inspector-heading h3{margin:0}.inspector-heading button{border:0;background:#f1f4ed;width:25px;height:25px;border-radius:5px;font-size:20px;color:#849178}.inspector-model svg{width:160px;height:140px}.workspace-brand{border-right:1px solid #e0e4db}.editor-top{grid-template-columns:230px minmax(0,1fr)}
@media(max-width:1100px){.editor-top{grid-template-columns:200px minmax(0,1fr)}.editor-body{grid-template-columns:minmax(0,1fr)}.editor.has-selection .editor-body{grid-template-columns:minmax(0,1fr) 175px}}

/* Compact chapter dropdowns and a clear boundary before project sections. */
.content-chapter>summary{padding:28px 32px;min-height:110px}
.content-chapter>summary>.content-chapter-copy{display:flex;flex-direction:column;gap:8px}
.content-chapter>summary>.content-chapter-copy>span{font-size:14px;color:var(--muted)}
.folder-content>.studio-intro+.folder-section,.folder-content>.startup-intro+.folder-section,.folder-content>.folder-intro+.folder-section{border-top:1px solid var(--line);padding-top:36px;margin-top:36px}
@media(max-width:800px){.content-chapter>summary{padding:22px 20px;min-height:96px}.content-chapter>summary>.content-chapter-copy>span{font-size:12px}.folder-content>.studio-intro+.folder-section,.folder-content>.startup-intro+.folder-section,.folder-content>.folder-intro+.folder-section{padding-top:28px;margin-top:28px}}

/* Supplied company artwork, shared by initial load and Content mode. */
.content-chapter>summary{gap:25px;padding:26px;min-height:147px}
.content-chapter-logo{display:block;width:120px;height:95px;object-fit:contain;flex:none}
.content-chapter-copy{min-width:0}
@media(max-width:800px){.content-overview{gap:20px}.content-chapter>summary{gap:18px;padding:20px;min-height:116px}.content-chapter-logo{width:88px;height:auto}.content-chapter>summary strong{font-size:26px}.content-chevron{flex-shrink:0;margin-right:2px}}
@media(max-width:480px){.content-chapter>summary{gap:14px;padding:18px 15px}.content-chapter-logo{width:68px}.content-chapter>summary strong{font-size:24px}.content-chapter>summary>.content-chapter-copy>span{font-size:11px;line-height:1.5}.content-chapter>summary>.content-chapter-copy{gap:5px}}