@charset "UTF-8";
:root{font-family:Arial,Helvetica,sans-serif;color:#eee8dc;background:#100e0d;--accent:#eea16b;--muted:#a89e92;--line:#ffffff26;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.25;cursor:default}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:#100e0d}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:#eee8dc;color:#100e0d;padding:15px}.skip:focus{top:0}
.dev-header{height:82px;position:fixed;inset:0 0 auto;z-index:30;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(#100e0dfa,#100e0d99,transparent)}.dev-header .brand{font-size:22px;font-weight:600;letter-spacing:-1px}.dev-header .brand span{color:var(--accent);font-size:28px;margin-right:8px}.dev-header nav{display:flex;gap:32px;font-size:12px}.dev-header nav a{padding:12px 0}.dev-header [aria-current=page]{border-bottom:1px solid var(--accent)}.contact{font-size:12px}
.project-journey{height:460svh}.project-stage{height:100svh;min-height:620px;position:sticky;top:0;display:flex;flex-direction:column;overflow:hidden;padding:100px 5vw 0;background:radial-gradient(ellipse at 55% 55%,#65402b2b,transparent 60%),#100e0d}.gallery-heading{position:relative;text-align:center;flex-shrink:0}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.gallery-heading>.eyebrow{font-size:8px}.gallery-heading h1{font-weight:400;font-size:clamp(32px,3.5vw,58px);letter-spacing:-2px;margin:12px 0 0}.counter{position:absolute;right:0;bottom:5px;font:11px 'Courier New',monospace;color:#85796e}.counter span{color:var(--accent)}
.deck{position:relative;flex:1;min-height:0;perspective:1600px;container-type:size;isolation:isolate}.project-sheet{position:absolute;left:50%;top:50%;width:min(84%,148cqh,1040px);aspect-ratio:1.72;background:#e7e0d2;box-shadow:0 35px 65px #0006;transform-origin:50% 60%;overflow:hidden;will-change:transform,opacity;pointer-events:none;backface-visibility:hidden;container-type:inline-size}.project-sheet.front{pointer-events:auto}.project-sheet .work-visual{width:100%;height:100%}.sheet-shadow{position:absolute;inset:auto 15% 4%;height:5%;filter:blur(30px);background:#ab5d3320;z-index:-1}
.project-info{width:min(100%,1040px);align-self:center;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 0 20px;z-index:8}.project-info h2{font-size:21px;font-weight:400;letter-spacing:-.6px;margin:6px 0 0}.project-info .eyebrow{font-size:8px;color:#b29c86}.open-project{background:transparent;border:0;border-bottom:1px solid #e0bda377;font-size:12px;padding:12px 0;white-space:nowrap}.open-project span{color:var(--accent);margin-left:25px}
.gallery-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 0;gap:16px}.project-categories{display:flex;gap:25px}.project-categories button{background:none;border:0;border-bottom:1px solid transparent;color:var(--muted);font-size:12px;padding:10px 0}.project-categories [aria-current=true]{border-color:var(--accent);color:#f3c39e}.arrows{display:flex;gap:8px}.arrows button{background:none;border:1px solid var(--line);width:38px;height:34px;font-size:18px}.project-picker{display:flex;gap:7px;padding:0 0 16px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.project-picker button{flex:1;min-width:120px;display:flex;gap:12px;align-items:center;text-align:left;padding:10px 12px;border:1px solid transparent;background:#ffffff04;font-size:10px;color:var(--muted)}.project-picker button span{font:9px 'Courier New',monospace;color:#74695f}.project-picker [aria-current=true]{border-color:#d7976266;background:#e6a1680c;color:#eee8dc}.deck-progress{height:2px;background:#ffffff12;margin:0 -5vw;flex-shrink:0}.deck-progress span{display:block;height:100%;width:25%;background:#bf8154;transition:width .9s ease}
/* Demo compositions are original layout studies, not client screenshots. */
.work-visual{position:relative;overflow:hidden;color:#222018;background:#ded8cb;text-align:left}.work-top{display:flex;align-items:center;justify-content:space-between;padding:4% 5%;font-size:1.2cqw}.work-top b{font-size:2.4cqw;letter-spacing:-.12cqw}.work-top span{font-size:.9cqw;letter-spacing:.09cqw}.work-bottom{position:absolute;bottom:5%;left:5%;right:5%;display:flex;justify-content:space-between;font-size:.85cqw;letter-spacing:.07cqw}.forma{background:#e9e5dc}.forma .art-image{position:absolute;right:5%;top:22%;width:46%;height:64%;object-fit:cover;border-radius:45% 45% 0 0}.forma .work-copy{position:absolute;left:5%;top:27%;z-index:2}.forma .work-copy strong{font-family:Georgia,serif;font-weight:400;font-size:9cqw;line-height:.92;letter-spacing:-.5cqw}.forma .work-copy p{font-size:1.3cqw;line-height:1.5;margin-top:3cqw;max-width:23cqw}.forma .seal{position:absolute;right:4%;top:25%;color:#fbe8c8;font-size:10cqw;line-height:1}.studio{background:#24352d;color:#e7ead8}.studio .art-image{position:absolute;width:45%;height:100%;right:0;top:0;object-fit:cover;filter:grayscale(1) sepia(.45);opacity:.65}.studio .work-top,.studio .work-bottom{position:relative;z-index:2}.studio .work-copy{position:absolute;left:5%;top:30%;z-index:2}.studio strong{font-weight:400;letter-spacing:-.5cqw;font-size:7.7cqw;line-height:.9}.studio .work-copy p{font-size:1.2cqw;line-height:1.7;max-width:24cqw}.studio .work-bottom{position:absolute}.studio .line{position:absolute;width:34%;left:5%;top:82%;border-top:1px solid #e7ead855;padding-top:1.5cqw;font-size:1cqw}
.editions{background:#d95f2b;color:#241810}.editions .work-copy{position:absolute;left:5%;top:25%;width:36%}.editions strong{font:400 9cqw/.9 Georgia,serif;letter-spacing:-.4cqw}.editions .work-copy p{font-size:1.2cqw;line-height:1.7;max-width:27cqw}.print-product{position:absolute;right:9%;top:25%;width:38%;height:59%;padding:2%;background:#efe6ce;transform:rotate(7deg);box-shadow:1cqw 2cqw 4cqw #501b2444}.print-product img{width:100%;height:100%;object-fit:cover}.mini-price{position:absolute;right:6%;bottom:8%;font-size:1.1cqw}.collection{background:#f2eddf}.collection .work-copy{position:absolute;top:20%;left:5%;width:90%;display:flex;justify-content:space-between;align-items:end}.collection strong{font:400 5cqw/1 Georgia,serif;letter-spacing:-.2cqw}.collection .work-copy p{font-size:1cqw;max-width:23cqw}.product-grid{position:absolute;inset:39% 5% 11%;display:grid;grid-template-columns:repeat(3,1fr);gap:3%}.product-grid div{position:relative;background:#e5dccc;overflow:hidden;padding:6%}.product-grid img{width:100%;height:78%;object-fit:cover}.product-grid div:nth-child(2) img{filter:grayscale(1)}.product-grid div:nth-child(3) img{filter:hue-rotate(24deg)}.product-grid span{font-size:.9cqw;display:block;padding-top:5%;letter-spacing:.05cqw}.project-sheet>.real-media{width:100%;height:100%;object-fit:contain;background:#151412}
.dev-outro{padding:100px 7vw;background:#e5dfd3;color:#211b16}.dev-outro .eyebrow{color:#796b5d}.dev-outro h2{font:400 clamp(44px,7vw,100px)/1 Georgia,serif;letter-spacing:-3px;margin:30px 0}.dev-outro>a{display:inline-block;border-bottom:1px solid #715e4c;padding:12px 0;font-size:23px}.dev-outro p{margin-top:65px;font-size:12px;color:#726454;max-width:440px;line-height:1.7}
dialog{width:min(1150px,94vw);max-height:92svh;overflow:auto;background:#191511;border:1px solid #725338;color:#eee8dc;padding:30px}dialog::backdrop{background:#080706e8;backdrop-filter:blur(14px)}.close-dialog{float:right;padding:10px 15px;background:none;border:1px solid var(--line)}dialog h2{font-size:30px;font-weight:400;letter-spacing:-1px;margin:28px 0 20px}.dialog-art{aspect-ratio:1.72;container-type:inline-size;overflow:hidden}.dialog-art>.work-visual{height:100%}.dialog-art>.real-media{width:100%;height:100%;object-fit:contain}#dialog-copy{font-size:14px;line-height:1.7;max-width:760px;color:#c3b7a9}#project-url{display:inline-block;border-bottom:1px solid #b78b64;padding:10px 0}#project-url[hidden]{display:none}body.dialog-open{overflow:hidden}
@media(max-width:760px){.dev-header{height:64px;padding:0 5vw}.dev-header nav{display:none}.dev-header .brand{font-size:20px}.dev-header .brand span{font-size:24px;margin-right:4px}.contact{font-size:11px}.project-stage{height:100dvh;padding-top:82px;min-height:0}.gallery-heading>.eyebrow{font-size:7px;letter-spacing:1.3px}.gallery-heading h1{font-size:33px;margin-top:8px;letter-spacing:-1px}.counter{font-size:9px;bottom:-24px}.deck{perspective:1100px}.project-sheet{width:90%;aspect-ratio:.9;max-height:85%}.work-top{padding:7% 6%}.work-top b{font-size:5cqw}.work-top span{font-size:1.8cqw}.work-bottom{font-size:1.8cqw}.forma .work-copy{top:20%;left:6%}.forma .work-copy strong{font-size:15cqw}.forma .work-copy p{font-size:2.5cqw;max-width:45cqw}.forma .art-image{top:48%;height:42%;width:55%;right:6%;border-radius:42% 42% 0 0}.forma .seal{top:49%;right:3%;font-size:18cqw}.studio .art-image{width:65%;height:65%;top:30%;opacity:.35}.studio .work-copy{top:26%}.studio strong{font-size:15cqw}.studio .work-copy p{font-size:2.5cqw;max-width:45cqw}.studio .line{top:79%;font-size:2.5cqw;width:70%}.editions .work-copy{top:20%;width:90%}.editions strong{font-size:13cqw}.editions .work-copy p{font-size:2.4cqw;max-width:45cqw}.print-product{width:47%;height:43%;top:44%;right:12%}.mini-price{font-size:2.3cqw}.collection .work-copy{top:19%;display:block}.collection strong{font-size:10cqw}.collection .work-copy p{font-size:2.4cqw;max-width:60cqw}.product-grid{inset:43% 5% 13%;gap:3%}.product-grid span{font-size:2cqw;line-height:1.5}.project-info{padding:10px 0 18px;gap:10px}.project-info h2{font-size:17px;max-width:210px}.project-info .eyebrow{font-size:6px;letter-spacing:1px}.open-project{font-size:10px}.open-project span{margin-left:7px}.project-categories{gap:24px}.project-categories button{font-size:11px}.project-picker{padding-bottom:12px}.project-picker button{min-width:140px;padding:9px;font-size:9px}.gallery-controls{padding:9px 0}.arrows button{width:32px;height:30px}dialog{padding:20px}.dialog-art{aspect-ratio:.9}dialog h2{font-size:25px}.close-dialog{font-size:11px}.dev-outro{padding:70px 6vw}.dev-outro h2{letter-spacing:-1.5px}}
@media(max-width:760px) and (max-height:680px){.project-stage{padding-top:68px}.gallery-heading>.eyebrow{display:none}.gallery-heading h1{font-size:27px}.counter{bottom:0;font-size:8px}.project-sheet{width:min(78%,68cqh);aspect-ratio:1.1;max-height:86%}.project-info{padding:6px 0 10px}.project-info h2{font-size:14px}.project-info .eyebrow{font-size:5px}.gallery-controls{padding:5px 0}.project-picker{padding-bottom:8px}.project-picker button{padding:7px;min-width:125px}.print-product{top:48%;height:40%}.project-info{flex-shrink:0}}
@media(max-height:560px) and (min-width:761px){.project-stage{padding-top:75px;min-height:500px}.gallery-heading>.eyebrow{display:none}.gallery-heading h1{font-size:28px;margin:0}.project-info{padding:4px 0 8px}.project-info h2{font-size:16px}.gallery-controls{padding:4px 0}.project-picker{padding-bottom:7px}}
@media(prefers-reduced-motion:reduce){.deck-progress span{transition:none}}

@media(max-width:760px){.arrows{flex-shrink:0;gap:6px}.arrows button{width:44px;min-width:44px;height:44px;font-size:11px}.gallery-controls{gap:12px}.project-categories{gap:10px;min-width:0}.project-categories button{font-size:12px}}