@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Italiana&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#101514;color:#eeece4;font-family:'DM Sans',sans-serif;font-size:14px}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid #b7cdbd;outline-offset:7px}button:hover,a:hover{color:#c9ad82}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}header{position:fixed;top:0;left:0;width:100%;height:100px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;z-index:10;background:linear-gradient(#101514e8,transparent);transition:width .4s}header nav{display:flex;gap:38px;font-size:12px}header nav span{margin-left:16px}.wordmark{font-size:22px;letter-spacing:.14em;white-space:nowrap}.wordmark span{display:block;font-size:8px;letter-spacing:.27em;margin-top:9px}#office-toggle{font-size:11px;border:1px solid #68716b;padding:12px 16px}#count{margin-left:14px;color:#c9ad82}.skip{position:fixed;left:15px;top:-80px;z-index:100;background:#fff;color:#111;padding:15px}.skip:focus{top:15px}#journey{position:relative}.stage{position:sticky;top:0;height:100svh;margin-bottom:-100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#20302b,#101514 65%)}#pearl{position:absolute;width:100%;height:100%;inset:0;z-index:1}.fallback-pearl{position:absolute;width:38vmin;height:38vmin;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 24%,#ece8d5 0%,#a6b0a1 12%,#58756b 29%,#6e5769 48%,#1d3532 69%,#0d1918 85%);box-shadow:inset -10px -10px 35px #030707}.webgl .fallback-pearl{display:none}.vignette{position:absolute;inset:0;background:linear-gradient(0deg,#101514 0%,transparent 18%,transparent 85%,#10151455);z-index:2}.orbit{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-25deg);width:65vmin;height:65vmin;border:1px solid #b7b39415;border-radius:50%;z-index:0}.chapter{position:relative;min-height:100svh;padding:140px 7vw 85px;z-index:3;pointer-events:none}.chapter a,.chapter button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#b9bba9}.first h1{font-family:Italiana,Georgia,serif;font-weight:400;font-size:clamp(64px,8.6vw,142px);line-height:.97;letter-spacing:-.035em;margin:55px 0 0;max-width:900px}em{font-weight:400;color:#c8b694}.first h1 em{padding-left:20vw}.intro{position:absolute;right:7vw;bottom:24%;line-height:1.8;color:#d1d6cb;font-size:13px}.explore{position:absolute;left:7vw;bottom:100px;font-size:11px}.explore span{margin-left:40px;font-size:23px}.specimen{position:absolute;right:7vw;bottom:90px;text-align:right;font-size:8px;line-height:1.8;letter-spacing:.17em;color:#b0b5a5}.chapter h2{font-family:Italiana,Georgia,serif;font-weight:400;font-size:clamp(60px,6.5vw,100px);line-height:1.04;letter-spacing:-.03em;margin:45px 0}.matter{min-height:130svh}.matter h2{margin-top:13vh;max-width:600px;text-shadow:0 2px 30px #101514}.annotation{position:absolute;right:8vw;top:48%;font-size:13px;line-height:1.7}.annotation .line{display:block;width:110px;border-top:1px solid #c8b694;margin-bottom:30px}.annotation button{padding:12px 0;border-bottom:1px solid #778578;font-size:11px}.margin-note{position:absolute;left:7vw;bottom:18%;font-size:11px;line-height:1.8;color:#c2c6bc}.creation{min-height:110svh}.creation h2{margin-top:5vh}.creation>p{line-height:1.8;color:#b9c2b8}.choices{width:min(390px,45%);margin-top:35px}.choices button{display:flex;align-items:center;width:100%;text-align:left;border-top:1px solid #5b655d;padding:17px 0;font-family:Italiana,Georgia,serif;font-size:26px;color:#a6b1a6}.choices button:last-child{border-bottom:1px solid #5b655d}.choices button span{font:9px 'DM Sans',sans-serif;margin-right:25px}.choices b{margin-left:auto;font-size:19px;font-weight:400}.choices [aria-pressed=true]{color:#ece2ce;padding-left:12px}.project-link{display:inline-block;margin-top:25px;font-size:12px;border-bottom:1px solid #aaa48e;padding-bottom:9px}.scene-controls{position:absolute;bottom:25px;left:7vw;right:7vw;display:flex;justify-content:space-between;z-index:4;font-size:9px;letter-spacing:.04em;color:#b9c2b8}.scene-controls button{font-size:9px;text-decoration:underline;text-underline-offset:4px}.project{position:relative;background:#e8e4d9;color:#28352f;padding:110px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:11vw}.project .eyebrow{color:#626c5d}.project h2{font-family:Italiana,Georgia,serif;font-weight:400;font-size:clamp(48px,5.2vw,86px);line-height:1.02;margin:35px 0}.project em{color:#7c684f}.project-intro>p{max-width:330px;font-size:13px;line-height:1.9}.project small{font-size:10px;line-height:1.7}.atelier-mark{font-family:Italiana,Georgia,serif;font-size:56px;margin:30px 0}.atelier-mark span{font-size:30px;margin:0 12px;color:#9c8661}.form-heading{margin-top:0;display:flex;justify-content:space-between;border-bottom:1px solid #a7ac9e;padding-bottom:22px;font-size:20px}label{display:block;font-size:11px;margin:28px 0;line-height:1.7}input,textarea,select{display:block;width:100%;border:0;border-bottom:1px solid #a0a899;padding:12px 0;font:14px 'DM Sans',sans-serif;border-radius:0;background:transparent;color:#28352f;outline-offset:5px}textarea{resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.optional{color:#6d7666;float:right;font-size:9px}.submit{background:#263c32;color:#f2eddf;display:flex;justify-content:space-between;width:100%;padding:20px;font-size:12px}.submit:hover{background:#385241;color:#fff}.fine{font-size:10px;line-height:1.7;color:#606b5e}#confirmation{background:#d5dfce;padding:20px;line-height:1.7;font-size:13px}footer{padding:60px 7vw 30px;display:grid;grid-template-columns:1fr 1fr;gap:35px}footer p{color:#a9b4a6;font-size:11px;margin-top:25px}footer>div:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:11px}footer button{padding:0;font-size:11px}footer small{grid-column:1/-1;font-size:8px;letter-spacing:.15em;color:#b2b8a8;border-top:1px solid #445347;padding-top:24px}body.office-open #site{width:calc(100% - 380px)}body.office-open header{width:calc(100% - 380px)}body.office-open header nav{gap:15px}body.office-open h1{font-size:7vw}#office{position:fixed;right:0;top:0;width:380px;height:100dvh;overflow:auto;background:#e7e5dc;color:#24372b;z-index:30;padding:25px;box-shadow:-20px 0 60px #0003}.office-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.1em}.office-head button{font-size:30px}#office .eyebrow{color:#5d705d;margin-top:35px}#office h2{font:40px/1.05 Italiana,Georgia,serif}.office-info,.empty{font-size:11px;line-height:1.8;color:#546451}.empty{border:1px dashed #a8b19f;padding:25px 15px;margin:30px 0}#office h3{font-size:12px;margin-top:40px}.module{display:flex;gap:15px;width:100%;border-top:1px solid #b2bbaa;padding:20px 0;font-size:10px}.module span{flex:1;text-align:left;font-size:12px}.request{border-top:1px solid #99a68d;padding:20px 0;overflow-wrap:anywhere}.request strong{display:block;font:28px Italiana,Georgia,serif}.request p{font-size:12px;line-height:1.7;white-space:pre-wrap}.request small{display:block;font-size:10px;color:#57664e}.request button{border:1px solid #7d8e73;margin:12px 6px 0 0;padding:8px;font-size:10px}.status{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#516645}dialog{width:min(620px,92vw);max-height:90dvh;overflow:auto;background:#e8e4d9;color:#24372b;border:0;padding:50px}dialog::backdrop{background:#06100bdd;backdrop-filter:blur(9px)}#modal-close{position:absolute;top:15px;right:20px;font-size:30px}dialog h2{font:48px/1.1 Italiana,Georgia,serif;margin:20px 0}dialog p{font-size:13px;line-height:1.8}dialog .eyebrow{color:#6a755e}.module-scene{display:flex;gap:14px;align-items:center;margin:30px 0;min-height:130px}.module-scene span{flex:1;border:1px solid #9ca68e;padding:25px 12px;font-size:12px;text-align:center;animation:arrive .7s both}.module-scene span:nth-child(3){animation-delay:.2s}.module-scene b{font-weight:400}.modal-source a{text-decoration:underline}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:1000px){body.office-open #site,body.office-open header{width:100%}#office{width:min(420px,100%)}.project{gap:6vw}.first h1{font-size:10vw}.intro{bottom:21%}}@media(max-width:600px){header{height:85px;padding:0 6vw}.wordmark{font-size:17px}.wordmark span{font-size:6px}header nav{display:none}#office-toggle{padding:10px;font-size:10px}.chapter{padding:120px 7vw 75px}.first h1,body.office-open h1{font-size:15vw;margin-top:30px}.first h1 em{padding-left:5vw}.intro{left:7vw;right:auto;bottom:21%;font-size:11px}.specimen{font-size:6px;bottom:74px}.explore{font-size:9px;bottom:75px;max-width:160px;line-height:1.8}.explore span{margin-left:10px}.chapter h2{font-size:15vw}.matter{min-height:115svh}.matter h2{margin-top:30px}.annotation{right:7vw;top:57%;font-size:11px}.annotation .line{width:65px}.margin-note{bottom:12%;font-size:10px}.creation{min-height:125svh}.creation h2{margin-top:30px}.creation>p{font-size:11px}.choices{width:100%;margin-top:30vh}.choices button{font-size:23px;padding:13px 0}.project-link{font-size:11px}.scene-controls{font-size:7px;gap:15px}.scene-controls button{font-size:8px}.project{grid-template-columns:1fr;padding:65px 7vw;gap:45px}.project h2{font-size:60px}.atelier-mark{display:none}.project-intro>p{max-width:none}.project small{display:block;margin-top:25px}.field-pair{grid-template-columns:1fr;gap:0}.field-pair label{margin:14px 0}footer{grid-template-columns:1fr;padding-top:40px}dialog{padding:45px 25px}dialog h2{font-size:39px}.module-scene{gap:7px}.module-scene span{font-size:10px;padding:20px 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}body.still{scroll-behavior:auto}body.still *{animation:none!important;transition:none!important}

.annotation{padding:20px;background:#101514b3;backdrop-filter:blur(8px)}body.office-open .project h2{font-size:clamp(42px,4vw,68px)}@media(max-width:600px){.intro{bottom:18%}.annotation{padding:15px}.creation .choices{margin-top:30vh}}