:root{--ink:#183331;--deep:#102724;--cream:#f1e7d3;--paper:#e8dcc2;--gold:#e8b97b;--rust:#a46543;--muted:#bdc4b2;--line:rgba(236,221,193,.19);font-family:Arial,Helvetica,sans-serif;color:var(--cream);background:var(--deep);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:1px solid var(--line);padding:.7rem 1rem;border-radius:3px}button:hover{background:rgba(232,185,123,.13);border-color:var(--gold)}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,.scene-viewport:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(2.4rem,4.6vw,4.75rem);line-height:1.04;letter-spacing:-.045em}h1 em{color:var(--gold);font-weight:400}h2{font-size:clamp(1.7rem,2.5vw,2.5rem);line-height:1.16;letter-spacing:-.025em}h3{font-size:1.45rem}p{font-size:1rem;line-height:1.65}small{font-size:.75rem}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")} .masthead{height:94px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:15px;font-family:Georgia,serif;font-size:1.2rem;letter-spacing:.09em;white-space:nowrap}.brand small{display:block;font: .65rem Arial,sans-serif;letter-spacing:.19em;margin-top:7px;color:var(--muted)}.brand-mark{display:flex;border:1px solid #bb935f;width:40px;height:47px;align-items:center;justify-content:center;color:var(--gold);font-size:3rem;border-radius:21px 21px 0 0;line-height:1}.place{font-size:.75rem;letter-spacing:.13em;display:flex;align-items:center;gap:12px;color:var(--muted)}.sun-mark{font-size:1.7rem;color:var(--gold)}.place-rule{width:30px;height:1px;background:var(--line)}.quiet{font-size:.8rem;border:none;padding:.7rem .1rem;color:var(--muted)}.navigation{padding:0 4.5%;display:flex;gap:36px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}.navigation a{font-size:.875rem;white-space:nowrap;padding:21px 0 18px;border-bottom:2px solid transparent;color:var(--muted)}.navigation a[aria-current]{border-bottom-color:var(--gold);color:var(--gold)}main{max-width:1600px;margin:0 auto;padding:0 4.5%;min-height:70vh}.view{display:none;padding-bottom:36px}.view.active{display:block}.workshop-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:34px 0 28px;gap:32px}.eyebrow{font-size:.75rem;letter-spacing:.2em;line-height:1.5;color:var(--gold);margin-bottom:14px}.intro{color:#c9cdbb;max-width:370px;font-size:.95rem;line-height:1.8;padding-bottom:4px}.intro span{color:var(--gold);font-size:.875rem}.scene-shell{position:relative;border:1px solid #7b775a;background:#443e2c;overflow:hidden;border-radius:80px 80px 4px 4px}.scene-viewport{overflow:hidden;position:relative;aspect-ratio:2;min-height:340px;touch-action:none;cursor:grab}.scene-viewport.dragging{cursor:grabbing}.scene-world{position:absolute;inset:0;transform-origin:center;will-change:transform}.scene-world>img{width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.scene-world:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(19,31,24,.3),transparent 30%)}.sunlight{position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 53%,rgba(255,207,118,.11) 56%,transparent 74%);mix-blend-mode:screen;animation:light-breathe 8s ease-in-out infinite alternate}.motes{position:absolute;inset:0;pointer-events:none}.motes i{position:absolute;width:4px;height:4px;background:#ffda93;border-radius:50%;top:30%;left:64%;box-shadow:0 0 7px #f8d99c;animation:drift 9s linear infinite}.motes i:nth-child(2){left:78%;top:40%;animation-delay:-3s}.motes i:nth-child(3){left:69%;top:18%;animation-delay:-6s}.motes i:nth-child(4){left:84%;top:70%;animation-delay:-2s}.motes i:nth-child(5){left:55%;top:42%;animation-delay:-4s}.motes i:nth-child(6){left:73%;top:62%;animation-delay:-7s}#hotspots{position:absolute;inset:0;z-index:2}.hotspot{position:absolute;transform:translate(-50%,-50%);width:38px;height:38px;min-width:38px;padding:0;border:1px solid #f4d49b;border-radius:50%;color:#25372b;background:rgba(247,216,162,.94);font-size:.8rem;font-weight:bold;box-shadow:0 2px 12px #28261955}.hotspot:before{content:'';position:absolute;inset:-6px;border:1px solid #ffe5ad66;border-radius:50%;animation:ring 4s infinite}.hotspot:hover{background:#fff0c8;z-index:5}.hotspot.explored{background:#183b32;color:#f2cd8e}.hotspot .hotspot-name{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#112f29;color:#f3dfbd;padding:8px 12px;white-space:nowrap;font-size:.8rem;font-weight:normal;border:1px solid #d6ba83;border-radius:3px}.hotspot:hover .hotspot-name,.hotspot:focus-visible .hotspot-name{display:block}.scene-label{position:absolute;left:30px;top:25px;pointer-events:none;font-size:.75rem;letter-spacing:.16em;color:#fff0d1;text-shadow:0 1px 8px #000}.scene-label small{display:block;letter-spacing:.02em;margin-top:7px;color:#f0e1c7;font-size:.75rem}.tiny-line{display:inline-block;width:25px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.scene-controls{position:absolute;right:20px;top:23px;display:flex;align-items:center;background:#17332be8;border:1px solid #d7c09a55;border-radius:4px}.scene-controls button{border:0;border-radius:0;padding:7px 12px;font-size:1rem}.scene-controls #reset-view{font-size:.75rem;border-left:1px solid var(--line)}.scene-controls output{font-size:.75rem;min-width:46px;text-align:center}.scene-caption{background:#213d32f2;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 24px;font-size:.8rem;letter-spacing:.04em}.scene-caption button{border:0;padding:5px 0;color:var(--gold);font-size:.8rem;border-bottom:1px solid #c29b69;border-radius:0}.workshop-foot{display:flex;justify-content:space-between;align-items:center;padding-top:22px;gap:24px}.workshop-foot p{font-size:.875rem;color:var(--muted)}.small-sun{color:var(--gold);margin-right:10px}.text-link{white-space:nowrap;border-bottom:1px solid var(--gold);padding-bottom:5px;font-size:.875rem;color:var(--gold)}footer{padding:22px 4.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:Georgia,serif;letter-spacing:.1em;font-size:.875rem}footer small{margin-left:18px;font: .65rem Arial,sans-serif;color:var(--muted);letter-spacing:.15em}footer button{font: .8rem Arial,sans-serif;letter-spacing:0;border:none;color:var(--muted)}.section-heading{padding:42px 0 30px}.section-heading p:last-child{margin-top:17px;color:var(--muted);max-width:720px}.story-layout,.process-layout,.wall-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center}.story-theatre{position:relative;min-height:480px;border-radius:80px 80px 3px 3px;overflow:hidden;border:1px solid #7b775a;background:#4e4834}.story-theatre>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;filter:blur(2px)}.story-tint{position:absolute;inset:0;background:linear-gradient(0deg,#182f2d80,#b2874940);transition:background 1s}.story-theatre[data-chapter="2"] .story-tint{background:linear-gradient(0deg,#0a202ce8,#17323ccd)}#story-stage{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.person{fill:#192f2b;stroke:#192f2b}.story-old{opacity:1;transition:opacity 1s}.artisan{animation:artisan-work 4s ease-in-out infinite;transform-origin:180px 320px}.apprentice{animation:apprentice-work 4s ease-in-out infinite;transform-origin:328px 330px}.modern-city{fill:#253d3b;stroke:#253d3b;opacity:0;transform:translateY(100px);transition:opacity 1s,transform 1s}.walking{opacity:0;transform:translateX(-100px);transition:opacity 1s,transform 1s}.continuity{opacity:0;fill:#dfb273;transition:opacity 1s}.story-theatre[data-chapter="1"] .modern-city,.story-theatre[data-chapter="2"] .modern-city{opacity:1;transform:translateY(0)}.story-theatre[data-chapter="1"] .story-old{opacity:.45}.story-theatre[data-chapter="2"] .story-old{opacity:0}.story-theatre[data-chapter="2"] .walking{opacity:1;transform:translateX(0)}.story-theatre[data-chapter="2"] .leg-one{animation:walk 1.4s ease-in-out infinite alternate;transform-origin:348px 334px}.story-theatre[data-chapter="2"] .leg-two{animation:walk 1.4s ease-in-out infinite alternate-reverse;transform-origin:348px 334px}.story-theatre[data-chapter="3"] .continuity{opacity:1}.theatre-meta{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;gap:12px;font-size:.7rem;letter-spacing:.12em;color:#efd7af}.story-copy>p:not(.eyebrow){margin-top:22px}.field-note{font-size:.8rem;line-height:1.6;padding-left:15px;border-left:2px solid #a1855b;color:var(--muted)}.chapter-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.outline{font-size:.875rem}.filled{font-size:.875rem;background:var(--gold);color:#1c332a;border-color:var(--gold)}.filled:hover{background:#f3cf98;color:#132c25}#chapter-dots{display:flex;gap:10px;margin-top:24px}#chapter-dots button{height:10px;width:34px;padding:0;border-radius:0;border:0;background:#557062}#chapter-dots button[aria-pressed="true"]{background:var(--gold)}.provenance{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;font-size:.8rem;color:var(--muted)}.materials-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.material-display{background:radial-gradient(ellipse at 50% 35%,#4c5340,#213a32 70%);border:1px solid var(--line);min-height:425px;border-radius:75px 75px 4px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.material-display .eyebrow{margin-top:16px;color:#d3c6a9}#material-visual{width:80%;height:290px;display:flex;align-items:center;justify-content:center}#material-visual svg{width:100%;height:100%;filter:drop-shadow(0 25px 15px #0b211955)}.material-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.material-tabs button{font-size:.875rem}.material-tabs [aria-selected="true"]{border-color:var(--gold);color:var(--gold);background:#e8b97b12}#material-panel>p{margin-top:18px}.knowledge-note{padding:18px 20px;border-left:2px solid #c29964;background:#f4e2b307;font-size:.95rem;line-height:1.65;color:#d9d8c0;margin-top:24px}.knowledge-note p{margin-top:8px;font-size:.95rem}.safety{font-size:.8rem;color:var(--muted);line-height:1.6;border-top:1px solid var(--line);padding-top:18px;margin-top:28px}.process-visual{background:#233d34;border:1px solid var(--line);border-radius:70px 70px 4px 4px;overflow:hidden;position:relative;padding-top:10px;min-height:430px}.process-visual svg{width:100%;height:auto}.visual-caption{font-size:.75rem;color:var(--muted);text-align:center;display:block;padding:0 15px 20px;line-height:1.5}.step-list{display:flex;gap:10px;margin-bottom:22px}.step-list button{width:39px;height:39px;border-radius:50%;padding:0;font-size:.8rem}.step-list button[aria-pressed="true"]{background:var(--gold);color:#1c332a;border-color:var(--gold)}.process-copy>p:not(.eyebrow){margin-top:18px}#process-kiln,#process-basin,#process-wall{opacity:0;transition:opacity .5s}#process-visual[data-step="0"] #process-kiln,#process-visual[data-step="1"] #process-basin,#process-visual[data-step="2"] #process-basin,#process-visual[data-step="3"] #process-wall,#process-visual[data-step="4"] #process-wall{opacity:1}.flame{animation:flicker 1.8s ease-in-out infinite alternate;transform-origin:250px 320px}.vapour{animation:steam 3s ease-in-out infinite}#process-visual[data-step="2"] .vapour{opacity:0}.mix-stick{animation:mix 2.6s ease-in-out infinite alternate;transform-origin:340px 298px}#process-visual[data-step="1"] .mix-stick{opacity:0}.coat{opacity:0;transition:opacity 1s}.trowel-sweep{opacity:0}#process-visual[data-step="3"] .coat{opacity:.65}#process-visual[data-step="3"] .trowel-sweep{opacity:1;animation:trowel 4s infinite alternate ease-in-out}#process-visual[data-step="4"] .coat{opacity:1}.air-dots{opacity:0}#process-visual[data-step="4"] .air-dots{opacity:1;animation:air 2.5s linear infinite}.learning-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;border:1px solid var(--line);padding:32px;margin-top:36px;background:#24423655}.learning-card p{color:var(--muted);margin-top:14px}.learning-card .eyebrow{margin:0 0 10px;color:var(--gold)}#quiz-options{display:grid;gap:8px;margin-top:18px}#quiz-options button{text-align:left;font-size:.9rem;line-height:1.4}#quiz-options .correct{border-color:#b7d29b;background:#b7d29b18}#quiz-feedback{font-size:.9rem;margin-top:14px;min-height:24px;color:var(--gold)}#quiz-next{margin-top:15px}.wall-space{position:relative;min-height:480px;border:1px solid var(--line);background:radial-gradient(ellipse,#3c5140,#20392f);overflow:hidden;border-radius:70px 70px 4px 4px;perspective:1000px}.wall-model{--spread:65;position:absolute;width:255px;height:275px;left:calc(50% - 130px);top:95px;transform-style:preserve-3d;transform:rotateX(-10deg) rotateY(-32deg);transition:transform .3s}.wall-layer{position:absolute;inset:0;width:255px;height:275px;border:1px solid #c4ac83;transform:translateX(calc(var(--spread) * var(--offset) * 1px));box-shadow:9px 10px 0 #0003;transition:transform .2s,box-shadow .2s;padding:0}.wall-layer:hover,.wall-layer.selected{outline:3px solid var(--gold);outline-offset:3px;box-shadow:10px 12px 30px #1117}.wall-layer span{position:absolute;top:15px;left:15px;background:#183b31d9;padding:6px 8px;color:#f4d8a9;font-size:.75rem}.brick-layer{--offset:-1.2;background-color:#a06042;background-image:linear-gradient(#d5bd98 4px,transparent 4px),linear-gradient(90deg,#d5bd98 4px,transparent 4px);background-size:85px 46px}.mortar-layer{--offset:-.3;background-color:#b4a482;background-image:linear-gradient(#d2c4a0 6px,transparent 6px),linear-gradient(90deg,#d2c4a0 5px,transparent 5px);background-size:85px 46px;opacity:.95}.render-layer{--offset:.6;background:linear-gradient(120deg,#bba985,#d1c19d);border-color:#cfbc95}.wash-layer{--offset:1.5;background:linear-gradient(120deg,#e7d9b8,#c8bd9f)}.wall-floor{position:absolute;width:360px;height:65px;background:#0b211a50;filter:blur(15px);top:390px;left:calc(50% - 180px);transform:rotate(-10deg)}.wall-space .visual-caption{position:absolute;bottom:0;left:0;right:0}.range-label{display:flex;justify-content:space-between;gap:20px;font-size:.875rem;color:var(--gold)}input[type="range"]{width:100%;accent-color:var(--gold);margin:20px 0 28px;cursor:pointer}.layer-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.layer-buttons button{font-size:.8rem}.layer-buttons button[aria-pressed="true"]{border-color:var(--gold);color:var(--gold)}.wall-copy>p{margin-top:18px}#open-ar{margin-top:25px}.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.carbon-card,.comparison-card{padding:30px;background:#23413766;border:1px solid var(--line)}.carbon-cycle{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin-bottom:25px}.carbon-cycle span{border:1px solid #a58e6255;padding:13px 16px;font-family:Georgia,serif;font-size:1.3rem}.carbon-cycle small{display:block;font: .75rem Arial,sans-serif;margin-top:6px;color:var(--muted)}.carbon-cycle b{font-size:.8rem;color:var(--gold);font-weight:normal}.compare-switch{display:flex;gap:6px;flex-wrap:wrap;margin:25px 0}.compare-switch button{font-size:.8rem}.compare-switch .selected{background:var(--gold);color:var(--deep);border-color:var(--gold)}#comparison-content article{border-top:1px solid var(--line);padding:20px 0}#comparison-content h3{color:var(--gold);font-size:1.3rem;margin-bottom:10px}.small-note{font-size:.8rem;line-height:1.6;color:var(--muted);margin-top:22px}.continuity-card{display:flex;align-items:center;gap:35px;padding:38px 0;border-bottom:1px solid var(--line);margin-top:15px}.continuity-card p:last-child{max-width:850px;color:var(--muted);margin-top:15px}.large-symbol{font-family:Georgia,serif;line-height:1;font-size:8rem;color:var(--gold);min-width:130px;text-align:center}.sources{margin-top:28px}.sources summary{cursor:pointer;color:var(--gold);font-size:.9rem;padding:15px 0}.sources>div{max-width:950px;padding:18px 0}.sources h3{margin:18px 0 10px}.sources p,.sources li{font-size:.9rem;line-height:1.7;color:var(--muted)}.sources a{text-decoration:underline;text-underline-offset:3px;color:var(--gold)}.sources li{margin:10px 0}dialog{color:var(--cream);background:#19372e;border:1px solid #b89a67;box-shadow:0 25px 100px #0008;max-width:950px;width:calc(100% - 40px);max-height:90vh;padding:35px;border-radius:8px;overflow:auto}dialog::backdrop{background:#0b1918bb;backdrop-filter:blur(6px)}.close{position:absolute;right:12px;top:12px;font-size:1.7rem;width:40px;height:40px;padding:0;z-index:2;border:0;color:var(--gold)}#tool-dialog[open]{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.tool-portrait{background:radial-gradient(ellipse,#4b5a40,#284335);border-radius:100px 100px 3px 3px;min-height:360px;display:flex;align-items:center;justify-content:center;padding:20px}.tool-portrait svg{width:100%;height:250px;animation:tool-turn 5s ease-in-out infinite alternate;filter:drop-shadow(0 20px 9px #0b231777)}.tool-local{color:var(--gold);font-size:.8rem;margin:12px 0 18px}.tool-detail{padding-top:15px}.tool-detail .eyebrow{margin-bottom:10px}#tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}#tools-grid button{padding:15px;text-align:left;font-size:.875rem;display:flex;align-items:center;gap:10px}#tools-grid svg{width:65px;height:65px;flex-shrink:0}#tools-grid small{display:block;color:var(--muted);margin-top:5px;font-size:.75rem}#ar-dialog{max-width:720px}#ar-dialog>p:not(.eyebrow){margin-top:15px;color:var(--muted);font-size:.9rem}.ar-stage{height:270px;background:#28473c;perspective:700px;position:relative;overflow:hidden;border:1px solid var(--line);margin:22px 0}.ar-grid{position:absolute;inset:20% -20% -40%;background-image:linear-gradient(#dbc68e22 1px,transparent 1px),linear-gradient(90deg,#dbc68e22 1px,transparent 1px);background-size:40px 40px;transform:rotateX(60deg)}#camera-feed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ar-wall{position:absolute;width:190px;height:150px;left:calc(50% - 95px);top:60px;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(-25deg)}.ar-face{position:absolute;inset:0;border:1px solid #decda2}.ar-front{background-color:#a66343;background-image:linear-gradient(#d3bc91 4px,transparent 4px),linear-gradient(90deg,#d3bc91 4px,transparent 4px);background-size:63px 30px;transform:translateZ(20px)}.ar-front:after{content:'';position:absolute;inset:0;background:#dcd1b0;transition:transform .6s,opacity .6s}.ar-wall.revealed .ar-front:after{transform:translate(70px,-25px);opacity:.65}.ar-side{width:40px;background:#926443;transform:rotateY(90deg) translateZ(170px);transform-origin:left}.ar-top{height:40px;background:#b8885c;transform:rotateX(90deg);transform-origin:top}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:var(--gold);color:#17352a;padding:12px}.skip:focus{top:12px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}body.modal-open{overflow:hidden}[hidden]{display:none!important}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes light-breathe{to{opacity:.4}}@keyframes drift{0%{transform:translate(0,0);opacity:0}20%{opacity:.7}80%{opacity:.4}100%{transform:translate(-60px,-70px);opacity:0}}@keyframes ring{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes artisan-work{50%{transform:rotate(2deg)}}@keyframes apprentice-work{50%{transform:rotate(-2deg)}}@keyframes walk{to{transform:rotate(15deg)}}@keyframes flicker{to{transform:scaleY(.8)}}@keyframes steam{0%{opacity:0;transform:translateY(6px)}50%{opacity:.6}100%{opacity:0;transform:translateY(-14px)}}@keyframes mix{to{transform:rotate(-28deg)}}@keyframes trowel{to{transform:translate(150px,65px)}}@keyframes air{to{stroke-dashoffset:36}}@keyframes tool-turn{to{transform:rotate(5deg) translateY(-8px)}}
@media(min-width:1450px){.scene-viewport{aspect-ratio:2}.workshop-heading{padding-top:40px}}@media(max-width:1000px){.place{display:none}.navigation{gap:25px}.story-layout,.process-layout,.wall-layout{gap:28px;grid-template-columns:1fr 1fr}.story-theatre{min-height:410px}.materials-layout{gap:30px}.carbon-card,.comparison-card{padding:22px}.chapter-controls{gap:7px}.chapter-controls button{padding:.65rem .8rem}.scene-label{top:23px;left:20px}.scene-label small{max-width:230px}.workshop-heading .intro{max-width:300px}.wall-layer{width:215px}.wall-model{left:calc(50% - 115px);width:215px}.wall-model{--spread:45}footer small{display:none}}@media(max-width:700px){.masthead{height:78px;padding:0 6%;gap:10px}.brand{font-size:.95rem;gap:10px}.brand small{font-size:.55rem}.brand-mark{width:30px;height:38px;font-size:2.3rem}.quiet{font-size:.75rem}.navigation{padding:0 6%;gap:24px}.navigation a{padding:17px 0 14px;font-size:.8rem}main{padding:0 6%}.workshop-heading{display:block;padding:28px 0 23px}h1{font-size:2.8rem}.intro{margin-top:20px;font-size:.875rem;line-height:1.6}.intro br{display:none}.intro span{display:block;margin-top:6px}.scene-shell{border-radius:48px 48px 3px 3px}.scene-viewport{aspect-ratio:1.05;min-height:320px}.scene-world{width:165%;left:-32.5%}.scene-label{left:20px;top:20px;font-size:.65rem}.scene-label small{display:none}.scene-controls{top:auto;bottom:58px;right:12px}.scene-controls button{padding:8px 10px}.scene-caption{padding:13px 15px;font-size:.7rem}.scene-caption button{font-size:.75rem}.hotspot{width:34px;height:34px;min-width:34px;font-size:.75rem}.hotspot-name{display:none!important}.workshop-foot{display:block;padding-top:18px}.workshop-foot p{font-size:.8rem}.workshop-foot .text-link{display:inline-block;margin-top:15px}.section-heading{padding-top:30px}.section-heading h1{font-size:2.6rem}.section-heading p:last-child{font-size:.95rem}.story-layout,.process-layout,.wall-layout,.materials-layout{grid-template-columns:1fr;gap:25px}.story-theatre{min-height:345px;border-radius:50px 50px 3px 3px}.theatre-meta{font-size:.6rem;left:15px;right:15px}.story-copy>p:not(.eyebrow){margin-top:15px}.material-display{min-height:300px}.material-display #material-visual{height:210px}.material-tabs{margin-bottom:22px}.process-visual{min-height:310px}.learning-card{grid-template-columns:1fr;padding:22px;gap:25px}.wall-space{min-height:410px}.wall-model{top:67px;--spread:45}.wall-layer{width:180px;height:250px}.wall-model{width:180px;left:calc(50% - 105px)}.wall-floor{top:340px}.future-grid{grid-template-columns:1fr;gap:20px}.continuity-card{gap:20px;align-items:flex-start}.large-symbol{font-size:4.5rem;min-width:55px}.continuity-card h2{font-size:1.8rem}.continuity-card p:last-child{font-size:.9rem}.carbon-cycle span{font-size:1.15rem}.carbon-cycle b{font-size:.75rem}footer{padding:18px 6%;gap:15px;font-size:.75rem}footer button{font-size:.7rem;padding:8px 0}dialog{padding:28px 22px;width:calc(100% - 24px);max-height:92dvh}#tool-dialog[open]{grid-template-columns:1fr;gap:18px}.tool-portrait{min-height:170px;border-radius:45px 45px 3px 3px}.tool-portrait svg{height:150px}.tool-detail{padding-top:0}.tool-detail .knowledge-note{margin-top:18px}#tools-grid{grid-template-columns:1fr 1fr;gap:8px}#tools-grid button{display:block;padding:12px;font-size:.8rem}#tools-grid svg{height:55px;width:55px}.ar-stage{height:240px}}
.object-illustration{position:absolute;left:-42px;top:8px;width:72px;height:54px;z-index:-1;pointer-events:none;filter:drop-shadow(0 4px 3px #171c16aa)}.object-illustration svg{width:100%;height:100%}.added-object{isolation:isolate}.added-object>span:first-child{position:relative;z-index:2}.scene-hint{font-size:.75rem;color:var(--muted);margin:10px 0 0;text-align:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}