@font-face{font-family:Display;src:local("Baskerville")}*{box-sizing:border-box}html{background:#151717;color:#eee7da;scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #f5ce7d;outline-offset:5px}button{color:inherit}body:has(dialog[open]){overflow:hidden}button:disabled{opacity:.35;cursor:default}button[hidden]{display:none}.masthead{min-height:112px;display:flex;align-items:center;justify-content:space-between;padding:28px 4.2vw;background:linear-gradient(100deg,#181c1a,#111715 48%,#222823);border-bottom:1px solid #555243;box-shadow:0 4px 14px #0009;position:relative;z-index:2}.wordmark{font-family:Display,Georgia,serif;letter-spacing:.14em;text-decoration:none;font-size:clamp(24px,2.6vw,42px);color:#dbc69a;text-shadow:0 1px #fff6,0 4px 4px #000}.masthead nav{display:flex;gap:8px}.masthead nav button{border:1px solid #76694b;border-radius:0;background:transparent;padding:10px 15px;font-size:12px;letter-spacing:.1em}.masthead nav button:hover{background:#bda370;color:#121711}#street{background:repeating-linear-gradient(0deg,#1d2421 0 68px,#0f1815 69px,#3a4139 70px,#1d2421 71px 140px)}.cornice{height:29px;background:linear-gradient(#0b1512,#667066 5%,#18221c 25%,#18231e 55%,#070d0b 58%,#4a5348 65%,#18221c 69%,#15211a);box-shadow:0 10px 18px #0008}.frontage-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:26px 3.2vw 0;position:relative;gap:2.2vw}.window{min-width:0;position:relative;padding:12px 13px 0;background:linear-gradient(90deg,#151e19,#4f594b 2%,#202d23 4%,#17231c 96%,#0b110d 97%);box-shadow:0 0 0 1px #61705b,0 4px 4px #0007;margin-bottom:60px}.window::before{content:"";position:absolute;top:-9px;left:-9px;right:-9px;height:18px;background:linear-gradient(#8b8e73,#233027 20%,#4c5e48 45%,#14201a 60%,#111813);box-shadow:0 6px 7px #0008}.window-button{display:block;position:relative;padding:0;width:100%;border:3px solid #9c8050;border-image:linear-gradient(100deg,#806332,#d3b77c,#69532f,#c4a568) 1;background:#17130f;box-shadow:inset 0 0 30px #000,0 0 0 6px #0d110f;isolation:isolate;overflow:hidden;aspect-ratio:3/4}.scene{display:block;width:100%;height:100%;object-fit:contain;background:#19120f;transition:transform .9s cubic-bezier(.2,.6,.2,1),filter .8s;transform:perspective(900px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) scale(1.015);will-change:transform}.window-button:hover .scene{filter:brightness(1.07);transform:perspective(900px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) scale(1.035)}.glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(114deg,transparent 0 24%,#f1e6c70a 24.2% 25%,transparent 25.2% 66%,#fff3 66.1%,#fff0 66.8%),radial-gradient(ellipse at var(--px,30%) var(--py,10%),#fff1,transparent 50%);box-shadow:inset 0 0 22px #0008,inset 0 0 0 1px #fff2}.glass::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1b130a77,transparent 20%,transparent 89%,#f9d09322);mix-blend-mode:screen}.window-button::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 36px #08070677;pointer-events:none}.window-name{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:62px;padding:15px 5px;font-size:12px;letter-spacing:.1em;color:#e0c58e}.window-name span:first-child{font-family:Display,Georgia,serif;font-size:20px;letter-spacing:.03em}.window-name .client{font-size:9px;text-align:right;line-height:1.4;max-width:35%;color:#a99a79}.sill{height:16px;position:absolute;left:-14px;right:-14px;bottom:-14px;background:linear-gradient(#78816c,#324431 25%,#687155 31%,#1c271c 52%,#121c13);box-shadow:0 10px 10px #0008}.window-lamp{position:absolute;top:-22px;left:50%;height:11px;width:46px;transform:translateX(-50%);background:linear-gradient(#c7b077,#61522c);border-radius:50% 50% 3px 3px;z-index:1;box-shadow:0 7px 13px #e9c78077}.window-lamp::after{content:"";position:absolute;left:22px;top:-10px;height:13px;width:3px;background:#9a8652}.window.seen .window-name::before{content:"";position:absolute;right:17px;top:18px;height:5px;width:5px;border-radius:50%;background:#fff2bb;box-shadow:0 0 8px #fffaaa;z-index:1}.pavement{height:46px;margin-top:-29px;border-top:6px solid #6a6b5d;background:repeating-linear-gradient(90deg,transparent 0 calc(16.66% - 2px),#181d1a 16.66%),linear-gradient(#3c453f,#27322c);box-shadow:inset 0 5px 5px #0007}.pavement::after{content:"";display:block;height:100%;background:linear-gradient(90deg,#d9aa6014,transparent 35%,#d3b57412 70%,transparent)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:36px 4vw 44px;background:#111a15;color:#b5b69e;font-size:11px;letter-spacing:.1em}footer a{text-decoration:none}footer button{background:none;border:0;color:inherit;font-size:11px}footer>span{font-family:Georgia,serif;letter-spacing:.22em}dialog{color:#e8ddc3;background:#18211a;border:1px solid #9d8654;padding:0;max-height:calc(100dvh - 44px);width:min(900px,calc(100vw - 36px));box-shadow:0 30px 100px #000b;overflow:auto}dialog::backdrop{background:#050b08df;backdrop-filter:blur(7px)}.dialog-top{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:22px 25px;background:#18211a;z-index:2;border-bottom:1px solid #706346}.dialog-top h1{font:28px Georgia,serif;margin:0}.close{width:44px;height:44px;display:grid;place-items:center;font:30px Georgia,serif;color:#e9dcb9;background:#142017;border:1px solid #c0a36b;border-radius:50%;z-index:8;flex:none}.close:hover{background:#b69a63;color:#0b1510}.directory-list{padding:10px 24px 30px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.directory-list button{padding:19px 0;background:none;border:0;border-bottom:1px solid #627056;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:16px;font:18px Georgia,serif}.directory-list button span:last-child{font:9px Arial,sans-serif;letter-spacing:.08em;color:#bdad87}.directory-list button:hover{color:#f2ca7b}#reader{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;background:#0b130e;overflow:hidden}.reader-close{position:fixed;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));box-shadow:0 3px 20px #000}.reader-scroll{height:100%;overflow:auto;padding:44px 5vw 80px;display:grid;grid-template-columns:minmax(200px,.62fr) minmax(0,1fr);gap:5vw;align-items:start;background:radial-gradient(ellipse at 12% 16%,#61452944,transparent 45%),repeating-linear-gradient(90deg,transparent 0 60px,#e4c17403 60px 61px)}.reader-display{position:sticky;top:0;border:3px solid #927848;box-shadow:0 0 0 9px #1a261c,0 0 0 10px #665632,0 15px 50px #0008}.reader-art{width:100%;height:auto;display:block}.reader-glass{position:absolute;inset:0;background:linear-gradient(112deg,transparent 36%,#fff1 36.2%,transparent 37%);pointer-events:none}.case{min-width:0;background:#eee5d1;color:#28291f;padding:35px 34px;box-shadow:0 0 0 1px #c2a577,0 15px 80px #0008;border-top:7px solid #a18448}.case header{padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid #9f987e}.case h1{font:clamp(30px,4vw,55px)/1.05 Georgia,serif;margin:10px 0 5px;font-weight:normal}.case header p{font-size:10px;letter-spacing:.19em;margin:0;color:#625334}.case #media{--ab-fg:#252a20;--ab-muted:#6d6654;--ab-accent:#6a592a;--ab-chrome:140px}.case .ab-lede{font-family:Georgia,serif;font-size:20px;line-height:1.5}.case .ab-heading{font-size:12px;text-transform:uppercase;letter-spacing:.12em;line-height:1.5}.case .ab-text{font-size:15px;line-height:1.6}.case .ab-image img{background:#e1d8c5}.case .ab-frame{box-shadow:0 4px 12px #0002}.case .ab-credits{font-size:11px;line-height:1.6}.project-nav{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #a49a7c;margin-top:30px;padding-top:20px}.project-nav button{color:#342c17;background:none;border:1px solid #93815b;padding:11px 14px;font-size:12px}.about-letter{max-width:650px;padding:55px 46px;background:#eee5d1;color:#283322;margin:25px;border:1px solid #ad9564}.about-letter h1{font:40px Georgia,serif;margin:8px 0 20px}.about-letter h2{font-size:12px;letter-spacing:.1em;margin-top:30px}.about-letter p{font:19px/1.55 Georgia,serif}.about-letter ul{list-style:none;padding:0;font-size:12px;line-height:1.7}.about-letter li{padding:10px 0;border-top:1px solid #bbb090}.about-letter li strong{display:block;letter-spacing:.06em}.about-letter a{display:inline-block;margin:8px 14px 8px 0;font-size:13px}#about>.close{position:sticky;float:right;top:15px;right:15px;margin:15px 15px -60px 0}#loader{position:fixed;inset:0;z-index:100;background:#152019;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;transition:opacity .65s ease;pointer-events:all}#loader.depart{opacity:0;pointer-events:none}.awning{position:relative;padding:37px 50px;background:repeating-linear-gradient(90deg,#d6cbb2 0 26px,#18291d 26px 53px);border-bottom:15px solid #d6cbb2;box-shadow:0 12px 35px #0008}.awning span{display:block;padding:18px 26px;background:#16261b;color:#e3d4ae;font:26px Georgia,serif;letter-spacing:.14em;border:1px solid #b69f71}.awning i{position:absolute;height:12px;bottom:-24px;left:0;right:0;background:radial-gradient(ellipse at 50% 0,#d6cbb2 0 70%,transparent 73%) 0 0/53px 12px repeat-x}#loader p{font:14px Georgia,serif;letter-spacing:.04em;margin:10px 0 0;color:#d3c5a3}#loader progress{width:160px;height:3px;border:0;background:#46533a;color:#c2a463}#loader progress::-webkit-progress-bar{background:#46533a}#loader progress::-webkit-progress-value{background:#c2a463}.load-error{max-width:340px;text-align:center;line-height:1.5}.load-error a{display:block;margin-top:20px}@media(min-width:1800px){.frontage-row{gap:3vw;padding-left:5vw;padding-right:5vw}}@media(max-width:900px){.masthead{min-height:96px;padding:24px 4vw}.wordmark{font-size:25px}.frontage-row{gap:20px;padding:25px 20px 0;grid-template-columns:repeat(2,minmax(0,1fr))}.window-name span:first-child{font-size:18px}.window-name{display:block}.window-name .client{display:block;margin-top:6px;text-align:left;max-width:none}.reader-scroll{grid-template-columns:minmax(0,1fr);padding:68px 7vw 60px;gap:24px}.reader-display{display:none}.case{max-width:850px;width:100%;margin:auto}}@media(max-width:580px){.masthead{padding:22px 19px;align-items:flex-start;gap:14px;min-height:113px}.wordmark{font-size:24px;max-width:175px;line-height:1.2}.masthead nav{gap:6px;padding-top:2px;flex-direction:column}.masthead nav button{font-size:10px;padding:7px 11px}.cornice{height:23px}.frontage-row{display:block;padding:24px 24px 0}.window{padding:11px 11px 0;margin-bottom:62px}.window-name{display:flex;min-height:68px;padding:14px 6px}.window-name span:first-child{font-size:22px}.window-name .client{font-size:9px;max-width:35%;text-align:right}.pavement{margin-top:-28px;height:27px;border-width:4px}.window-button{aspect-ratio:3/4}.directory-list{grid-template-columns:1fr;padding:0 22px 25px}.dialog-top{padding:16px 20px}.directory-list button{padding:18px 0}.reader-scroll{padding:78px 13px 40px}.case{padding:25px 16px}.case h1{font-size:36px}.case .ab-lede{font-size:19px}.about-letter{padding:30px 20px;margin:70px 12px 18px}.about-letter h1{font-size:33px}.about-letter p{font-size:18px}footer{padding:28px 25px;gap:25px}footer>span{display:none}.awning{padding:27px 22px}.awning span{font-size:21px;padding:20px}#loader progress{width:130px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scene{transform:none!important}}