:root{--ink:#161a21;--forest:#121620;--cream:#f2f0e7;--paper:#e8e7dc;--muted:#646970;--lime:#82c1f5;--line:rgba(24,29,40,.18);--pad:clamp(24px,6vw,100px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #3e709d;outline-offset:6px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #3c6385;outline-offset:4px}::selection{background:var(--lime);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.048em}button{border:0}a,button{touch-action:manipulation}.skip-link{position:fixed;top:-100px;left:20px;padding:16px;background:var(--lime);z-index:300}.skip-link:focus{top:12px}.nav{height:100px;padding:0 var(--pad);position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#f2f2e6;transition:background .3s;pointer-events:auto}.nav.solid{background:rgba(242,240,231,.93);backdrop-filter:blur(12px);color:var(--ink);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:650;line-height:1;letter-spacing:-1.5px}.brand-star{font-size:47px;line-height:1;display:inline-block;font-family:Arial}.brand small{font-size:8px;letter-spacing:3.5px;display:block;margin-top:7px;font-weight:500}.nav-links{display:flex;gap:36px;margin-left:auto;margin-right:35px;font-size:12px}.nav-links a{position:relative;padding:10px 0}.nav-links a:after{content:'';height:1px;background:currentColor;width:0;position:absolute;bottom:3px;left:0;transition:width .25s}.nav-links a:hover:after{width:100%}.nav-cta{height:44px;padding:0 23px;border:1px solid currentColor;border-radius:30px;display:flex;align-items:center;gap:30px;font-size:12px}.nav-cta:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.menu-toggle{display:none}.experience{height:380svh;position:relative;background:#10131b}.stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;background:#0c0f15;isolation:isolate}#studio-canvas{position:absolute;inset:0;z-index:1;display:block}.room-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,17,.96) 0%,rgba(8,11,17,.81) 22%,rgba(8,11,17,.30) 43%,transparent 68%),linear-gradient(0deg,rgba(7,9,14,.8),transparent 25%);z-index:3;pointer-events:none}.intro-copy{position:absolute;top:25%;left:var(--pad);color:var(--cream);z-index:5;will-change:transform,opacity}.eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:2px;font-weight:500;display:flex;align-items:center;gap:9px}.status-dot,.live-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--lime);box-shadow:0 0 0 4px rgba(130,193,245,.1);flex:none}.intro-copy h1{font-size:clamp(44px,4.9vw,79px);line-height:1.035;letter-spacing:-.065em;margin:28px 0 23px;font-weight:500}.intro-copy h1 em{color:var(--lime);letter-spacing:-.065em}.intro-copy p{font-size:14px;line-height:1.65;color:#afb6bd;margin-bottom:27px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:40px;padding:17px 25px;font-size:12px;font-weight:600;min-height:48px;transition:transform .25s,background .25s}.pill span{font-size:20px;line-height:1}.pill:hover{transform:translateY(-3px)}.pill.lime{background:var(--lime);color:var(--ink)}.pill.dark{background:var(--ink);color:var(--cream)}.pill.dark:hover{background:#2c3644}.pill.outline{background:transparent;border:1px solid var(--line)}.text-button{display:block;background:none;padding:18px 0;color:#b1b8c0;font-size:11px}.text-button span{margin-left:12px}.scene-tag{position:absolute;z-index:5;right:var(--pad);top:128px;color:#c4d4e3;font:9px/1.4 monospace;letter-spacing:1.5px;display:flex;align-items:center;gap:10px;background:rgba(14,18,26,.5);backdrop-filter:blur(7px);border:1px solid #394a5c55;border-radius:5px;padding:12px}.scene-tag-light{color:#808e9c}.experience-bottom{position:absolute;bottom:30px;left:var(--pad);right:var(--pad);color:#c5cfd9;z-index:10;display:flex;justify-content:space-between;align-items:center}.scroll-invite{display:flex;align-items:center;gap:12px;background:transparent;color:inherit;font:9px Arial,sans-serif;letter-spacing:1.4px;min-height:44px}.mouse-icon{display:inline-block;width:20px;height:29px;border:1px solid #8da0b3;border-radius:20px;position:relative}.mouse-icon:after{content:'';position:absolute;top:6px;left:8px;width:2px;height:6px;background:var(--lime);animation:mouse 1.8s infinite}@keyframes mouse{0%,100%{transform:translateY(0);opacity:1}70%{transform:translateY(6px);opacity:.3}}.chapter-track{display:flex;align-items:center;gap:13px;font:9px monospace;letter-spacing:1.3px}.track-line{width:96px;height:1px;background:#586b8066}.track-line i{height:1px;display:block;background:var(--lime);width:0}.bottom-side-note{font:8px monospace;letter-spacing:1.3px;color:#95a1ad}.chapter-caption{position:absolute;z-index:6;left:var(--pad);top:40%;color:var(--cream);opacity:0;pointer-events:none;will-change:transform,opacity}.chapter-caption h2{font-size:clamp(38px,4.2vw,65px);line-height:1.03;letter-spacing:-.05em;margin-top:20px}.chapter-caption em{color:var(--lime)}.screen-web{position:absolute;top:0;left:0;background:var(--cream);z-index:2;transform-origin:0 0;visibility:hidden;will-change:transform;overflow:hidden;border-radius:2px;backface-visibility:hidden}.site-hero{height:100%;width:100%;background:var(--cream);position:relative;overflow:hidden;transform-origin:right center;display:flex;align-items:center}.site-hero-copy{position:relative;z-index:2;padding-left:var(--pad);width:60%;padding-top:18px}.site-hero .eyebrow{font-size:9px;letter-spacing:1.6px}.site-hero .status-dot{background:#4978a3;box-shadow:0 0 0 4px #608eb718}.site-hero h2{font-size:clamp(55px,6.35vw,108px);letter-spacing:-.065em;line-height:1.00;margin:30px 0 24px}.site-hero h2 em{font-size:1.05em}.site-hero-copy p{color:#5e6369;line-height:1.7;font-size:13px;max-width:395px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:31px}.under-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;background:transparent;border-bottom:1px solid #6d7883;padding:8px 0;min-height:36px}.under-link span{font-size:18px}.hero-art{position:absolute;right:1.5%;top:14%;width:49%;height:75%;display:grid;place-items:center}.art-sun{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:#98c4e9;right:2%;top:12%}.orbit{position:absolute;width:95%;height:55%;border:1px solid #7894aa3a;right:-2%;top:20%;border-radius:50%;transform:rotate(-30deg)}.orbit-two{transform:rotate(40deg);width:68%;height:86%;right:10%;top:0}.art-browser{position:absolute;z-index:1;top:23%;left:8%;width:77%;height:58%;background:#fcfcf7;border:1px solid #ffffffe5;box-shadow:12px 24px 50px #181c2c26;border-radius:9px;transform:rotate(-7deg);overflow:hidden}.browser-top{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:7px monospace;color:#6d757b;background:#f7f7ef;border-bottom:1px solid #c9d3dc}.browser-dots{display:flex;gap:4px}.browser-dots i{width:4px;height:4px;border-radius:50%;background:#b2bdc7}.art-page{position:relative;height:calc(100% - 32px);background:#252b40;color:#e3ebf3;padding:23px 24px;overflow:hidden}.art-label{font:6px Arial;letter-spacing:1.5px}.art-title{font-size:clamp(24px,2.7vw,44px);line-height:1.03;letter-spacing:-1px;margin-top:20px;position:relative;z-index:2}.art-title em{color:#98c4e9}.art-bottom{position:absolute;bottom:19px;left:24px;right:22px;font-size:6px;letter-spacing:1px;display:flex;justify-content:space-between}.art-bottom span{font-size:14px}.sculpture{position:absolute;right:-8%;top:6%;width:61%;height:94%;transform:rotate(-25deg)}.sculpture-ring{position:absolute;width:77%;height:47%;border-radius:50%;border:24px solid #b0d1ef;box-shadow:inset 3px 6px 8px #324f68,3px 12px 16px #12162266,inset -5px -4px 9px #ffffdf;transform:rotateX(20deg) rotateY(-17deg)}.ring-a{top:5%;left:0}.ring-b{top:29%;left:8%;border-color:#9cbfdc}.ring-c{top:51%;left:14%;border-color:#8cafcd}.art-cross{position:absolute;font-size:95px;top:6%;left:8%;color:#405a76;transform:rotate(12deg);z-index:2}.floating-note{position:absolute;z-index:3;bottom:12%;left:2%;background:#fffef8;border:1px solid #c7d5e1;padding:17px 22px;box-shadow:0 7px 35px #1b22351c;transform:rotate(3deg);display:flex;gap:13px;align-items:center;font-size:11px;border-radius:5px}.floating-note>span{font-size:30px;color:#345d85}.floating-note small{display:block;margin-top:5px;font-size:9px;color:#718191}.art-stamp{position:absolute;right:5%;top:11%;font:8px/1.8 Arial;letter-spacing:1.8px;transform:rotate(6deg);z-index:3}.art-stamp span{display:block;font-size:38px;margin-top:12px}.site-hero-bottom{position:absolute;bottom:32px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;font:8px Arial;letter-spacing:1.3px}.site-hero-bottom a span{font-size:15px;margin-left:20px}.micro-nav{position:absolute;top:25px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;font:9px Arial;letter-spacing:1px;z-index:5}.micro-nav span:first-child{font-weight:bold;font-size:25px;letter-spacing:-1px}.code-pane{position:absolute;top:0;left:0;width:39%;height:100%;background:#121622;color:#d2d7df;display:flex;flex-direction:column;font-family:monospace;border-right:1px solid #4e5561;z-index:4;overflow:hidden}.code-tabs{height:6%;background:#171c2c;border-bottom:1px solid #2a303d;color:#8d98a7;font-size:10px;display:flex;align-items:center;gap:25px;padding:0 20px}.code-tabs span{color:#cbcb91;font-size:10px;letter-spacing:4px}.code-file{height:5%;padding:10px 25px;color:#a9bdcf;font-size:11px;background:#222838}.code-body{padding:18px 26px;font:clamp(9px,1vw,15px)/1.53 monospace;flex:1;overflow:hidden;white-space:nowrap}.code-purple{color:#c6a8dd}.code-pink{color:#d6a192}.code-green{color:#8ab3d6}.code-muted{color:#606979}.terminal{height:17%;border-top:1px solid #3a4252;background:#0e121e;padding:10px 25px;font-size:10px;line-height:2;color:#9dadbb}.terminal>span:first-child{font-size:8px;letter-spacing:2px;color:#6f7d8e}.code-status{background:#384f67;font-size:9px;padding:6px 12px;display:flex;justify-content:space-between}.cursor-code{color:var(--lime);animation:cursor .8s steps(1) infinite}@keyframes cursor{50%{opacity:0}}.typing-line{display:inline-block;max-width:25ch;overflow:hidden;vertical-align:bottom;animation:typing 7s steps(25,end) infinite}@keyframes typing{0%,10%{max-width:0}60%,100%{max-width:25ch}}.section-pad{padding:95px var(--pad)}.section-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:57px}.section-aside{font-size:8px;letter-spacing:1.4px;line-height:1.7;opacity:.6}.ticker{overflow:hidden;background:var(--lime);border-top:1px solid #95bcdc;border-bottom:1px solid #95bcdc;padding:18px 0;font-size:11px;letter-spacing:2px}.ticker>div{width:max-content;animation:ticker 45s linear infinite;display:flex;align-items:center;gap:50px}.ticker span{font-size:21px}@keyframes ticker{to{transform:translateX(-50%)}}.services-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:7%}.services-intro h2,.work h2,.process h2,.about h2,.contact h2,.faq h2{font-size:clamp(38px,4.4vw,70px);letter-spacing:-.055em;line-height:1.04}.services-intro p{font-size:14px;line-height:1.85;color:var(--muted);max-width:365px;margin:25px 0}.service-list{padding-top:2px}.service-list details{border-top:1px solid var(--line);padding:0 0 0 0}.service-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;min-height:80px;gap:20px;font-size:19px;letter-spacing:-.5px}summary::-webkit-details-marker{display:none}summary i{margin-left:auto;font-style:normal;font-size:24px;transition:transform .25s;font-weight:400}[open]>summary i{transform:rotate(45deg)}.service-number{color:#758391;font-size:10px;letter-spacing:0}.service-body{padding:0 35px 25px;font-size:12px;color:var(--muted);line-height:1.85;max-width:500px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.tags span{border:1px solid var(--line);padding:5px 9px;border-radius:20px;font-size:9px}.work{background:#141924;color:var(--cream);padding-bottom:50px}.work .section-top{color:#a5b0bc}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}.work-heading p{font-size:12px;line-height:1.8;color:#9eaab6;padding-bottom:3px}.work h2 em{color:var(--lime)}.project-grid{display:grid;grid-template-columns:1.14fr 1fr;gap:38px 28px}.project-card{display:block;width:100%;background:none;padding:0;color:inherit;text-align:left}.project-visual{height:380px;position:relative;overflow:hidden;transition:transform .5s}.project-card:hover .project-visual{transform:translateY(-4px)}.project-open{position:absolute;z-index:5;bottom:16px;right:17px;display:grid;place-items:center;background:#fcfbecdd;color:#1f2632;width:41px;height:41px;border-radius:50%;font-size:24px;opacity:0;transform:translateY(12px);transition:transform .3s,opacity .3s}.project-card:hover .project-open,.project-card:focus-visible .project-open{opacity:1;transform:translateY(0)}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px}.project-caption h3{font-size:19px;letter-spacing:-.5px}.project-caption div>span{display:block;color:#97a2ae;font-size:11px;margin-top:5px}.concept-tag{font-size:7px;letter-spacing:1.2px;color:#8090a1;white-space:nowrap}.mock-nav{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;z-index:3}.mock-nav strong{font-weight:500;font-size:24px;letter-spacing:-1.2px}.mock-nav>span{font-size:7px}.forma-visual{background:#dcdcd1;color:#24282e;padding:28px}.forma-visual img{position:absolute;bottom:25px;right:0;width:82%;height:64%;object-fit:cover;object-position:center;border-radius:150px 0 0 0;transition:transform .8s}.forma-text{position:absolute;z-index:3;top:78px;left:28px;font-size:35px;line-height:1.04;letter-spacing:-1.7px}.forma-text em{font-size:1.15em}.mock-bottom{position:absolute;bottom:15px;left:28px;right:28px;font-size:6px;letter-spacing:.8px;display:flex;justify-content:space-between;z-index:3}.sol-visual{background:#ece1c8;color:#544a34}.sol-visual .mock-nav strong{font-family:Georgia;letter-spacing:3px;font-size:22px}.sol-text{position:absolute;top:84px;left:28px;font:35px/1.08 Georgia;z-index:3;letter-spacing:-1px}.sol-art{position:absolute;bottom:5%;right:2%;height:65%;width:80%}.bottle{position:absolute;width:25%;height:63%;background:linear-gradient(90deg,#39586e,#a2a371 35%,#608097 58%,#2d495f);bottom:12%;right:32%;border-radius:16px 16px 11px 11px;box-shadow:14px 12px 20px #5d523a44;transform:rotate(-9deg);z-index:3}.bottle:before{content:'';width:55%;height:19%;top:-15%;left:22%;position:absolute;background:linear-gradient(90deg,#302f23,#5b543b,#2d2c20);border-radius:4px 4px 1px 1px}.bottle>span{position:absolute;top:27%;height:52%;background:#f0ecd9;left:8%;right:8%;font:24px Georgia;text-align:center;padding-top:15%;color:#65683f}.bottle small{font:4px/2 Arial;letter-spacing:.6px;display:block;margin-top:9px}.bottle-two{width:21%;height:43%;bottom:6%;right:7%;transform:rotate(10deg);background:linear-gradient(90deg,#ab7544,#bd8f61,#976331);z-index:3}.bottle-two:before{background:linear-gradient(90deg,#433425,#6b5134,#433629)}.bottle-two span{font-size:20px}.bottle-two small{font-size:3px}.sol-orb{position:absolute;background:#cdbc90;box-shadow:inset -15px -25px 40px #95876355;width:52%;height:58%;border-radius:50%;bottom:0;left:10%;transform:rotate(-25deg)}.sol-leaf{position:absolute;z-index:4;width:42%;height:11%;background:linear-gradient(5deg,#2f4054,#54728c 49%,#32465b 51%);border-radius:100% 0 100% 0;bottom:7%;left:4%;transform:rotate(-23deg);transform-origin:right bottom}.leaf-2{bottom:7%;left:6%;transform:rotate(6deg);width:48%}.leaf-3{bottom:7%;left:4%;transform:rotate(35deg);width:32%}.project-table{grid-column:1/-1}.table-visual{height:290px;background:#e5a567;color:#472921}.table-visual .mock-nav{right:52%}.table-visual .mock-nav strong{font-size:21px;font-family:Georgia}.table-visual img{position:absolute;right:0;top:0;width:47%;height:100%;object-fit:cover}.table-copy{position:absolute;top:91px;left:28px;z-index:2}.table-copy>span:first-child{font-size:7px;letter-spacing:1.2px}.table-copy h3{font-size:42px;line-height:1.02;letter-spacing:-1.5px;margin-top:16px}.table-copy h3 em{font-size:1.1em}.table-button{display:inline-block;margin-top:21px;font-size:7px;padding:9px 13px;border:1px solid #795441;border-radius:20px;letter-spacing:.7px}.concept-disclaimer{color:#86919d;font-size:10px;margin-top:35px;border-top:1px solid #49576844;padding-top:20px}.process{background:#dfe5ea}.process h2{margin-bottom:60px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.step-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #9aacbc;padding-top:18px;font-size:13px;color:#556d83}.step-line i{font-style:normal;font-size:21px}.process-step h3{font-size:22px;letter-spacing:-.7px;margin:35px 0 15px}.process-step p{font-size:12px;line-height:1.85;max-width:220px;color:#59636e}.step-foot{display:block;font-size:8px;letter-spacing:1.4px;color:#7c8995;margin-top:45px}.about{position:relative;overflow:hidden;background:#262e3e;color:#dfe9f0;display:grid;grid-template-columns:1fr 1.1fr;gap:12%;min-height:640px;align-items:center}.about-symbol{font-size:clamp(210px,34vw,590px);color:#839eb7;line-height:.8;position:relative;font-family:Arial;animation:aboutspin 90s linear infinite;transform-origin:center center}.about h2{margin:30px 0;color:#e1ebf2}.about h2 em{color:var(--lime)}.about-lead{font-size:17px;line-height:1.65;margin-bottom:20px;color:#d0dde8}.about-content>p:not(.about-lead){font-size:13px;line-height:1.95;color:#a3b0bf;max-width:440px}.signature{display:block;font:italic 42px Georgia;letter-spacing:-3px;color:var(--lime);margin-top:24px;transform:rotate(-7deg);width:max-content}@keyframes aboutspin{to{transform:rotate(360deg)}}.faq{border-bottom:1px solid var(--line)}.faq>.eyebrow{margin-bottom:50px}.faq-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:14px;letter-spacing:-.15px;min-height:74px}.faq details p{font-size:12px;line-height:1.85;color:var(--muted);padding:0 20px 25px 0}.contact .section-top{align-items:center}.contact .status-dot{background:#52799b}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.contact h2{font-size:clamp(44px,5vw,80px);margin-top:10px}.contact-grid>div>p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:25px}.contact-note{border-left:1px solid #91a9be;padding:5px 0 5px 14px;margin-top:42px;font:8px Arial;letter-spacing:1px;max-width:300px;color:#5f7181}.contact-note span{display:block;font-size:11px;line-height:1.8;letter-spacing:0;color:#79828a;margin-top:8px}form label{display:block;font-size:10px;color:#505c69;margin-bottom:22px}form input,form select,form textarea{display:block;width:100%;border:0;border-bottom:1px solid #9dacba;background:transparent;border-radius:0;color:var(--ink);padding:13px 0 12px;outline-offset:3px;font-size:12px;resize:vertical}form input::placeholder,form textarea::placeholder{color:#8d979f}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-submit{width:100%}.form-privacy{font-size:9px;color:#818b94;text-align:center;margin-top:14px;line-height:1.6}.footer{background:var(--forest);color:#bdd3e8;padding:40px var(--pad) 22px;overflow:hidden}.footer-wordmark{font-size:clamp(30px,7.8vw,132px);font-weight:500;letter-spacing:-.08em;line-height:1.2;display:flex;align-items:center;justify-content:space-between}.footer-wordmark>span{font-size:.86em;line-height:1;color:var(--lime);font-weight:400;margin-top:22px;letter-spacing:0}.footer-bottom{border-top:1px solid #9ebbd533;display:flex;justify-content:space-between;gap:20px;font-size:8px;padding-top:24px;color:#8b9cad;letter-spacing:.5px}.footer-bottom>span:nth-child(2){font-size:7px;letter-spacing:1px}.motion-controls{position:fixed;z-index:60;bottom:17px;right:18px}#motion-toggle{display:flex;align-items:center;gap:7px;padding:11px 13px;min-height:40px;background:#1b202ce5;color:#becddd;border:1px solid #5b6f8155;border-radius:30px;box-shadow:0 2px 18px #0002;font:9px Arial}#motion-icon{font-size:13px}.toast{position:fixed;z-index:150;bottom:80px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--cream);padding:16px 24px;border:1px solid #7d97ae;border-radius:6px;font-size:12px;transition:.3s;max-width:calc(100% - 40px)}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.in-view{opacity:1;transform:translateY(0)}dialog{border:1px solid #71809066;background:var(--cream);padding:0;color:var(--ink);width:min(880px,92vw);max-height:90svh;border-radius:8px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#090b11ed;backdrop-filter:blur(9px)}.dialog-close{position:absolute;top:15px;right:15px;z-index:5;border-radius:50%;width:42px;height:42px;background:var(--cream);color:var(--ink);border:1px solid var(--line);font-size:26px}.project-dialog .project-visual{height:380px}.dialog-project-info{padding:32px}.dialog-project-info h2{font:42px Georgia;margin-top:15px}.dialog-project-info p{font-size:13px;line-height:1.8;color:var(--muted);max-width:610px;margin:15px 0 22px}.brief-dialog{max-width:640px;padding:40px}.brief-dialog h2{font-size:46px;line-height:1.1;letter-spacing:-2px;margin:23px 0}.brief-dialog>p{font-size:12px;line-height:1.8;color:var(--muted)}.brief-dialog pre{font:11px/1.9 monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#d8e0e7;padding:22px;max-height:240px;overflow:auto;margin:23px 0}.brief-actions{display:flex;gap:12px}.no-webgl .intro-copy,.no-webgl .experience-bottom,.no-webgl .scene-tag,.reduced .intro-copy,.reduced .experience-bottom,.reduced .scene-tag{display:none!important}.no-webgl .experience,.reduced .experience{height:100svh}.no-webgl #studio-canvas,.reduced #studio-canvas{display:none}.reduced *, .reduced *::before,.reduced *::after{animation:none!important;transition-duration:.01s!important;scroll-behavior:auto!important}.noscript-note{position:fixed;bottom:0;background:var(--lime);z-index:200;padding:12px;font-size:12px}
@media(min-width:1600px){.intro-copy{top:27%}.intro-copy p{font-size:16px}.site-hero-copy p{font-size:15px}.site-hero-copy{padding-top:40px}.project-visual{height:450px}.table-visual{height:330px}}
@media(max-height:700px) and (min-width:800px){.intro-copy{top:24%}.intro-copy h1{font-size:clamp(42px,4.5vw,69px);margin:20px 0}.intro-copy p{margin-bottom:20px}.scene-tag{top:103px}.site-hero h2{font-size:5.7vw;margin:23px 0}.site-hero-copy{padding-top:40px}.hero-actions{margin-top:22px}.site-hero-bottom{bottom:22px}}
@media(max-width:1000px){.nav-links{gap:22px;margin-right:12px}.nav{height:88px}.site-hero-copy{width:63%}.site-hero .eyebrow{font-size:7px}.site-hero h2{font-size:6.6vw}.hero-actions{gap:18px}.hero-actions .pill{padding:15px 18px;gap:18px}.hero-actions .under-link{font-size:10px}.site-hero-copy p{font-size:12px;max-width:300px}.floating-note{padding:12px 15px;font-size:9px}.floating-note small{font-size:8px}.sculpture-ring{border-width:18px}.services-grid{gap:5%}.service-list summary{font-size:16px}.project-visual{height:340px}.forma-text,.sol-text{font-size:29px}.process-grid{gap:20px}.process-step h3{font-size:19px}.about{gap:7%}.contact-grid,.faq-grid{gap:6%}.section-pad{padding-top:80px;padding-bottom:80px}.footer-bottom>span:nth-child(2){display:none}.bottom-side-note{display:none}}
@media(max-width:700px){:root{--pad:25px}.nav{height:82px;gap:20px}.brand{font-size:25px;gap:8px}.brand-star{font-size:38px}.brand small{font-size:6px;letter-spacing:3px;margin-top:6px}.nav-links{display:none}.nav-cta{margin-left:auto;padding:0 16px;gap:17px;height:39px;font-size:10px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;padding:10px 0;width:23px;min-height:40px;justify-content:center}.menu-toggle span{display:block;height:1px;width:22px;background:currentColor}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}#mobile-menu{position:fixed;z-index:45;top:0;left:0;right:0;padding:100px 26px 35px;background:var(--forest);color:var(--cream);box-shadow:0 15px 20px #0003}#mobile-menu a{display:block;font-size:25px;padding:13px 0;border-bottom:1px solid #82a1bd22}#mobile-menu[hidden]{display:none}.experience{height:330svh}.stage{min-height:660px}.intro-copy{top:15%;width:calc(100% - 50px);pointer-events:none}.intro-copy>*{pointer-events:auto}.intro-copy h1{font-size:clamp(39px,10vw,64px);line-height:1.01;margin:22px 0 14px}.intro-copy p{font-size:12px;line-height:1.7;max-width:330px;margin-bottom:19px}.intro-copy .eyebrow{font-size:7px;letter-spacing:1.4px}.intro-copy .pill{font-size:11px;min-height:44px;padding:13px 18px;gap:28px}.text-button{font-size:9px;display:inline-block;margin-left:16px;padding:15px 0}.text-button span{margin-left:5px}.room-shade{background:linear-gradient(180deg,#0d1118d9 0%,#0d1118be 30%,#0c0f16a1 46%,transparent 70%),linear-gradient(0deg,#090c13f2 0%,transparent 17%)}.scene-tag{top:auto;bottom:94px;right:25px;font-size:6px;padding:8px;letter-spacing:1px}.scene-tag-light{display:none}.experience-bottom{bottom:30px}.scroll-invite{font-size:7px;letter-spacing:1px;gap:8px}.mouse-icon{width:16px;height:24px}.mouse-icon:after{left:6px}.chapter-track{font-size:7px;gap:8px}.track-line{width:49px}.chapter-caption{top:17%}.chapter-caption h2{font-size:39px}.chapter-caption .eyebrow{font-size:8px}.site-hero{display:block}.site-hero-copy{width:100%;padding-top:120px;padding-left:var(--pad);padding-right:var(--pad)}.site-hero .eyebrow{font-size:6px;letter-spacing:1.1px}.site-hero h2{font-size:clamp(46px,12.1vw,78px);line-height:.99;margin:23px 0 18px}.site-hero-copy p{font-size:11px;line-height:1.7;max-width:305px}.hero-actions{margin-top:20px;gap:22px}.hero-actions .pill{font-size:10px;padding:13px 20px;min-height:44px}.hero-actions .under-link{font-size:10px}.hero-art{top:auto;right:-3%;bottom:8.5%;height:35%;width:75%;max-width:370px}.art-sun{width:66%;top:-3%;right:7%}.art-browser{height:80%;width:75%;top:10%;left:10%}.art-cross{font-size:51px;left:3%;top:-4%}.art-title{font-size:25px;margin-top:11px}.art-label{font-size:4px;letter-spacing:1px}.art-page{padding:14px 16px}.browser-top{height:22px;font-size:5px;padding:0 9px}.browser-dots i{width:3px;height:3px}.art-page{height:calc(100% - 22px)}.art-bottom{font-size:4px;bottom:13px;left:16px;right:14px}.art-bottom span{font-size:10px}.sculpture-ring{border-width:17px}.art-stamp{font-size:5px;right:3%;top:0;letter-spacing:1px}.art-stamp span{font-size:22px;margin-top:4px}.floating-note{left:-8%;bottom:0;padding:10px 13px;font-size:8px;gap:7px}.floating-note>span{font-size:23px}.floating-note small{font-size:6px;margin-top:3px}.site-hero-bottom{bottom:23px;padding-top:14px;letter-spacing:.5px;font-size:5px;gap:15px}.site-hero-bottom a{white-space:nowrap}.site-hero-bottom a span{font-size:11px;margin-left:6px}.micro-nav{top:29px;left:25px;right:25px;font-size:6px;letter-spacing:.4px}.micro-nav span:first-child{font-size:19px}.micro-nav span:nth-child(2){display:none}.code-body{font-size:8px;padding:13px 12px;line-height:1.7}.code-tabs{font-size:6px;padding:0 8px;gap:6px}.code-tabs span{font-size:6px;letter-spacing:1px}.code-file{font-size:8px;padding:10px}.code-status{font-size:5px}.terminal{font-size:7px;padding:10px;line-height:1.9}.terminal>span:first-child{font-size:6px}.ticker{padding:14px 0;font-size:9px;letter-spacing:1.4px}.ticker>div{gap:30px}.ticker span{font-size:16px}.section-pad{padding-top:62px;padding-bottom:62px}.section-top{margin-bottom:35px}.section-top .eyebrow{font-size:8px;letter-spacing:1.1px}.section-aside{font-size:6px;letter-spacing:.7px}.services-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.services-intro h2,.work h2,.process h2,.about h2,.contact h2,.faq h2{font-size:42px}.services-intro p{font-size:13px;margin:22px 0;max-width:330px}.services-intro .under-link{font-size:11px}.service-list summary{font-size:17px;min-height:75px;gap:18px}.service-body{font-size:12px;padding:0 24px 22px}.service-list .tags{gap:5px}.work-heading{display:block;margin-bottom:30px}.work-heading p{font-size:11px;margin-top:22px}.project-grid{grid-template-columns:1fr;gap:32px}.project-visual{height:340px}.project-caption h3{font-size:18px}.project-caption div>span{font-size:10px}.concept-tag{font-size:6px;letter-spacing:.9px}.forma-text{font-size:29px}.forma-visual img{height:65%;width:86%}.project-open{opacity:1;transform:none;width:34px;height:34px;font-size:21px}.project-table{grid-column:auto}.table-visual{height:340px}.table-visual .mock-nav{right:28px}.table-visual .mock-nav strong{font-size:20px}.table-visual .mock-nav>span{font-size:6px}.table-visual img{top:auto;bottom:0;width:63%;height:53%;border-radius:95px 0 0 0;opacity:.7}.table-copy{top:90px}.table-copy h3{font-size:39px}.table-copy>span:first-child{font-size:6px}.concept-disclaimer{font-size:9px;line-height:1.7}.process h2{margin-bottom:35px}.process-grid{grid-template-columns:1fr 1fr;gap:34px 25px}.process-step h3{font-size:19px;line-height:1.15;margin-top:23px}.process-step p{font-size:11px;line-height:1.8}.step-foot{margin-top:20px;font-size:7px}.about{grid-template-columns:1fr;gap:0;min-height:initial}.about-symbol{position:absolute;right:-72px;top:46px;font-size:270px;color:#839eb716}.about-content{position:relative;z-index:1}.about-content>.eyebrow{font-size:7px;letter-spacing:1.5px}.about-lead{font-size:15px}.about-content>p:not(.about-lead){font-size:12px}.about h2{font-size:53px}.faq>.eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:32px}.faq h2 br{display:none}.faq summary{font-size:12px;min-height:68px;gap:12px}.faq summary i{font-size:22px}.faq details p{font-size:11px}.contact .section-top .eyebrow{font-size:6px;letter-spacing:1px}.contact .section-top .under-link{font-size:8px;gap:8px;border:0}.contact h2{font-size:50px}.contact-grid>div>p{font-size:13px;margin-top:20px}.contact-note{margin-top:25px;max-width:310px}.contact-note span{font-size:10px}.form-row{gap:18px}form label{font-size:9px}form input,form select,form textarea{font-size:11px}.footer{padding-top:29px}.footer-wordmark{font-size:9vw}.footer-wordmark>span{margin-top:8px}.footer-bottom{font-size:7px;line-height:1.8;padding-top:20px}.footer-bottom>a{font-size:6px}.motion-controls{bottom:12px;right:12px}.motion-label{display:none}#motion-toggle{padding:9px 12px;min-height:36px}.project-dialog .project-visual{height:320px}.dialog-project-info{padding:25px}.dialog-project-info h2{font-size:35px}.dialog-project-info p{font-size:12px}.brief-dialog{padding:32px 23px}.brief-dialog h2{font-size:40px}.brief-actions{gap:8px}.brief-actions .pill{font-size:11px;padding:13px 18px;gap:20px}}
@media(max-width:700px) and (max-height:740px){.stage{min-height:620px}.intro-copy{top:16%}.intro-copy h1{font-size:38px;margin-top:17px}.intro-copy p{font-size:10px;margin-bottom:13px}.intro-copy .eyebrow{font-size:6px}.site-hero-copy{padding-top:100px}.site-hero h2{font-size:45px;margin:18px 0 13px}.site-hero-copy p{font-size:10px;max-width:285px}.hero-actions{margin-top:13px}.hero-art{height:31%;width:65%;bottom:10%}.floating-note{font-size:6px;padding:8px}.art-title{font-size:22px}.scene-tag{bottom:88px}.intro-copy .text-button{font-size:8px;margin-left:10px}.site-hero-bottom{bottom:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div,.about-symbol,.typing-line,.cursor-code,.mouse-icon:after{animation:none}.reveal{transition:none}}


/* Cinematic photographic studio revision. The rest of the site is unchanged. */
.stage{background:#0b0d12}
#studio-canvas{width:100%;height:100%;background:#0b0d12}
.room-shade{background:linear-gradient(90deg,rgba(8,11,16,.66),rgba(8,11,16,.20) 30%,transparent 58%),linear-gradient(0deg,rgba(7,9,13,.9),transparent 21%),linear-gradient(180deg,rgba(7,9,13,.75),transparent 22%)}
.intro-copy{top:29%;max-width:49%}
.intro-copy h1{font-size:clamp(54px,6.6vw,100px);letter-spacing:-.065em;line-height:1.04;margin:27px 0 24px}
.intro-copy p{max-width:345px;color:#c8d0d6;text-shadow:0 1px 12px #0b0d12}
.scene-tag{top:auto;bottom:112px;font-size:8px;letter-spacing:1.35px}
.scene-tag-light{color:#a9bbcb}
.code-pane{box-shadow:12px 0 24px #0a0c1422}
@media (max-width:700px){
 .stage{min-height:620px}.intro-copy{top:15%;max-width:95%;left:var(--pad)}
 .intro-copy h1{font-size:clamp(46px,12.6vw,70px);margin:20px 0 15px;line-height:1}
 .intro-copy p{font-size:12px;max-width:280px;line-height:1.65}
 .intro-copy .eyebrow{font-size:8px;letter-spacing:1.4px}
 .intro-copy .pill{font-size:11px;padding:15px 19px;min-height:42px}
 .intro-copy .text-button{padding:14px 0;font-size:10px}
 .room-shade{background:linear-gradient(180deg,#0b0d12 0%,rgba(11,13,18,.55) 29%,transparent 52%,rgba(11,13,18,.1) 79%,#0b0d12 99%)}
 .scene-tag{display:none}.chapter-caption{top:18%;max-width:65%}
 .chapter-caption h2{font-size:36px}.experience-bottom{bottom:30px}
}
@media (prefers-reduced-motion:reduce){.intro-copy{display:none}}

/* A desktop-proportioned monitor preview also stays legible on phones. Its
   layout resolves into the phone viewport as the camera enters the display. */
.screen-web.studio-wide .site-hero{display:flex;align-items:center}
.screen-web.studio-wide .site-hero-copy{width:60%;padding:0 0 0 46px}
.screen-web.studio-wide .site-hero h2{font-size:61px;line-height:1.02;margin:22px 0 20px}
.screen-web.studio-wide .site-hero .eyebrow{font-size:7px;letter-spacing:1.1px}
.screen-web.studio-wide .site-hero-copy p{font-size:10px;max-width:270px}
.screen-web.studio-wide .hero-art{width:49%;height:75%;top:14%;right:1.5%;bottom:auto;max-width:none}
.screen-web.studio-wide .art-browser{height:58%;width:77%;top:23%;left:8%}
.screen-web.studio-wide .art-title{font-size:29px}
.screen-web.studio-wide .hero-actions{margin-top:22px;gap:18px}
.screen-web.studio-wide .hero-actions .pill{font-size:9px;padding:12px 19px;min-height:36px}
.screen-web.studio-wide .hero-actions .under-link{font-size:9px}
.screen-web.studio-wide .micro-nav{top:24px;left:46px;right:46px}
.screen-web.studio-wide .code-body{font-size:11px;line-height:1.62;padding:17px}
.screen-web.studio-wide .code-tabs{height:27px}
.screen-web.studio-wide .site-hero-bottom{bottom:20px;left:46px;right:46px}


/* Approved portfolio upgrade. Original cinematic intro remains unchanged. */
/* Premium website art direction, using the existing approved concept imagery. */
.premium-hero-art{right:2%;width:47%;top:17%;height:70%;perspective:1400px;isolation:isolate}
.showcase-aura{position:absolute;inset:6% -8% 0 6%;border-radius:50%;background:radial-gradient(ellipse at 45% 45%,#b0cadf 0%,#c5d5e2 33%,transparent 69%);z-index:-1}
.showcase-coordinate{position:absolute;top:4%;left:9%;right:5%;font:8px/1.8 Arial,sans-serif;letter-spacing:1.8px;color:#5c6976;display:flex;justify-content:space-between;align-items:center}
.showcase-coordinate>span{font:9px monospace;letter-spacing:2px}
.hero-showcase-link{display:block;position:relative;background:none;padding:0;width:100%;text-align:left;transform:rotate(-4deg);transition:transform .6s cubic-bezier(.2,.7,.2,1);color:var(--ink);border-radius:12px}
.hero-showcase-link:hover{transform:rotate(-2deg) translateY(-7px)}
.hero-website-visual{height:auto;overflow:visible;background:none}
.website-frame{width:100%;position:relative;overflow:hidden;border:1px solid #ffffff40;border-radius:9px;background:#101215;box-shadow:0 30px 70px #0005,0 2px 9px #0003;transition:transform .65s cubic-bezier(.2,.7,.2,1);line-height:0}
.showcase-chrome{height:28px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;background:linear-gradient(110deg,#282b30,#16191e);color:#a6afb8;font:7px/1 Arial,sans-serif;letter-spacing:1.1px;border-bottom:1px solid #ffffff10}
.showcase-dots{display:flex;gap:4px;align-items:center;min-width:29px}
.showcase-dots i{width:5px;height:5px;border-radius:50%;background:#9eaebb}
.showcase-dots i:first-child{background:#e28d70}.showcase-dots i:nth-child(2){background:#d7c27c}.showcase-dots i:nth-child(3){background:#79a2c8}
.website-shot{position:static;display:block;width:100%;height:auto;object-fit:contain;max-width:100%}
.hero-website-frame{box-shadow:0 42px 65px -20px #151a2660,0 3px 9px #12162030}
.hero-preview-label{display:flex;justify-content:space-between;align-items:center;padding:17px 7px 0;font-size:10px;letter-spacing:2px}
.hero-preview-label small{display:block;margin-top:7px;font-size:10px;letter-spacing:0;color:#5f6a74;font-weight:400}
.hero-preview-arrow{display:grid;place-items:center;border:1px solid #75879861;border-radius:50%;width:35px;height:35px;font-size:20px}
.showcase-signoff{position:absolute;bottom:1%;left:10%;right:0;display:flex;justify-content:space-between;font:7px/1.5 Arial,sans-serif;letter-spacing:1.4px;color:#6e7c88;border-top:1px solid #8496a740;padding-top:15px}
.project-grid{grid-template-columns:1fr 1fr;gap:49px 30px}
.project-forma{grid-column:1/-1}.project-table{grid-column:auto}
.premium-visual{height:auto;aspect-ratio:1.07;display:grid;place-items:center;padding:9% 7%;border:1px solid #9bb2c625;border-radius:12px;position:relative;isolation:isolate}
.premium-visual:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(130deg,#ffffff0b,transparent 55%)}
.architecture-showcase{background:radial-gradient(ellipse at 80% 30%,#585f67 0%,#343a46 38%,#262b36 80%)}
.wellness-showcase{background:radial-gradient(ellipse at 15% 30%,#e0dccb,#b7b69d);border-color:#b9c5cd45}
.restaurant-showcase{background:radial-gradient(ellipse at 80% 20%,#6c5638,#342e22 55%,#211f18);border-color:#78684c40}
.project-forma .premium-visual{aspect-ratio:1.75;padding:3% 15%}
.project-art-direction{position:absolute;top:20px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:7px/1.5 Arial,sans-serif;letter-spacing:1.4px;color:#b0bcc8;z-index:2}
.wellness-showcase .project-art-direction{color:#505960}
.project-art-direction>span:last-child{text-align:right}
.premium-project .website-frame{transform:translateY(10px) rotate(-1.4deg)}
.premium-project.project-sol .website-frame{transform:translateY(10px) rotate(1.3deg)}
.premium-project.project-table .website-frame{transform:translateY(10px) rotate(-1.3deg)}
.premium-project:hover .website-frame,.premium-project:focus-visible .website-frame{transform:translateY(2px) rotate(0deg) scale(1.012)}
.premium-project:hover .project-visual{transform:none}
.premium-project .project-open{width:44px;height:44px;bottom:18px;right:18px;opacity:1;transform:none;background:#d8e6f2;border:1px solid #181c2320;color:#1e242f}
.premium-project .project-caption{padding-top:20px;align-items:center}
.premium-project .project-caption h3{font-size:25px;letter-spacing:-.7px}
.premium-project .project-caption div>span{font-size:11px;margin-top:7px;color:#9ea9b5}
.premium-project .concept-tag{font-size:8px;letter-spacing:1.1px;white-space:nowrap;color:#adbac7;display:flex;align-items:center;gap:15px}
.premium-project .concept-tag>span{font-size:19px}
.concept-disclaimer{margin-top:33px;line-height:1.8;color:#97a4b2;font-size:10px}
.project-dialog{width:min(1100px,94vw);max-width:1100px;max-height:92svh;overscroll-behavior:contain}
.project-dialog .premium-visual{height:auto;aspect-ratio:auto;padding:48px 5% 28px;border:0;border-radius:0}
.project-dialog .website-frame{transform:none;max-width:100%;box-shadow:0 10px 35px #0003}
.project-dialog .project-art-direction{right:70px;left:5%;top:18px}
.project-dialog .hero-website-visual{height:auto;padding:45px 4% 20px;background:var(--cream)}
.project-dialog .dialog-project-info{padding:30px 5% 34px}
.project-dialog .dialog-close{background:var(--cream);color:var(--ink);box-shadow:0 1px 8px #0002;z-index:12}
.screen-web.studio-wide .premium-hero-art{right:2%;width:47%;top:17%;height:70%}
.screen-web.studio-wide .showcase-coordinate{font-size:6px;top:2%}
.screen-web.studio-wide .showcase-chrome{height:20px;font-size:5px}
.screen-web.studio-wide .hero-preview-label{font-size:8px;padding-top:12px}
.screen-web.studio-wide .hero-preview-label small{font-size:7px}
.screen-web.studio-wide .showcase-signoff{font-size:5px;bottom:3%}
@media(min-width:1800px){.premium-hero-art{right:3%;width:46%;height:72%;top:16%}}
@media(max-width:1100px) and (min-width:701px){.premium-hero-art{right:2%;width:46%;height:63%;top:21%}.showcase-coordinate{font-size:6px;top:-3%}.showcase-signoff{font-size:5px;bottom:-2%;left:3%}.hero-preview-label{font-size:9px}.hero-preview-label small{font-size:8px}.premium-project .project-caption h3{font-size:22px}.project-art-direction{font-size:6px;letter-spacing:.8px}.project-forma .premium-visual{aspect-ratio:1.65;padding:5% 14%}}
@media(max-width:700px){
 .premium-hero-art{width:82%;max-width:390px;height:35%;right:5%;bottom:8%;top:auto;perspective:none}
 .showcase-coordinate,.showcase-signoff{display:none}
 .showcase-aura{inset:0 -6% -8% 0}
 .hero-showcase-link{width:100%;transform:rotate(-3deg)}
 .hero-showcase-link:hover{transform:rotate(-3deg)}
 .showcase-chrome{height:20px;padding:0 9px;font-size:5px;letter-spacing:.7px}
 .showcase-dots{gap:3px;min-width:22px}.showcase-dots i{width:4px;height:4px}
 .website-frame{border-radius:6px}
 .hero-preview-label{font-size:7px;letter-spacing:1.3px;padding:10px 5px 0}
 .hero-preview-label small{font-size:7px;margin-top:4px}.hero-preview-arrow{width:24px;height:24px;font-size:14px}
 .project-grid{grid-template-columns:1fr;gap:32px}.project-forma{grid-column:auto}
 .premium-visual,.project-forma .premium-visual{height:auto;aspect-ratio:1.09;padding:11% 6% 8%;border-radius:9px}
 .project-art-direction{top:13px;left:15px;right:15px;font-size:5px;gap:10px;letter-spacing:.7px}
 .premium-project .website-frame{transform:translateY(3px) rotate(-1deg)}
 .premium-project.project-sol .website-frame,.premium-project.project-table .website-frame{transform:translateY(3px) rotate(1deg)}
 .premium-project .project-open{width:32px;height:32px;font-size:19px;bottom:11px;right:11px}
 .premium-project .project-caption{padding-top:15px;gap:12px}.premium-project .project-caption h3{font-size:22px}
 .premium-project .project-caption div>span{font-size:10px}.premium-project .concept-tag{font-size:6px;gap:8px;letter-spacing:.7px}
 .work-heading p{max-width:300px;line-height:1.8}
 .project-dialog .premium-visual{padding:44px 3% 18px}.project-dialog .hero-website-visual{padding:46px 3% 16px}
 .project-dialog .project-art-direction{font-size:5px;top:16px;right:53px}
 .project-dialog .dialog-project-info{padding:25px}.project-dialog .dialog-project-info h2{font-size:34px}
 .project-dialog .dialog-project-info p{font-size:12px}
 .concept-disclaimer{font-size:9px}
}
@media(max-width:700px) and (max-height:740px){.premium-hero-art{width:65%;max-width:295px;bottom:8%;height:30%}.hero-preview-label small{display:none}.hero-preview-label{padding-top:7px}}
@media(prefers-reduced-motion:reduce){.hero-showcase-link,.website-frame{transition:none!important}}
.reduced .hero-showcase-link,.reduced .website-frame{transition:none!important}

/* Spam honeypot: real people never see or tab into this. */
.botcheck{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}

/* Direct email button: the shortest possible route to my inbox. */
.direct-email{margin-top:26px}
.direct-email:hover{transform:translateY(-2px)}
.direct-email-note{display:block;margin-top:12px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}