/* Avenox memory atelier: generated material scenes, real HTML controls. */
:root{--bg:#24231f;--deep:#171814;--paper:#eee3ca;--yellow:#e6bd64;--text:#f7edda;--muted:#c0b398;--line:#675b424d}
.masthead,.deck-footer,.chapter-rail{background:#24231ff5}.masthead{border-bottom-color:#85704b66}.edition{color:#e4bf78}.chapter-rail{border-right-color:#85704b55}.chapter-rail button.active{color:#f3d99c;border-left-color:#dcb563;background:#b9904020}.scene{background:#25241fe8}.scene.studio-intro{background:linear-gradient(90deg,#181912a8 0%,#18191263 46%,transparent 72%);grid-template-columns:64% 36%;min-height:calc(100svh - 164px)}#stage{background:none}.grain{opacity:.018}.display{text-shadow:0 3px 20px #15140b70}.display .payoff{color:#f4d793}.studio-intro .display{font-size:clamp(56px,6.4vw,118px);line-height:1.02;letter-spacing:-.015em}.studio-intro .lead{max-width:550px;color:#e4d9c3;font-size:21px}.studio-intro .kicker{color:#e3d4b7}.kicker strong{color:#edcf8c}.studio-intro .scene-copy{align-self:center}.choose-caption{font-size:14px;color:#d3c4a7;margin:25px 0 6px}.illustrated-clients{border:0;display:flex;gap:15px;align-items:stretch;flex-wrap:nowrap;margin:4px 0 12px}.illustrated-clients button{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px;border:0;border-bottom:1px solid #bd9a4d60;min-width:104px;width:134px;padding:5px 8px 12px;background:transparent;color:#d8c6a4;transition:color .2s,background .2s}.illustrated-clients button::before{content:'';z-index:-1;position:absolute;inset:30% 0 0;background:radial-gradient(ellipse at bottom,#d6ac4b20,transparent 68%);opacity:0;transition:opacity .25s}.illustrated-clients button:hover::before,.illustrated-clients button.selected::before{opacity:1}.illustrated-clients button.selected{background:none;border-bottom:2px solid #f1d398;color:#fff0cb}.illustrated-clients button img{width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 12px 7px #0007);transition:transform .25s;pointer-events:none}.illustrated-clients button:hover img{transform:translateY(-6px) rotate(-3deg)}.illustrated-clients button.selected img{transform:translateY(-5px)}.illustrated-clients button span{font-size:16px;font-weight:600}.illustrated-clients button i{width:5px;height:5px;background:#8a7550;border-radius:50%;position:absolute;bottom:-3px}.illustrated-clients button.selected i{background:#ffe0a1;box-shadow:0 0 8px #ffc95e}.client-read{font-size:15px;color:#f3e7ca;max-width:465px}.client-read>img{width:43px;height:43px;object-fit:contain}.client-read small{color:#d0c3a8;font-size:13px}.atelier-note{align-self:end;justify-self:end;margin-bottom:12px;max-width:305px;width:100%;}.atelier-note .hand-note{color:#ffe9bf;font-size:23px;text-shadow:0 2px 12px #000}.vault-prop{background:#211f19db;box-shadow:0 18px 30px #0004;border:1px solid #c6a36380;padding:15px;display:flex;gap:10px;align-items:center;text-align:left;width:100%;transform:rotate(-3deg);color:#d7c3a0;transition:transform .2s}.vault-prop:hover{transform:rotate(0) translateY(-5px)}.vault-prop strong{display:block;font:23px Georgia,serif;color:#fff1d1;margin:9px 0}.vault-prop small{font-size:13px}.vault-prop>span:not(.art-icon){font-size:13px}.art-view-link{background:none;padding:22px 0 0;color:#f5dcac;font-size:14px;text-decoration:underline;text-underline-offset:5px}.art-icon{width:68px;height:68px;flex-shrink:0;display:inline-block;background-image:url('assets/icon-atlas.webp');background-size:300% 200%;background-repeat:no-repeat;vertical-align:middle;filter:drop-shadow(0 5px 5px #0003)}.art-icon-0{background-position:0 0}.art-icon-1{background-position:50% 0}.art-icon-2{background-position:100% 0}.art-icon-3{background-position:0 100%}.art-icon-4{background-position:50% 100%}.art-icon-5{background-position:100% 100%}.version-tabs{gap:13px}.version-tabs button{display:flex;align-items:center;gap:10px;background:#211f1770;padding:8px 15px 8px 8px;border-color:#8d78584d;transform:none}.version-tabs button .art-icon{width:62px;height:62px}.version-tabs button.selected{background:#6f583d33;color:#ffe3a1;border-color:#c6a56f;box-shadow:0 5px 0 #14140e}.version-tabs button:nth-child(2){transform:none}.version-art{height:180px;text-align:center;margin-bottom:-65px;position:relative;z-index:2;pointer-events:none}.version-art .art-icon{height:195px;width:195px;transform:rotate(-9deg);filter:drop-shadow(10px 12px 10px #0005)}.version-card{padding-top:55px}.version-card .meta{padding-right:40px}.version-card .version-word{top:55px}.button{background:#e6c788;color:#25231b;box-shadow:inset 0 1px 0 #fff4,0 4px 8px #0002}.button.secondary{border-color:#ae956670;color:#ead7ae;background:#1b1b1570;box-shadow:none}.paper{box-shadow:7px 9px 0 #11120e70;background:#eee3cc}.scene-workshop,.scene-updater{padding-top:28px;padding-bottom:26px;gap:18px}.scene-workshop .wide-header,.scene-updater .wide-header{align-items:center}.sample-picker{max-width:390px;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.sample-picker>span{width:100%;color:#bda986;font-size:14px;text-align:right}.sample-picker button{padding:11px 15px;background:#393326;border:1px solid #80705270;color:#e7d5b2;font-size:15px}.sample-picker button.selected{border-color:#e3c180;color:#ffe6b7;background:#6f583d4d}.workshop-visual,.update-illustration{position:relative;overflow:hidden;border:1px solid #b69a6644;border-radius:4px;box-shadow:0 15px 30px #0003}.scene-plate{display:block;width:100%;height:100%;object-fit:cover}.workshop-visual{height:clamp(260px,33vw,460px)}.workshop-visual .scene-plate{object-position:center 75%}.workshop-hotspots{position:absolute;inset:0 1.5% 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1%}.workshop-hotspots button{background:none;position:relative;display:flex;align-items:center;justify-content:start;flex-direction:column;color:#291f10;padding:18px 4px;border-bottom:5px solid transparent}.workshop-hotspots button::after{content:'';position:absolute;inset:25% 2% 3%;border:1px solid #ffebbd00;border-radius:10px;transition:background .3s,border-color .3s;z-index:1;pointer-events:none}.workshop-hotspots button.live::after{background:#f6d6840f;border-color:#ffe7ae;box-shadow:inset 0 0 35px #ffecc433,0 0 16px #ffecc422}.workshop-hotspots button.live{border-bottom-color:#f2d68c}.station-light{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#33291ef0;color:#f2ddba;box-shadow:0 4px 9px #38290a66;font:18px Georgia,serif;margin-bottom:7px}.workshop-hotspots button b{background:#eee0c0e8;padding:6px 13px;font-size:14px;border:1px solid #98866566;font-weight:550}.workshop-hotspots button.live .station-light,.workshop-hotspots button.passed .station-light{background:#ebc76e;color:#302719}.plate-zoom{position:absolute;bottom:12px;right:13px;z-index:5;width:37px;height:37px;border-radius:50%;background:#272419d9;color:#ffe8b8;border:1px solid #e3c59466;font-size:20px}.workshop-readout{display:flex;align-items:center;gap:15px;min-height:95px}.workshop-readout>div:first-of-type{max-width:530px;flex:1}.workshop-readout h3{margin:5px 0;font:23px Georgia,serif;color:#f2dfba}.workshop-readout p{font-size:15px;line-height:1.5;color:#cabb9c;margin:5px 0}.workshop-readout .button-row{margin-left:auto;justify-content:flex-end;max-width:340px;gap:8px}.workshop-readout .button{padding:11px 15px;font-size:14px}.full-note{max-width:100%;margin:0;font-size:13px}.ask-tabs.illustrated-clients{justify-content:flex-end;margin:0}.ask-tabs.illustrated-clients button{width:108px;min-width:90px;padding-bottom:9px}.ask-tabs.illustrated-clients button img{height:75px;width:82px}.ask-tabs.illustrated-clients button span{font-size:14px}.receipt-bottom{align-items:flex-start}.skills-strip button{display:flex;align-items:center;gap:5px;padding:4px 10px 4px 4px;background:#211e16bb}.skills-strip button .art-icon{width:44px;height:44px}.skills-strip button.selected{border-color:#e1bd70}.skills-strip{margin-top:15px}.skill-explainer{max-width:625px}.source-value{color:#564123}.stamp{color:#796233}.update-illustration{height:clamp(255px,30vw,420px)}.update-illustration .scene-plate{object-position:50% 62%}.protected-label,.engine-label{position:absolute;top:15px;display:flex;align-items:center;gap:9px;padding:8px 15px 8px 8px;background:#242018e8;border:1px solid #c8a86e88;box-shadow:0 5px 14px #0004;color:#f2dfb8;max-width:44%}.protected-label{left:3%}.engine-label{right:3%}.protected-label .art-icon,.engine-label .art-icon{width:45px;height:45px}.protected-label b,.engine-label b{display:block;font-size:17px}.protected-label small,.engine-label small{display:block;font-size:13px;margin-top:5px;color:#c6b38f}.update-console{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.update-console .button-row{justify-content:flex-end}.update-console .update-steps{margin:0 0 14px}.update-console .update-message{font-size:15px;min-height:44px}.update-illustration.working .engine-label .art-icon{animation:crank 3s linear infinite}.setup-art{min-height:510px;align-items:end}.setup-art .setup-limon{position:absolute;width:126%;height:112%;left:-43%;bottom:9%;object-fit:contain;z-index:1}.setup-list{width:80%;justify-self:end;max-width:370px;margin-bottom:0;transform:rotate(3deg)}.setup-list h3{font-size:25px}.setup-list .step-row{padding:13px 0}.setup-list .step-row span{font-size:17px}.setup-list .stamp{font-size:11px}.head-actions{gap:19px}.head-actions button{font-size:13px}.sources{color:#c7b99e}.art-modal{padding:25px 30px;color:#eeddba}.art-modal header{display:flex;align-items:center;justify-content:space-between;gap:25px}.art-modal header span{font-size:13px;color:#baac90}.art-modal h2{font:32px Georgia,serif;margin:8px 0 18px}.art-modal header button{font-size:32px;background:none;color:#ecdcbb;padding:4px 12px}.art-canvas{height:min(54vh,620px);background:radial-gradient(ellipse,#4c4434,#191b17 80%);display:grid;place-items:center;border:1px solid #9c815255}.art-canvas img{height:100%;width:100%;object-fit:contain;min-height:0}.art-modal nav{display:flex;gap:9px;overflow-x:auto;margin-top:15px;padding:3px}.art-modal nav button{flex-shrink:0;background:#383326;border:1px solid #6e6045;width:78px;height:63px;padding:3px}.art-modal nav button.selected{border:2px solid #f0cd88;background:#645032}.art-modal nav img{width:100%;height:100%;object-fit:contain}.art-modal footer{display:flex;gap:13px;align-items:center;margin-top:16px}.art-modal footer p{font:20px Georgia,serif;margin:0 auto 0 0}.art-modal footer small{display:block;font:13px 'Avenir Next','Trebuchet MS',sans-serif;color:#b4a588;margin-top:8px}.art-modal footer button,.art-modal footer a{background:#e8c98a;color:#262318;padding:12px 16px;font-size:15px;text-decoration:none}.art-modal footer button{font-size:18px}#art-dialog{padding:0;width:min(1220px,94vw);max-height:96svh;border:1px solid #a18a5c;background:#24241f;box-shadow:0 35px 100px #000a;overflow:auto}#art-dialog::backdrop{background:#11140eee;backdrop-filter:blur(6px)}body.capture .plate-zoom,body.capture .art-view-link{opacity:0}body.capture .scene-workshop .full-note,body.capture .scene-updater .full-note{opacity:.7}@keyframes crank{to{transform:rotate(360deg)}}
@media(min-width:1700px){.studio-intro .display{font-size:112px}.illustrated-clients button{width:160px}.illustrated-clients button img{width:135px;height:135px}.atelier-note{max-width:340px}.workshop-visual{height:430px}}
@media(min-width:901px) and (max-height:850px){.studio-intro .display{font-size:clamp(54px,5.8vw,86px)}.studio-intro .lead{font-size:19px;margin-bottom:12px}.studio-intro .kicker{margin-bottom:20px}.choose-caption{margin-top:15px}.illustrated-clients button img{width:90px;height:90px}.illustrated-clients button{width:120px}.scene-workshop,.scene-updater{gap:12px;padding:22px 4%}.scene-workshop .wide-header .display,.scene-updater .wide-header .display{font-size:51px}.workshop-visual{height:260px}.workshop-readout .art-icon{width:55px;height:55px}.workshop-readout h3{font-size:20px}.workshop-readout p{font-size:14px}.workshop-readout{min-height:80px}.update-illustration{height:265px}.update-console .button{font-size:14px;padding:11px 15px}.evidence-scene .paper{min-height:230px}.ask-tabs.illustrated-clients button img{height:60px;width:70px}.version-art{height:135px;margin-bottom:-50px}.version-art .art-icon{height:155px;width:155px}.version-card{padding-top:40px}.setup-art{min-height:435px}.setup-list{width:85%}.setup-list .step-row{padding:10px 0}}
@media(max-width:1100px){.head-actions{gap:12px}.wordmark>span{display:none}.studio-intro .display{font-size:6.6vw}.atelier-note{max-width:240px}.vault-prop{padding:10px}.vault-prop strong{font-size:19px}.vault-prop .art-icon{width:55px;height:55px}.illustrated-clients button{width:113px;min-width:90px}.studio-intro .lead{font-size:18px;max-width:440px}.sample-picker{max-width:315px}.sample-picker button{font-size:14px;padding:9px 10px}.workshop-readout{gap:12px}.workshop-readout .button-row{max-width:235px}.workshop-readout h3{font-size:20px}.workshop-readout .art-icon{display:none}.update-console{gap:20px;grid-template-columns:1fr 1fr}.update-console .button-row{gap:7px}.skills-strip button{font-size:12px;padding:4px}.skills-strip button .art-icon{width:36px;height:36px}.version-tabs button .art-icon{width:48px;height:48px}.version-tabs button{font-size:20px}}
@media(max-width:900px){#stage{background-position:70% top;background-size:auto 780px}.scene.studio-intro{display:block;min-height:720px;background:linear-gradient(90deg,#171914c2 0%,#171914a8 52%,#17191425 100%);padding-bottom:38px}.studio-intro .scene-copy{max-width:590px}.studio-intro .display{font-size:clamp(54px,10.7vw,85px)}.studio-intro .lead{max-width:420px;font-size:19px}.atelier-note{max-width:350px;margin:32px 0 0}.atelier-note .hand-note{display:none}.vault-prop{padding:13px;transform:rotate(-2deg)}.vault-prop .art-icon{width:60px;height:60px}.vault-prop strong{font-size:22px}.art-view-link{padding-top:16px}.illustrated-clients button{width:125px}.illustrated-clients button img{width:100px;height:100px}.scene-workshop,.scene-updater{padding:30px 5%;gap:20px}.sample-picker{max-width:100%;justify-content:flex-start;margin-top:20px}.sample-picker>span{text-align:left}.workshop-visual{height:280px}.workshop-hotspots button{padding-top:12px}.workshop-hotspots button b{font-size:12px;padding:6px}.station-light{height:27px;width:27px;font-size:16px}.workshop-readout{flex-wrap:wrap}.workshop-readout>div:first-of-type{max-width:none;flex-basis:100%}.workshop-readout .button-row{margin-left:0;justify-content:flex-start;max-width:100%}.workshop-readout h3{font-size:24px}.workshop-readout p{font-size:16px}.ask-tabs.illustrated-clients{justify-content:flex-start;margin-top:20px}.ask-tabs.illustrated-clients button img{height:85px;width:85px}.skills-strip button{font-size:14px;padding:5px 9px}.skills-strip button .art-icon{width:42px;height:42px}.version-art{height:155px}.version-art .art-icon{height:185px;width:185px}.evolution{margin-top:0}.update-illustration{height:310px}.update-console{grid-template-columns:1fr;gap:12px}.update-console .button-row{justify-content:flex-start}.protected-label,.engine-label{padding:8px;gap:4px;top:10px}.protected-label .art-icon,.engine-label .art-icon{width:36px;height:36px}.protected-label b,.engine-label b{font-size:15px}.protected-label small,.engine-label small{font-size:12px}.setup-art{height:520px;min-height:0;max-width:650px;width:100%;margin:25px auto 0}.setup-art .setup-limon{height:105%;width:135%;left:-47%;bottom:6%}.setup-list{width:66%;max-width:400px;margin-bottom:0}.setup-list .step-row{padding:16px 0}.setup-list .step-row span{font-size:18px}.art-modal{padding:20px}.art-modal h2{font-size:25px}.art-canvas{height:48vh}.art-modal footer{flex-wrap:wrap}.art-modal footer p{flex-basis:100%;margin-bottom:8px}.art-modal nav button{width:66px;height:55px}}
@media(max-width:520px){.edition{display:none}.head-actions{margin-left:auto;gap:13px}.head-actions button{font-size:12px}.head-actions #present{display:none}.studio-intro .display{font-size:12.5vw}.scene.studio-intro{min-height:650px}.illustrated-clients{gap:8px}.illustrated-clients button{width:calc((100vw - 70px)/3);min-width:0}.illustrated-clients button img{width:88px;height:88px}.illustrated-clients button span{font-size:14px}.choose-caption{font-size:13px}.client-read{font-size:14px}.atelier-note{max-width:315px}.studio-intro .lead{font-size:18px}.workshop-visual{height:270px;overflow-x:auto;overflow-y:hidden}.workshop-visual>.scene-plate{width:690px;max-width:none;object-fit:cover}.workshop-hotspots{width:666px;left:12px;right:auto}.workshop-hotspots button b{font-size:13px}.workshop-visual .plate-zoom{position:sticky;float:right;right:10px;bottom:10px;margin-top:-48px;margin-right:10px}.scene-workshop .wide-header .display,.scene-updater .wide-header .display{font-size:12.3vw}.sample-picker{gap:7px}.sample-picker button{font-size:14px}.full-note{font-size:12px}.update-illustration{height:275px}.protected-label,.engine-label{max-width:47%;top:8px}.protected-label{left:2%}.engine-label{right:2%}.protected-label .art-icon,.engine-label .art-icon{display:none}.protected-label b,.engine-label b{font-size:14px}.protected-label small,.engine-label small{font-size:12px}.update-console .button{font-size:14px;padding:12px}.version-tabs{gap:9px}.version-tabs button .art-icon{width:44px;height:44px}.version-tabs button{padding:6px 10px 6px 5px;font-size:19px;gap:5px}.skills-strip button{font-size:12px}.skills-strip button .art-icon{width:34px;height:34px}.setup-art{height:490px}.setup-list{width:77%;padding:20px}.setup-list .step-row{gap:12px;padding:13px 0}.setup-list .step-row span{font-size:16px}.setup-list h3{font-size:23px}.setup-art .setup-limon{left:-52%;width:145%;height:107%}.art-modal{padding:15px}.art-modal h2{font-size:22px}.art-canvas{height:43vh}.art-modal footer small{font-size:12px}.art-modal footer a{margin-left:auto}.evolution{margin-left:0}}
@media(prefers-reduced-motion:reduce){.illustrated-clients button:hover img,.illustrated-clients button.selected img{transform:none}.update-illustration.working .engine-label .art-icon{animation:none}.vault-prop:hover{transform:rotate(-3deg)}}

/* Atlas is square: use square crops at each observed object row, without stretching. */
.art-icon{background-size:300% 300%}
.art-icon-0{background-position:0 21.5%}.art-icon-1{background-position:50% 21.5%}.art-icon-2{background-position:100% 21.5%}
.art-icon-3{background-position:0 77.75%}.art-icon-4{background-position:50% 77.75%}.art-icon-5{background-position:100% 77.75%}
@media(min-width:901px){.workshop-visual{height:clamp(325px,31vw,465px)}.workshop-visual .scene-plate{object-position:center 85%}.update-illustration{height:clamp(365px,35vw,510px)}.update-illustration .scene-plate{object-position:center center}}
@media(max-width:900px) and (min-width:521px){.workshop-visual{height:350px}.update-illustration{height:360px}}
@media(max-width:520px){.update-illustration{height:260px;background:#201e18}.update-illustration .scene-plate{object-fit:contain;object-position:center bottom}.workshop-visual .scene-plate{object-position:center 95%}}

#stage{background-position:center top}