@font-face{font-family:StudioSerif;src:local("Baskerville"),local("Palatino Linotype"),local("Georgia")}
html{overflow-x:clip}.category-detail{font-size:12px!important}.action{font-size:11px!important}.object-stage{will-change:transform}.tray-inside{grid-template-rows:repeat(2,minmax(0,1fr));justify-items:center}.button-disc{width:auto!important;height:100%;max-width:100%;min-height:0}
:root{color-scheme:dark;--ivory:#f1e7d4;--gold:#cbb48b;--ink:#18231e;--pointer-x:0;--pointer-y:0;font-family:Arial,Helvetica,sans-serif;color:var(--ivory);background:#16211c}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f0d3a0;outline-offset:8px;border-radius:3px}.entrance{min-height:800px;height:100svh;position:relative;isolation:isolate;overflow-x:hidden}.room{position:absolute;inset:-12px;background:url('assets/atelier.webp') center center/cover no-repeat;z-index:-3;transform:translate(calc(var(--pointer-x)*-5px),calc(var(--pointer-y)*-3px)) scale(1.015);transition:transform .3s ease-out;pointer-events:none}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#06120d7a 0%,#0a140e12 48%,#100e0980 77%,#100e09ed 100%);pointer-events:none}.masthead{height:104px;padding:26px 4.3%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5d3a21f;background:linear-gradient(#0d181330,transparent)}.brand{font-family:StudioSerif,Georgia,serif;letter-spacing:.19em;font-size:29px;display:inline-flex;flex-direction:column;gap:7px}.brand span{font-family:Arial,sans-serif;letter-spacing:.25em;font-size:9px}.header-note{font-family:StudioSerif,Georgia,serif;font-style:italic;font-size:17px;color:#e0d4bc;margin-left:-50px}.motion-toggle{background:#111b1740;border:1px solid #cfbb953e;padding:10px 13px;border-radius:30px;font-size:11px;color:#dfd4bf;display:flex;gap:9px;align-items:center}.motion-icon{font-size:13px}.intro{text-align:center;margin:36px auto 0;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.28em;color:var(--gold);font-weight:500}.intro h1{font-family:StudioSerif,Georgia,serif;font-weight:400;font-size:clamp(42px,4.1vw,66px);line-height:1.04;letter-spacing:-.035em;margin:17px 0 14px;text-shadow:0 3px 25px #08110c}.intro h1 em{font-weight:400;color:#dfceb0}.invitation{font-size:13px;letter-spacing:.035em;color:#ddd3c0;margin:0}.stations{position:relative;max-width:1240px;width:89%;margin:36px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;z-index:2}.station{border:0;background:none;padding:0;text-align:center;min-width:0;display:block;perspective:1000px}.object-stage{display:block;height:clamp(195px,19vw,275px);position:relative;perspective:1100px;transform-style:preserve-3d}.sample-book{display:block;position:absolute;width:68%;height:91%;left:16%;top:0;transform-style:preserve-3d;transform:rotateX(24deg) rotateY(-12deg) rotateZ(-9deg) translateZ(0);transition:transform .65s cubic-bezier(.22,1,.36,1)}.shirting .sample-book{transform:rotateX(24deg) rotateY(-8deg) rotateZ(-4deg)}.lining .sample-book{transform:rotateX(24deg) rotateY(8deg) rotateZ(6deg)}.book-cover{display:block;position:absolute;inset:0;border-radius:2px 5px 5px 2px;background:linear-gradient(115deg,#323c34,#16231a 70%,#1e2b22);box-shadow:inset 3px 0 2px #f5e5bc24,inset -1px 0 #b5a67f45,0 0 1px #090d09;transform:translateZ(14px);overflow:hidden;border:1px solid #465043}.book-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffef28,transparent 35%,#0003 80%);pointer-events:none}.book-pages{position:absolute;inset:5px -5px -2px 0;background:repeating-linear-gradient(0deg,#a69b84 0 1px,#d4c7ad 1px 3px);transform:translateZ(0);box-shadow:4px 7px 2px #060c0860}.book-spine{position:absolute;top:0;bottom:0;left:0;width:15px;background:linear-gradient(90deg,#111b13,#526044,#152316);transform:rotateY(-90deg);transform-origin:left;box-shadow:inset 0 0 0 1px #182b1c}.cloth{display:block;position:absolute;top:0;left:0;right:0;height:55%;border-bottom:2px solid #ccb99260;box-shadow:0 5px 8px #03090450}.wool{background:repeating-linear-gradient(90deg,transparent 0 16px,#949fac7a 17px,#c3c9c73a 18px,transparent 19px 33px),repeating-linear-gradient(135deg,#1b2931 0 1px,#27343b 1px 2px);background-size:auto}.cotton{background:repeating-linear-gradient(90deg,#e4e3d6 0 4px,#6f8c9c 4px 6px,#d1dce0 6px 9px,#608090 9px 10px)}.silk{background:#973f2e url('assets/lining-fabric.webp') center/cover}.cover-mark{position:absolute;left:0;right:0;top:60%;font:italic 22px Georgia,serif;color:#c7b38a}.cover-title{position:absolute;left:0;right:0;top:74%;font:14px Georgia,serif;letter-spacing:.15em;color:#e5d2ab}.cover-title span{display:block;font:6px Arial,sans-serif;letter-spacing:.15em;margin-top:8px;color:#bba980}.cover-rule{position:absolute;bottom:8%;left:43%;width:14%;height:1px;background:#bd9c5c}.object-shadow{position:absolute;bottom:2%;width:75%;left:13%;height:24px;border-radius:50%;background:#070d09a8;filter:blur(11px);z-index:-1;transform:rotate(-4deg);transition:opacity .5s}.station:hover .sample-book,.station:focus-visible .sample-book{transform:translateY(-17px) rotateX(12deg) rotateY(calc(var(--pointer-x)*8deg)) rotateZ(0deg)}.station:hover .object-shadow{opacity:.55}.caption{display:block;position:relative;margin-top:12px;text-shadow:0 2px 8px #090d08}.number{font-size:10px;letter-spacing:.2em;color:#d2b783;display:block;margin-bottom:10px}.category{font:clamp(20px,1.8vw,27px) StudioSerif,Georgia,serif;display:block;white-space:nowrap}.category-detail{display:block;font-size:11px;color:#d7cbb6;margin-top:9px}.action{display:inline-flex;font-size:10px;letter-spacing:.055em;text-transform:uppercase;margin-top:20px;padding-bottom:8px;border-bottom:1px solid #c2a87880;gap:27px;align-items:center;color:#e8d5ac}.action span{font-size:16px;transition:transform .3s}.station:hover .action span{transform:translate(3px,-3px)}.action.muted{color:#c1b39c;border-bottom-color:#b6a58930}.button-tray{position:absolute;display:block;width:85%;height:74%;left:7%;top:10%;background:linear-gradient(130deg,#905d39,#492918);padding:10px;box-shadow:inset 1px 1px 0 #d2a978,5px 13px 0 #2e1b11,7px 15px 1px #bc8a5740;transform:rotateX(32deg) rotateY(8deg) rotateZ(9deg);transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,1,.36,1)}.tray-inside{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 12px;padding:18px 14px 35px;background:radial-gradient(ellipse,#444332,#292c21);box-shadow:inset 0 4px 12px #050b05;position:relative}.button-disc{display:block;aspect-ratio:1;border-radius:50%;position:relative;background:#493329;box-shadow:inset 0 0 0 2px #e6d4a831,inset 0 0 0 6px #0003,2px 5px 0 #211d17,3px 7px 8px #0008}.button-disc:after,.button-disc:before,.button-disc b:before,.button-disc b:after{content:'';position:absolute;width:9%;height:9%;border-radius:50%;background:#15180e;box-shadow:0 1px 1px #e6d9b28c;left:36%;top:36%}.button-disc:after{left:57%}.button-disc b:before{top:57%}.button-disc b:after{left:57%;top:57%}.horn{background:repeating-conic-gradient(#392920 0deg,#ad8550 25deg,#6d4223 35deg,#302720 70deg)}.pearl{background:conic-gradient(#d5c9ac,#fffceb,#aca998,#e9e5cd,#d5c9ac)}.navy{background:radial-gradient(circle at 30% 20%,#475564,#14232c 70%)}.bronze{background:conic-gradient(#b88944,#73562c,#dfc080,#6e4925,#b88944)}.smoke{background:conic-gradient(#3f4035,#aaa58d,#474b41,#83867c,#3f4035)}.cream{background:linear-gradient(140deg,#eee3bf,#bba884)}.tray-label{position:absolute;bottom:12px;width:100%;left:0;font:7px Georgia,serif;letter-spacing:.12em;color:#c4b78e}.station:hover .button-tray,.station:focus-visible .button-tray{transform:translateY(-15px) rotateX(20deg) rotateY(0) rotateZ(2deg)}.studio-footer{position:absolute;bottom:0;left:4.3%;right:4.3%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ccbb9233;padding:20px 0;font-size:9px;letter-spacing:.2em;color:#baac93}.explore-hint{letter-spacing:.035em;font-size:11px}.explore-hint span{margin-left:14px}dialog{background:#1d2b23;color:var(--ivory);border:1px solid #b59c695e;padding:55px 48px;max-width:480px;width:calc(100% - 32px);box-shadow:0 30px 100px #000a}dialog::backdrop{background:#051009ba;backdrop-filter:blur(7px)}dialog h2{font:38px Georgia,serif;margin:18px 0}dialog p:not(.eyebrow){font-size:15px;color:#cabfa8;line-height:1.7}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;color:#d6c5a3}.dialog-link{display:flex;justify-content:space-between;border-bottom:1px solid #bca57580;padding:17px 0;font-size:14px;margin-top:22px}.dialog-link.secondary{margin-top:0;color:#c1b69f}.paused .room{transform:none!important}.paused *{transition:none!important}body.leaving main{opacity:.35;transform:scale(1.01);transition:.2s} 
/* Shirting's expandable book library */
.library-page{min-height:100svh;position:relative;isolation:isolate;background:#152019}.library-page .room{background-position:center}.library-page .shade{background:linear-gradient(#08130e70,#08120b20 40%,#100e09b0 75%,#100e09)}.back-link{font-size:12px;letter-spacing:.03em;color:#d9ccb3}.back-link span{margin-right:10px}.library-heading{margin:35px auto 0;text-align:center}.library-heading h1{font:64px StudioSerif,Georgia,serif;letter-spacing:-.03em;font-weight:400;margin:12px 0}.library-heading p:last-child{color:#d7c9af;font-size:14px}.book-shelf{max-width:1120px;margin:38px auto 0;padding:0 25px 120px;display:flex;justify-content:center;flex-wrap:wrap;gap:70px}.collection-book{width:260px;text-align:center;perspective:1400px}.volume{display:block;position:relative;width:208px;height:295px;margin:0 auto 20px;transform:rotateY(-17deg) rotateX(5deg);transform-style:preserve-3d;transition:transform .6s}.volume:before{content:'';position:absolute;inset:4px -10px -3px 0;background:repeating-linear-gradient(0deg,#c1b18e 0 1px,#f2e8cb 1px 3px);box-shadow:10px 14px 20px #0009}.volume:after{content:'';position:absolute;top:0;bottom:0;left:-12px;width:13px;background:linear-gradient(90deg,#101a28,#1b2d48);transform:rotateY(-55deg);transform-origin:right}.volume img{position:relative;width:100%;height:100%;object-fit:cover;box-shadow:inset 4px 0 6px #0008;transform:translateZ(2px)}.collection-book:hover .volume,.collection-book:focus-visible .volume{transform:translateY(-12px) rotateY(-5deg) rotateX(0)}.collection-book h2{font:30px Georgia,serif;margin:20px 0 10px}.collection-book p{font-size:12px;color:#d4c5aa;line-height:1.65}.collection-book .action{margin-top:8px}.shelf-note{text-align:center;font:italic 16px Georgia,serif;color:#baa98c;margin:-76px 0 75px}.library-page .studio-footer{position:relative;left:auto;right:auto;margin:0 4.3%}.library-count{font-size:12px;color:#d8c9ad}
@media(min-width:1600px){.intro{margin-top:5vh}.stations{margin-top:5vh}.entrance{min-height:900px}}
@media(max-height:800px) and (min-width:801px){.entrance{min-height:760px}.masthead{height:86px}.intro{margin-top:22px}.intro h1{font-size:48px}.stations{margin-top:28px}.object-stage{height:215px}}
@media(max-width:800px){.entrance{min-height:1100px;height:auto;padding-bottom:90px}.room{background-position:40% top;background-size:auto 100%;position:absolute}.shade{background:linear-gradient(#09150d55,#0a160e44 30%,#130f09db 58%,#0c160ffc 100%)}.masthead{height:90px;padding:20px 6%}.brand{font-size:25px}.brand span{font-size:8px}.header-note{display:none}.motion-label{display:none}.motion-toggle{padding:9px 12px}.intro{margin-top:40px}.intro h1{font-size:53px}.invitation{font-size:12px}.stations{width:88%;grid-template-columns:repeat(2,1fr);gap:42px 22px;max-width:550px;margin-top:44px}.object-stage{height:220px}.sample-book{width:71%;left:14.5%}.category{font-size:23px}.category-detail{font-size:11px;line-height:1.5}.action{font-size:9px;gap:14px;margin-top:15px}.caption{margin-top:6px}.number{margin-bottom:7px}.button-tray{width:90%;left:5%;height:73%}.tray-inside{gap:13px;padding:20px 13px 34px}.studio-footer{padding:22px 0;font-size:8px;left:6%;right:6%}.explore-hint{font-size:10px;letter-spacing:0}.library-page{min-height:100svh}.library-heading{margin-top:45px}.library-heading h1{font-size:49px}.book-shelf{margin-top:45px}.library-count{font-size:10px}.back-link{font-size:11px}.library-page .masthead{gap:18px}.library-page .brand{font-size:23px}}
@media(max-width:430px){.entrance{min-height:1070px}.intro h1{font-size:47px}.object-stage{height:182px}.stations{gap:35px 12px;width:91%}.category{font-size:20px}.category-detail{font-size:10px}.cover-title{font-size:11px}.cover-title span{font-size:5px}.cover-mark{font-size:19px}.tray-inside{padding:15px 10px 26px;gap:10px}.tray-label{font-size:6px;bottom:9px}.studio-footer>span:first-child{max-width:120px;line-height:1.7}.library-page .masthead .brand span{font-size:7px}.library-count{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.room{transform:none!important}.station:hover .sample-book,.station:hover .button-tray{transform:none}}
