@font-face{font-family:Manrope;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/vazirmatn-arabic-wght-normal-Cafbb7Zc.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{font-family:Manrope,system-ui,sans-serif;color:#f5e8d6;background:#211c19;font-synthesis:none}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:24px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d46a36;outline-offset:5px}.fa{font-family:Vazirmatn,Tahoma,sans-serif}p,h1,h2,h3{margin:0}.skip{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:100;background:#fff;color:#222;padding:15px}.skip:focus{transform:none}.mast{position:absolute;z-index:5;top:0;left:0;right:0;padding:25px 4vw;display:flex;align-items:center;justify-content:space-between;font-size:12px}.identity{font-size:28px;display:flex;align-items:center;gap:12px}.identity .fa{border-left:1px solid #b3a38c;padding-left:12px}.edition{font-size:9px;letter-spacing:.19em;display:flex;gap:18px;align-items:center}.edition .fa{font-size:18px;letter-spacing:0}.mast>a:last-child{border-bottom:1px solid #ab9c86;padding:12px 0}.passage{height:225svh;position:relative;--travel:0}.passage-view{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;background:#dec8a8;isolation:isolate}.architecture{position:absolute;inset:0;perspective:1000px;perspective-origin:50% 48%;overflow:hidden}.scene-world{position:absolute;left:50%;top:50%;width:max(1100px,115vw);height:110svh;min-height:750px;transform-style:preserve-3d;transform:translate(-50%,-50%) translateZ(calc(-720px + var(--travel)*1050px)) rotateY(calc(-3deg + var(--travel)*3deg))}.back-wall{position:absolute;inset:0;transform:translateZ(-550px);background:radial-gradient(ellipse at 80% 20%,#f2e3be88,transparent 65%),repeating-linear-gradient(3deg,#ddc6a500 0 5px,#c3a27e12 6px 7px),#dcc7a7;border:3px solid #b59c79}.wall-dado{position:absolute;bottom:0;left:0;right:0;height:18%;background:#986449;border-top:8px solid #155b60}.side-wall{position:absolute;top:0;height:100%;width:1100px;background:repeating-linear-gradient(1deg,transparent 0 7px,#8f74551a 8px 9px),linear-gradient(#b69b75,#dec8a8 70%);border-bottom:75px solid #8a5a40}.side-wall-left{left:0;transform-origin:0 50%;transform:translateZ(400px) rotateY(90deg);box-shadow:inset 0 0 80px #3a282350}.side-wall-right{right:0;transform-origin:100% 50%;transform:translateZ(400px) rotateY(-90deg);background:#dbc4a1}.ceiling{position:absolute;left:0;top:0;width:100%;height:1100px;transform-origin:50% 0;transform:translateZ(400px) rotateX(-90deg);background:repeating-linear-gradient(90deg,#73543b 0 20px,#a88763 21px 150px);border-bottom:12px solid #795438}.ground{position:absolute;top:100%;left:0;width:100%;height:1100px;transform-origin:50% 0;transform:translateZ(400px) rotateX(-90deg);background:repeating-linear-gradient(90deg,transparent 0 170px,#9e785b 171px 174px),repeating-linear-gradient(0deg,#966b4d 0 85px,#b18a67 86px 89px)}.woven-runner{position:absolute;top:100px;left:28%;width:44%;height:760px;background:repeating-linear-gradient(0deg,#ffffff0d 0 2px,transparent 3px 5px),#8b3f2e;border:18px double #d3a564;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;box-shadow:0 12px 15px #34251d44}.woven-runner i{display:block;width:120px;height:120px;background:#1b6261;outline:8px solid #c79c5b;transform:rotate(45deg);border:24px solid #243f49}.ground-light{position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 30%,#f6e0a970 31% 48%,transparent 49% 52%,#f6e0a950 53% 70%,transparent 71%)}.studio-window{position:absolute;right:12%;top:15%;width:33%;height:55%;display:flex;gap:9px;border:20px solid #56624f;background:#dec8a8;box-shadow:18px 14px #927855,inset 0 0 18px #273d38}.studio-window i{flex:1;background:linear-gradient(150deg,#1d5860,#5d9390 60%,#a8c3a5);border:3px solid #866d45}.studio-window i:nth-child(2){background:linear-gradient(#366076,#9ab0aa)}.studio-window b{position:absolute;left:-10px;right:-10px;top:37%;height:12px;background:#94744c;box-shadow:0 7px #293d3666}.window-cast{position:absolute;inset:15% -10% 0 15%;background:linear-gradient(128deg,transparent 0 26%,#fff1c580 27% 41%,transparent 42% 45%,#fff1c54d 46% 61%,transparent 62%);pointer-events:none}.wall-word{position:absolute;left:15%;top:31%;color:#745239;font-size:clamp(2rem,4vw,4rem);opacity:.7}.spatial-desk{position:absolute;left:20%;top:70%;width:55%;height:12%;transform:translateZ(-140px);transform-style:preserve-3d}.desk-top{position:absolute;left:0;right:0;top:0;height:240px;transform-origin:50% 0;transform:rotateX(90deg);background:repeating-linear-gradient(4deg,#875e3e 0 3px,#8f654312 4px 8px),#a2764f;border:9px solid #7a5136}.desk-front{position:absolute;inset:0;background:linear-gradient(#af8157,#71492f);border-bottom:5px solid #3f3830}.desk-leg{position:absolute;top:100%;width:5%;height:160px;background:#583e2c}.leg-left{left:4%}.leg-right{right:4%}.closed-book{position:absolute;left:18%;top:40px;width:130px;height:160px;background:#164e56;border-left:10px solid #c59864;box-shadow:5px 5px #e9d6b4}.copper-dish{position:absolute;right:15%;top:75px;width:90px;height:90px;border-radius:50%;background:radial-gradient(#b88150 20%,#745039 60%,#d5a576 64%,#855238 75%)}.doorway{position:absolute;inset:0;transform:translateZ(400px);transform-style:preserve-3d}.door-face{position:absolute;inset:0;border-style:solid;border-width:16svh 20vw 8svh;border-color:#69513a #705038 #513e2e;box-shadow:0 0 0 100vmax #27231d;transform:translateZ(2px)}.door-face:before,.door-face:after{content:"";position:absolute;top:-16svh;bottom:-8svh;width:17vw;background:repeating-linear-gradient(0deg,transparent 0 29px,#3d2d2266 30px 32px),linear-gradient(90deg,#7e573c,#9b7250 55%,#513b2c)}.door-face:before{right:100%;margin-right:1.5vw}.door-face:after{left:100%;margin-left:1.5vw;transform:scaleX(-1)}.door-relief{position:absolute;top:-12svh;left:0;right:0;height:8svh;display:flex;align-items:center;justify-content:center;gap:25px;color:#caa474}.door-relief>span{width:25%;height:7px;border-top:1px solid #b28e64;border-bottom:1px solid #3e3023}.rosette{height:100%;width:auto;flex-shrink:0}.door-copper{position:absolute;inset:0;border:6px solid #8f7752;box-shadow:0 0 0 3px #372f25;pointer-events:none}.door-reveal{position:absolute;background:repeating-linear-gradient(0deg,#887052 0 31px,#55432f 32px 34px);height:76%;top:16%;width:180px}.reveal-left{left:20vw;transform-origin:0 50%;transform:rotateY(90deg)}.reveal-right{right:20vw;transform-origin:100% 50%;transform:rotateY(-90deg)}.reveal-top{top:16%;left:20vw;right:20vw;width:auto;height:180px;transform-origin:50% 0;transform:rotateX(-90deg);background:#564431}.room-shade{position:absolute;inset:0;background:linear-gradient(0deg,#17171495,transparent 45%,#17171470);opacity:calc(1 - var(--travel));pointer-events:none}.entrance-title{position:absolute;top:34%;left:0;width:100%;text-align:center;transform:translateY(calc(var(--travel)*-100px));opacity:clamp(0,calc(1 - var(--travel)*3.8),1)}.entrance-title>p{font-size:9px;letter-spacing:.2em;margin-bottom:24px}h1{font-size:clamp(5rem,12vw,12rem);line-height:.9;font-weight:450;letter-spacing:-.075em;text-shadow:0 3px 22px #17171499}h1 .fa{display:block;font-size:.46em;line-height:1.7;letter-spacing:0;color:#f0d1a0}.entrance-caption{position:absolute;left:5%;right:5%;bottom:12%;display:flex;justify-content:space-between;align-items:end;font-size:14px;line-height:1.7;opacity:clamp(0,calc(1 - var(--travel)*3),1)}.entrance-caption .fa{font-size:15px}.passage-footer{position:absolute;bottom:4%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em;opacity:clamp(0,calc(1 - var(--travel)*2),1)}.passage-footer button{border:0;background:none;color:inherit;padding:12px}.passage[data-entered=true] .passage-footer{visibility:hidden}.arrival{position:absolute;top:32%;left:9%;display:flex;flex-direction:column;gap:12px;color:#3b3428;opacity:clamp(0,calc((var(--travel) - .8)*5),1)}.arrival>span:first-child{font-size:10px;letter-spacing:.2em}.arrival .fa{font-size:clamp(3rem,6vw,6rem)}.atelier{position:relative;overflow:hidden;background:#dcc7a7;color:#302b23;padding:85px 6vw 0;isolation:isolate}.studio-light{position:absolute;inset:0;z-index:-1;background:linear-gradient(128deg,transparent 12%,#fff0c380 13% 31%,transparent 32% 35%,#fff0c350 36% 52%,transparent 53%);transform:translate(calc((var(--sun) - 50%)*.5));pointer-events:none}.studio-reveal{position:absolute;right:-2%;top:-50px;width:34%;height:420px;transform:skewY(-8deg);display:flex;gap:9px;z-index:-1;border:15px solid #56624f;background:#dcc7a7;box-shadow:-16px 15px #927855}.studio-reveal span{flex:1;background:linear-gradient(150deg,#1d5860,#5d9390 60%,#a8c3a5);border:3px solid #866d45}.studio-reveal:after{content:"";position:absolute;left:0;right:0;top:37%;height:12px;background:#94744c}.eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:26px}.room-heading{position:relative;margin-bottom:65px;max-width:72%}.room-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(3rem,5.6vw,6rem);line-height:1.08;letter-spacing:-.05em}.room-heading em{font-weight:400;color:#88472e}.room-heading>p:last-child{font-size:14px;line-height:1.8;margin-top:25px}.workbench{position:relative;display:grid;grid-template-columns:1fr 2.6fr;align-items:start;gap:42px;padding:48px;background:repeating-linear-gradient(1deg,#ffffff08 0 3px,transparent 4px 10px),#895b3e;border-top:12px solid #ae8055;border-bottom:20px solid #5b3c2b;box-shadow:0 24px 30px #5c40342e;isolation:isolate}.workbench:before{content:"";position:absolute;top:0;bottom:0;left:3%;width:27%;z-index:-1;background:repeating-linear-gradient(45deg,transparent 0 38px,#cea66a 39px 44px,transparent 45px 78px),repeating-linear-gradient(-45deg,#164e56 0 38px,#b17142 39px 44px,#164e56 45px 78px);border-inline:12px double #d2aa70}.notebooks{display:flex;flex-direction:column;gap:24px;perspective:900px}.notebooks button{padding:24px 18px 18px;display:flex;flex-direction:column;align-items:start;gap:12px;border:0;border-left:10px solid #112d34;background:#1a535b;color:#f5e3c4;text-align:left;font-size:15px;min-height:155px;box-shadow:4px 5px #d2bf9c,7px 8px #2c2a25;transform:rotate(-3deg);transition:transform .3s ease,background .3s}.notebooks button:nth-child(2){background:#923f2e;border-left-color:#653022;transform:rotate(2deg)}.notebooks button:nth-child(3){background:#293c5c;border-left-color:#17273e}.notebooks button[aria-pressed=true]{transform:translateY(-5px) rotate(0);outline:2px solid #f5d19a;outline-offset:5px}.book-subtitle{font-size:15px;opacity:.9}.book-action{font-size:9px;letter-spacing:.1em;margin-top:auto}.folio{padding:35px clamp(24px,3.5vw,55px);background:linear-gradient(90deg,#e1d4b9,#faf2df 5%,#f5ecd6 97%,#dcc9a7);box-shadow:5px 7px #cbbb9c,9px 11px #eadfc4,16px 20px 25px #30251d40;border-left:1px solid #fff8eb;position:relative;min-height:650px;animation:page-open .4s ease-out;transform-origin:0 50%}.folio:before{content:"";position:absolute;top:0;bottom:0;left:18px;border-left:1px solid #a6643a30}.folio-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;letter-spacing:.1em;color:#766047;margin-bottom:35px}.folio-top .rosette{width:34px;height:34px;opacity:.65}.folio h3{font-family:Georgia,serif;font-size:clamp(2.4rem,3.5vw,4rem);font-weight:400;letter-spacing:-.045em;line-height:1.12}.folio h3 span{display:block}.folio-persian{font-size:17px;text-align:right;color:#925132;line-height:1.9;margin:22px 0 30px}.folio-copy{display:block;max-width:66ch;font-size:15px;line-height:1.9;font-weight:450}.folio-copy p+p{margin-top:20px}.tags{list-style:none;padding:0;margin:30px 0 23px;display:flex;flex-wrap:wrap;gap:8px}.tags li{font-size:10px;border-bottom:1px solid #ae9576;padding:7px 0;margin-right:12px}.folio-note{font-size:12px;color:#5f4b35;border-top:1px solid #ccbda3;padding-top:18px;line-height:1.8}.light-control{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#f3dec0;border-top:1px solid #d4b08070;padding-top:24px}.light-control label{font-size:12px;display:block}.light-control .fa{display:block;font-size:18px;margin-top:6px}.light-control input{width:30%;accent-color:#edc890;min-height:44px}.light-control p{font-size:10px;line-height:1.7}.prototype-end{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:70px;padding:35px 0;border-top:1px solid #aa987b;font-size:11px;line-height:1.8}.prototype-end>span{font-size:20px}.prototype-end .fa{margin-left:12px}.passage[data-still=true]{height:100svh}.passage[data-still=true] .passage-view{position:relative}.passage[data-still=true] .arrival{display:none}@keyframes page-open{0%{opacity:.75;transform:perspective(900px) rotateY(-5deg) translate(8px)}to{opacity:1;transform:none}}@media(max-width:850px){.workbench{padding:30px;gap:28px}.folio{padding:30px}.room-heading{max-width:83%}}@media(max-width:650px){.mast{padding:18px 22px}.edition{display:none}.mast>a:last-child{font-size:11px}.passage{height:180svh}.passage-view{min-height:620px}.architecture{perspective:720px;perspective-origin:50% 43%}.scene-world{width:850px;height:920px;min-height:0;top:49%;transform:translate(-50%,-50%) translateZ(calc(-700px + var(--travel)*960px))}.door-face{border-width:175px 190px 85px}.door-face:before,.door-face:after{top:-175px;bottom:-85px;width:165px}.door-face:before{margin-right:12px}.door-face:after{margin-left:12px}.door-relief{top:-125px;height:65px;gap:15px}.door-reveal{top:175px;height:660px}.reveal-left{left:190px}.reveal-right{right:190px}.reveal-top{left:190px;right:190px;height:180px}.studio-window{right:16%;width:34%;height:45%;top:22%;border-width:14px}.wall-word{left:10%;font-size:38px;top:33%;max-width:30%;line-height:1.7}.spatial-desk{left:13%;width:68%;top:70%}.woven-runner{left:30%;width:40%}.entrance-title{top:35%}.entrance-title>p{font-size:7px;max-width:240px;margin:0 auto 20px;line-height:1.7;letter-spacing:.12em}h1{font-size:24vw}h1 .fa{font-size:.52em}.entrance-caption{bottom:12%;left:7%;right:7%;font-size:12px;gap:14px}.entrance-caption .fa{font-size:12px}.passage-footer{font-size:9px;left:7%;right:7%;bottom:4%}.passage-footer>span{display:none}.arrival{left:6%;top:34%}.arrival .fa{font-size:48px}.atelier{padding:60px 18px 0}.studio-reveal{width:38%;height:230px;top:-20px;border-width:8px;gap:4px;right:-12%}.studio-reveal span{border-width:2px}.room-heading{max-width:100%;margin-bottom:36px}.room-heading h2{font-size:clamp(2.6rem,10vw,3.5rem);max-width:90%}.room-heading>p:last-child{font-size:13px;max-width:70%}.workbench{display:block;padding:20px 12px 28px;border-top-width:7px;border-bottom-width:12px}.workbench:before{left:8%;width:75%}.notebooks{flex-direction:row;gap:12px;margin:2px 3px 30px;align-items:stretch}.notebooks button{padding:16px 8px 12px;flex:1;min-width:0;min-height:135px;border-left-width:5px;font-size:10px;line-height:1.7;gap:8px}.book-subtitle{font-size:11px}.book-action{font-size:8px}.folio{padding:26px 20px;min-height:0;box-shadow:3px 5px #cbbb9c,6px 8px #eaddc1}.folio:before{left:9px}.folio h3{font-size:clamp(2rem,8vw,2.7rem)}.folio-top{font-size:8px;gap:8px;margin-bottom:26px}.folio-top .rosette{width:23px;height:23px}.folio-persian{font-size:15px}.folio-copy{font-size:14px;line-height:1.9}.folio-note{font-size:11px}.light-control{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px 5px 0}.light-control input{width:100%}.light-control p{grid-column:1/-1}.prototype-end{margin-top:40px;flex-wrap:wrap;gap:15px}.prototype-end p{font-size:10px}.prototype-end>a{width:100%;padding-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.passage{height:100svh}.passage-view{position:relative}.arrival{display:none!important}.entrance-title,.entrance-caption,.passage-footer{opacity:1!important;transform:none!important}.folio{animation:none}.notebooks button{transition:none}}@media(max-height:620px)and (min-width:651px){.passage-view{min-height:600px}.passage{height:1200px}}@media(min-width:651px){.atelier[data-notebook=site] .studio-light{opacity:.8}.atelier[data-notebook=person] .studio-light{opacity:.6}}.passage{--look:0}.scene-world{transform:translate(-50%,-50%) translateZ(calc(-720px + var(--travel)*1050px)) rotateY(calc(-3deg + var(--travel)*3deg)) rotateX(calc(var(--look)*7deg))}.room-shade{background:linear-gradient(0deg,#171714aa,#17171477 50%,#17171488);opacity:clamp(0,calc(1 - var(--travel)*2),1)}.wall-word{opacity:clamp(0,calc(var(--travel)*3),.7)}@keyframes page-open{0%{transform:translateY(8px)}to{transform:none}}@media(max-width:650px){.scene-world{transform:translate(-50%,-50%) translateZ(calc(-700px + var(--travel)*960px)) rotateX(calc(var(--look)*4deg))}.folio{animation-duration:.25s}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:650px){.studio-reveal{right:-18%;width:32%}.room-heading h2{max-width:85%}}.architecture{perspective-origin:52% 46%;background:#241c17}.scene-world{transform:translate(calc(-50% + (var(--travel) * -3vw)),calc(-50% + (var(--look) * 2vh))) translateZ(calc(-820px + var(--travel)*1180px)) rotateY(calc(-4deg + var(--travel)*6deg)) rotateX(calc(var(--look)*7deg))}.back-wall{background:radial-gradient(ellipse at 80% 17%,#fff2cd78 0,transparent 43%),radial-gradient(ellipse at 26% 69%,#71543c23 0,transparent 59%),repeating-linear-gradient(0deg,transparent 0 4px,#7359380c 5px 6px),repeating-linear-gradient(94deg,#fff9e409 0 30px,#70432c09 31px 33px),#dcc5a1;box-shadow:inset 0 18px 32px #6e523d4d,inset 0 -25px 35px #68432d38}.wall-dado{height:19%;background:linear-gradient(#84543e,#985f43 62%,#6f4533);border-top:11px solid #286466;box-shadow:0 -10px #ba9a6c,0 -17px #6f5b45}.side-wall{background:radial-gradient(ellipse at 68% 33%,#f8e7c95c,transparent 58%),repeating-linear-gradient(2deg,transparent 0 5px,#684a3214 6px 7px),#c6ad89;border-bottom:75px solid #85573f}.side-wall-right{background:radial-gradient(ellipse at 16% 28%,#ffedc470,transparent 62%),repeating-linear-gradient(1deg,transparent 0 6px,#6e513019 7px 8px),#d1b894}.side-panel{position:absolute;inset:10% 5% 24%;border:13px solid #ba9a76;box-shadow:inset 0 0 0 3px #967454,inset 14px 0 24px #73543b29,10px 8px 15px #4d392829;background:linear-gradient(125deg,#ffffff0c,transparent 45%,#795d3b18)}.ceiling{background:repeating-linear-gradient(90deg,#654a37 0 17px,#b2916b 18px 133px,#896b4e 134px 144px);box-shadow:inset 0 50px 40px #49342652}.ceiling-batten{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 175px,#604531 176px 190px,transparent 191px 240px)}.ground{background:repeating-linear-gradient(90deg,transparent 0 170px,#68432f55 171px 175px),repeating-linear-gradient(0deg,#ae805d 0 83px,#6f4f3c 84px 89px);box-shadow:inset 0 0 80px #4e312738}.ground-light{opacity:calc(.3 + var(--reveal)*.7);transform:translate(calc(var(--travel)*-80px));background:linear-gradient(114deg,transparent 0 27%,#ffeaac80 28% 39%,transparent 40% 43%,#ffecb969 44% 54%,transparent 55% 58%,#ffe5a548 59% 66%,transparent 67%)}.woven-runner{background:repeating-linear-gradient(0deg,#ffffff14 0 1px,transparent 2px 4px),repeating-linear-gradient(90deg,transparent 0 3px,#2d222221 4px 5px),#863f30;box-shadow:8px 17px 20px #2f231c69,inset 0 0 0 4px #521f1c}.woven-runner i{box-shadow:0 0 0 3px #f1c77d,0 0 0 15px #632f29}.studio-window{border:25px solid #59634e;box-shadow:18px 16px #8c7452,24px 20px 17px #523f2a6b,inset 0 0 0 8px #b38d5e;background:#624b37;overflow:hidden}.window-recess{display:flex;position:absolute;inset:7px;gap:8px;border:5px solid #b58e61;box-shadow:inset 0 0 30px #143e49}.window-recess i{flex:1;border:4px solid #886d45;background:linear-gradient(145deg,#1d5860,#628f8b 56%,#c3c4a4)}.window-recess i:nth-child(2){background:linear-gradient(#274d65,#7daba5 72%,#c6baa0)}.window-recess b{position:absolute;left:0;right:0;top:40%;height:13px;background:#ad8756;box-shadow:0 5px #3b524d88}.studio-window>i,.studio-window>b{display:none}.cypress{position:absolute;bottom:-3%;left:17%;width:8%;height:33%;background:#294b4288;clip-path:polygon(50% 0,70% 30%,77% 72%,65% 89%,62% 100%,39% 100%,35% 89%,20% 72%,30% 31%);filter:blur(2px)}.window-cast{background:linear-gradient(127deg,transparent 0 23%,#fff0bd94 24% 34%,transparent 35% 38%,#f5dfaa82 39% 48%,transparent 49% 52%,#f6dc9864 53% 62%,transparent 63%);opacity:calc(.5 + var(--reveal)*.5);transform:translate(calc(var(--travel)*-35px))}.wall-shelf{position:absolute;left:14%;top:57%;width:25%;height:15px;background:linear-gradient(#c39b6d,#654831);box-shadow:0 12px 10px #4333234d}.wall-shelf i{position:absolute;bottom:100%;width:25%;height:60px;background:linear-gradient(90deg,#173f49 0 15%,#225966 16% 82%,#aa8d67 83%);box-shadow:4px 3px 5px #45362a4c}.wall-shelf i:nth-child(1){left:8%;height:55px}.wall-shelf i:nth-child(2){left:34%;height:72px;background:linear-gradient(90deg,#773927 0 15%,#a15237 16% 82%,#aa8d67 83%)}.wall-shelf i:nth-child(3){left:60%;height:62px;background:linear-gradient(90deg,#15263e 0 15%,#314665 16% 82%,#aa8d67 83%)}.spatial-desk{filter:drop-shadow(5px 19px 12px #432b2070);transform:translateZ(calc(-140px + var(--reveal)*65px))}.desk-top{background:repeating-linear-gradient(3deg,#4e35221c 0 2px,transparent 3px 9px),linear-gradient(90deg,#745039,#ae8055 45%,#795439);border:14px solid #67482f;box-shadow:inset 0 0 0 3px #c29563,inset 0 -30px 50px #33291f3d}.desk-front{background:linear-gradient(#ab7952 0 15%,#805239 16% 80%,#593b2d);border:8px solid #69432e;box-shadow:inset 0 0 0 4px #b68e5b,inset 0 -13px 20px #45302370}.desk-drawer{position:absolute;left:7%;top:18%;width:38%;height:58%;border:5px solid #9b6e47;box-shadow:inset 0 0 0 3px #5f3e2b,inset 7px 7px 12px #48302150}.desk-drawer:nth-child(2){left:55%}.desk-drawer:after{content:"";position:absolute;left:47%;top:45%;width:9px;height:9px;border-radius:50%;background:#dfae69;box-shadow:1px 1px 0 2px #6c432c}.desk-inlay{position:absolute;left:47%;top:58px;width:50px;height:50px;border:4px solid #c8a36b;transform:rotate(45deg);background:#1a555a;box-shadow:0 0 0 6px #513d2c}.closed-book{transform:rotate(-7deg);box-shadow:5px 5px #e9d6b4,9px 11px 8px #2d241c8a}.copper-dish{box-shadow:inset 2px 5px 6px #e3b379,inset -4px -5px 10px #55331f,4px 7px 9px #3b2b2373}.door-face{border-color:#74543d #764f36 #4d3929;box-shadow:0 0 0 100vmax #211d19,inset 0 0 0 11px #a77c54,inset 0 0 0 18px #513e2e}.door-copper{border:8px solid #a67b50;box-shadow:0 0 0 4px #372c23,inset 0 0 0 4px #342a20,inset 16px 0 24px #251e1a7a}.door-reveal{background:repeating-linear-gradient(0deg,#9d7550 0 28px,#573d2d 29px 32px,#b88a5e 33px 35px);box-shadow:inset 18px 0 30px #281d1680}.reveal-top{background:repeating-linear-gradient(90deg,#a17b56 0 28px,#553c2d 29px 32px,#bc9364 33px 35px);box-shadow:inset 0 -20px 24px #21191596}.door-sill{position:absolute;bottom:-8svh;left:0;right:0;height:10px;background:#c29868;box-shadow:0 5px #503826,0 -4px #37291f}.room-shade{background:radial-gradient(ellipse at 52% 53%,transparent 22%,#141414a3 95%),linear-gradient(0deg,#141414b1,#14141427 50%,#1414149c);opacity:clamp(0,calc(1 - var(--travel)*1.8),1)}.atelier{--light:.55;background:radial-gradient(ellipse at 82% 5%,#f7dfad calc(var(--light)*8%),transparent 45%),repeating-linear-gradient(91deg,transparent 0 27px,#8556390a 28px 29px),#d7bc94;transition:background-color .3s}.studio-light{inset:0;z-index:0;opacity:calc(.18 + var(--light)*.85);background:linear-gradient(125deg,transparent 8%,#fff2c68c 9% 24%,transparent 25% 29%,#fff0bd83 30% 45%,transparent 46% 49%,#ffe9af61 50% 60%,transparent 61%);transform:translate(calc((var(--sun) - 50%)*.7));transition:transform .4s ease,opacity .4s ease}.studio-shadow{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,#49362332,transparent 42%,#ffedc247 60%,transparent 75%);opacity:calc(.9 - var(--light)*.65);transition:opacity .4s ease}.studio-reveal{z-index:0;box-shadow:-18px 18px #8b7254,-25px 26px 22px #4535226b,inset 0 0 0 6px #c49a66}.studio-reveal span{box-shadow:inset 4px 0 15px #132f3d}.studio-reveal b{position:absolute;inset:0;background:#fff2be;opacity:calc(var(--light)*.2);pointer-events:none}.room-heading,.workbench,.prototype-end{z-index:1}.workbench{background:repeating-linear-gradient(2deg,#4c2d1d23 0 2px,transparent 3px 11px),linear-gradient(95deg,#754b34,#a27650 45%,#6f4834);border-top:17px solid #9c6e4a;box-shadow:0 28px 35px #432c1f7a,inset 0 0 0 4px #c39a65}.workbench:before{background:repeating-linear-gradient(45deg,transparent 0 38px,#d2ad72 39px 44px,transparent 45px 78px),repeating-linear-gradient(-45deg,#164e56 0 38px,#a75b3a 39px 44px,#164e56 45px 78px);box-shadow:0 10px 13px #2c241a48,inset 0 0 0 7px #ae7348}.workbench:after{content:"";position:absolute;inset:8px 4%;pointer-events:none;z-index:-1;background:linear-gradient(118deg,transparent 15%,#ffe2a43d 16% 25%,transparent 26%);opacity:calc(var(--light)*1.2);transform:translate(calc((var(--sun) - 50%)*.4))}.notebooks{perspective:800px}.notebooks button{position:relative;display:block;padding:0;min-height:155px;transform-style:preserve-3d;background:none!important;border:0!important;box-shadow:none!important;color:#f5e3c4;transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s ease;filter:drop-shadow(8px 9px 3px #2a201a77)}.notebooks button:hover{transform:translateY(-12px) rotate(0)}.notebooks button.selected-book{transform:translate(12px) translateY(-12px) rotate(0) scale(1.04);filter:drop-shadow(11px 17px 8px #231c176e)}.book-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:start;gap:12px;padding:22px 18px 16px;background:linear-gradient(108deg,#133840 0 7%,#205d62 8% 82%,#17454d);border:2px solid #d2a978;box-shadow:5px 5px #ecdcc0,8px 8px #977e61,inset 0 0 0 6px #15515a,inset 0 0 0 8px #ba955f;backface-visibility:hidden}.notebooks button:nth-child(2) .book-cover{background:linear-gradient(108deg,#683222 0 7%,#9b4932 8% 82%,#743628);box-shadow:5px 5px #ecdcc0,8px 8px #977e61,inset 0 0 0 6px #873a28,inset 0 0 0 8px #c49b64}.notebooks button:nth-child(3) .book-cover{background:linear-gradient(108deg,#152238 0 7%,#304867 8% 82%,#1c2c46);box-shadow:5px 5px #ecdcc0,8px 8px #977e61,inset 0 0 0 6px #283d5d,inset 0 0 0 8px #b79a70}.book-cover>span:nth-child(2){position:relative;z-index:1}.book-emblem{align-self:flex-end;width:38px;height:38px;opacity:.68;margin-bottom:3px}.book-emblem .rosette{width:100%;height:100%}.book-action{margin-top:auto}.notebooks button:focus-visible{outline:3px solid #fff1ba;outline-offset:6px}.closed-folio{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(125deg,#b48d63,#8b6142);border:15px solid #bc9669;box-shadow:inset 0 0 0 3px #67482f,inset 0 0 45px #5a362a80,9px 14px 24px #30251d60;color:#f4dfb9;text-align:center}.closed-folio .rosette{width:140px;height:140px;opacity:.7;margin-bottom:18px}.closed-folio p{font:2rem Georgia,serif}.closed-folio .fa{font-size:1.3rem}.folio{background:linear-gradient(90deg,#c8b492 0,#eadcc0 3%,#fcf4df 7%,#f7ebd1 96%,#c9b48e);box-shadow:4px 7px #b49d77,8px 12px #e9ddc4,16px 25px 24px #30251d66;animation:folio-arrive .55s cubic-bezier(.2,.8,.2,1);transform-origin:left center;overflow:visible}.folio-opening-cover{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:linear-gradient(95deg,#123840,#266873 65%,#17454b);border:11px double #caa36c;color:#ead3ab;transform-origin:left center;pointer-events:none;backface-visibility:hidden;animation:cover-open .72s cubic-bezier(.25,.75,.2,1) both}.atelier[data-notebook=site] .folio-opening-cover{background:linear-gradient(95deg,#6c3125,#a7583a 65%,#783a2c)}.atelier[data-notebook=person] .folio-opening-cover{background:linear-gradient(95deg,#1c2b46,#405a7a 65%,#213553)}.folio-opening-cover .rosette{width:120px;height:120px;max-height:120px}.folio-opening-cover .fa{font-size:1.5rem}.close-folio{display:block;margin:-12px 0 25px auto;border:1px solid #9c8063;background:#f7edd6;color:#4e3b2e;padding:8px 12px;font-size:11px;cursor:pointer}.close-folio span{font-size:20px;vertical-align:middle;margin-left:8px}.light-control{position:relative;background:#493a2e88;padding:24px;border:1px solid #c79d67;box-shadow:inset 0 0 0 3px #42322680}.light-control input{appearance:none;-webkit-appearance:none;height:26px;border:6px solid #8c6543;border-radius:20px;background:linear-gradient(90deg,#254853,#dfbd7a 55%,#e5ae65);box-shadow:inset 0 3px 8px #2e241b8c,0 2px #d0a673;cursor:pointer}.light-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:36px;height:36px;border-radius:50%;border:6px double #e1b77d;background:radial-gradient(#74472d 24%,#bd8751 28%,#6e412b 75%);box-shadow:2px 3px 7px #211914}.light-control input::-moz-range-thumb{width:29px;height:29px;border-radius:50%;border:5px double #e1b77d;background:#9a653e;box-shadow:2px 3px 7px #211914}@keyframes folio-arrive{0%{transform:translateY(24px) scale(.985)}to{transform:none}}@keyframes cover-open{0%{transform:perspective(1000px) rotateY(0);opacity:1}65%{opacity:1}to{transform:perspective(1000px) rotateY(-135deg);opacity:0;visibility:hidden}}@media(max-width:650px){.architecture{perspective:720px;perspective-origin:50% 44%}.scene-world{transform:translate(calc(-50% + var(--travel)*-12px),calc(-50% + var(--look)*14px)) translateZ(calc(-760px + var(--travel)*1070px)) rotateY(calc(-2deg + var(--travel)*3deg)) rotateX(calc(var(--look)*4deg))}.door-face{border-color:#74543d #764f36 #4d3929}.studio-window{border-width:15px;right:12%;width:36%}.wall-shelf{left:9%;width:28%;top:58%}.wall-shelf i{height:38px!important}.desk-inlay{width:28px;height:28px}.atelier{background-color:#d7bc94}.workbench{padding:20px 12px 28px}.notebooks button{min-height:142px;transform:rotate(-3deg)}.notebooks button:nth-child(2){transform:rotate(2deg)}.notebooks button.selected-book{transform:translateY(-8px) scale(1.03)}.book-cover{padding:10px 8px;gap:6px}.book-emblem{width:25px;height:25px;margin-bottom:0}.closed-folio{min-height:320px;border-width:8px}.closed-folio .rosette{width:80px;height:80px}.closed-folio p{font-size:1.3rem}.folio{animation-duration:.35s}.folio-opening-cover{animation-duration:.5s}.folio-opening-cover .rosette{width:75px;height:75px}.light-control{padding:16px}.light-control input{height:30px}}@media(prefers-reduced-motion:reduce){.notebooks button,.studio-light,.studio-shadow,.atelier{transition:none!important}.folio,.folio-opening-cover{animation:none!important}.folio-opening-cover{display:none}}.passage[data-still=true] .folio,.passage[data-still=true] .folio-opening-cover{animation:none}.sun-projection{position:absolute;inset:8px 4%;z-index:3;pointer-events:none;background:linear-gradient(112deg,transparent 3%,#ffedbd75 4% 14%,transparent 15% 18%,#ffe1a470 19% 34%,transparent 35% 39%,#fff1c180 40% 53%,transparent 54% 100%);opacity:calc(var(--light)*.52);transform:translate(calc((var(--sun) - 50%)*.85));transition:transform .35s ease,opacity .35s ease}.closed-folio{background:radial-gradient(ellipse at 83% 18%,#e4bb81 calc(var(--light)*21%),transparent 69%),linear-gradient(125deg,#a37c57,#795539);transition:background-color .35s ease}.folio{background:linear-gradient(90deg,#c8b492 0,#eadcc0 3%,#fcf4df 7%,#f7ebd1 96%,#c9b48e)}.atelier[data-notebook=closed] .sun-projection{opacity:calc(var(--light)*.78)}.folio-opening-cover{animation-duration:.47s}@media(max-width:650px){.scene-world{transform:translate(calc(-50% + var(--travel)*-12px),calc(-50% + var(--look)*14px)) translateZ(calc(-650px + var(--travel)*960px)) rotateY(calc(-2deg + var(--travel)*3deg)) rotateX(calc(var(--look)*4deg))}.room-shade{opacity:clamp(0,calc(.75 - var(--travel)*1.5),.75)}.folio-opening-cover{animation-duration:.3s}.sun-projection{opacity:calc(var(--light)*.55)}}@media(prefers-reduced-motion:reduce){.sun-projection{transition:none}}.sun-projection{z-index:0;opacity:calc(var(--light)*.8)}.notebooks,.folio,.closed-folio,.light-control{position:relative;z-index:1}.book-cover{overflow:hidden}.book-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(122deg,transparent 13%,#ffe2a884 28%,transparent 44%);opacity:calc(var(--light)*.35);pointer-events:none}.book-cover>span{position:relative;z-index:1}.closed-folio{box-shadow:inset 0 0 0 3px #67482f,inset 0 0 45px #5a362a80,9px 14px 24px #30251d60}.folio:after{content:"";position:absolute;top:0;bottom:0;left:0;width:22px;pointer-events:none;background:linear-gradient(90deg,#70564060,transparent);border-right:1px solid #91795335}.folio-opening-cover strong{font-size:clamp(1rem,2vw,1.6rem);font-weight:450;letter-spacing:.06em}@media(max-width:650px){.folio-opening-cover strong{font-size:1rem}}