@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%}}