/* Latent Works / a restrained optical frame for real websites. */
:root{--glass-edge:rgba(255,255,255,.9);--glass-shadow:rgba(35,48,48,.11);--glass-tint:#e7eeec;--lens-ease:cubic-bezier(.22,.8,.2,1)}
.website-work{background:linear-gradient(180deg,#ffffff30,#ffffff65 78%,#f4f5ed);overflow:clip;padding-top:112px}
.website-inner{max-width:1280px}.website-lead{gap:72px;margin-bottom:62px}.website-lead h2{font-weight:500;letter-spacing:-.055em;max-width:740px;line-height:1.025}.section-eyebrow{font-size:.75rem;line-height:1.5;letter-spacing:.04em;color:#51615c;margin-bottom:25px}.website-copy p{max-width:360px;line-height:1.7;font-size:1.05rem}.offerings{font-size:.78rem;margin-bottom:66px;color:#53615b;border-color:#526b561f;gap:14px 34px}.offerings span:before{content:'+';margin-right:10px;color:#809087}
.selected-portfolio{--portfolio-accent:#c6a68d;--card-width:min(800px,67vw);--card-height:calc(var(--card-width)*.625 + 38px);position:relative;margin:0 0 100px}
.portfolio-caption{display:flex;justify-content:space-between;align-items:baseline;gap:24px;max-width:1120px;margin:0 auto 18px;padding:0 2px}.portfolio-caption h3{font-weight:500;font-size:1.05rem;letter-spacing:-.015em}.portfolio-caption>span{font-size:.72rem;color:#627069}
.portfolio-stage-shell{position:relative;isolation:isolate}.portfolio-light{position:absolute;inset:8% -15% 3%;filter:blur(64px);z-index:-1;opacity:.76;pointer-events:none;overflow:hidden;mask-image:radial-gradient(ellipse,#000 30%,transparent 72%)}.portfolio-light i{position:absolute;width:58%;height:78%;border-radius:50%;animation:portfolio-drift 22s ease-in-out infinite alternate}.portfolio-light i:nth-child(1){left:0;top:2%;background:radial-gradient(ellipse,#a7ccc096,transparent 70%)}.portfolio-light i:nth-child(2){right:0;bottom:0;background:radial-gradient(ellipse,color-mix(in srgb,var(--portfolio-accent),transparent 24%),transparent 70%);animation-delay:-8s;transition:background 900ms ease}.portfolio-light i:nth-child(3){left:25%;top:6%;background:radial-gradient(ellipse,#e8d2bb88,transparent 70%);animation-delay:-15s}
@keyframes portfolio-drift{0%{transform:translate(-7%,-5%) rotate(-12deg) scale(.9)}100%{transform:translate(9%,8%) rotate(12deg) scale(1.12)}}
.portfolio-viewport{display:grid;grid-template-columns:1fr 1fr;gap:32px;position:relative;padding:30px 0 20px;outline-offset:-6px;touch-action:pan-y pinch-zoom}
.portfolio-slide{min-width:0}.portfolio-window{position:relative;border-radius:23px;background:linear-gradient(145deg,#ffffffdd,#f5f8f870 34%,#ffffffc0);padding:7px;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px #6d827026,0 2px 4px #1b2c2608,0 22px 45px -22px #293f3f30;border:1px solid #ffffffd9;isolation:isolate;transition:box-shadow 440ms var(--lens-ease)}
.portfolio-window:before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(130deg,#fff 8%,#bfd2cf77 28%,#ffffff2a 44%,#fff 61%,#9cafab90 85%,#fff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:5}.portfolio-window:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(123deg,#ffffff00 22%,#ffffff40 23%,#ffffff00 26%,#ffffff0d 64%,#ffffff42 65%,#ffffff00 67%);mix-blend-mode:screen;opacity:.34;pointer-events:none;z-index:4}
.window-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:31px;padding:0 12px 3px;font-size:9px;letter-spacing:.015em;color:#5a6863;user-select:none}.window-orbit{display:flex;gap:4px;width:30px}.window-orbit i{display:block;width:4px;height:4px;border-radius:100%;background:#6b7d714d}.window-orbit i:first-child{background:#58796580}.window-mark{font-size:13px;width:30px;text-align:right;opacity:.6}
.portfolio-screen{position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:16px;background:#f5f7f4;isolation:isolate}.portfolio-poster{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:opacity 240ms ease}.portfolio-lens{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none;transition:opacity 420ms ease}.has-lens .portfolio-lens{opacity:1}.has-lens .portfolio-poster{opacity:0}.portfolio-slide.is-generating .portfolio-lens{opacity:0}.portfolio-slide.is-generating .portfolio-poster{opacity:1}.portfolio-select{display:none;position:absolute;inset:0;border:0;border-radius:inherit;background:none;cursor:pointer;color:transparent;z-index:6}.portfolio-select:focus-visible{outline:2px solid #345e50;outline-offset:5px}
.portfolio-fallback-meta{padding:20px 4px 8px}.portfolio-fallback-meta h3{font-weight:500;font-size:1.6rem;letter-spacing:-.035em}.portfolio-fallback-meta p,.portfolio-fallback-meta>span{display:block;margin-top:8px;color:#657169;font-size:.8rem}.portfolio-fallback-meta a{display:inline-flex;align-items:center;gap:14px;font-size:.85rem;min-height:44px;margin-top:8px}.portfolio-fallback-meta svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.portfolio-enhanced .portfolio-viewport{display:block;height:calc(var(--card-height) + 90px);width:calc(100vw + 2px);left:50%;transform:translateX(-50%);padding:0;perspective:1600px;cursor:grab;overflow:visible;contain:layout style}.portfolio-enhanced .portfolio-viewport.is-dragging{cursor:grabbing}.portfolio-enhanced .portfolio-slide{position:absolute;width:var(--card-width);left:50%;top:42px;margin-left:calc(var(--card-width)*-.5);transform-origin:50% 55%;transition:transform 680ms var(--lens-ease),opacity 500ms ease,filter 600ms ease;will-change:transform;backface-visibility:hidden}.portfolio-enhanced .portfolio-slide.is-active .portfolio-window{box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px #6d827035,0 2px 5px #243c2d08,0 36px 56px -32px #293f3f47}.portfolio-enhanced .portfolio-slide:not(.is-active){filter:saturate(.8);opacity:.6}.portfolio-enhanced .portfolio-select:not([hidden]){display:block}.portfolio-enhanced .portfolio-fallback-meta{display:none}.portfolio-viewport.is-instant .portfolio-slide,.portfolio-viewport.is-dragging .portfolio-slide{transition:none}.portfolio-viewport:focus-visible{outline:2px solid #2d594b;border-radius:22px}.portfolio-viewport:focus:not(:focus-visible){outline:none}
.portfolio-details{display:grid;grid-template-columns:1fr auto;align-items:start;gap:40px;max-width:1056px;margin:10px auto 0;position:relative;z-index:10}.portfolio-details[hidden]{display:none}.portfolio-kicker{display:flex;align-items:center;gap:6px;font-size:.71rem;color:#627269;font-variant-numeric:tabular-nums}.portfolio-kicker i{height:12px;width:1px;background:#83918855;margin:0 7px}.portfolio-category{font-size:.75rem}.portfolio-name{font-size:clamp(2.35rem,4.4vw,3.6rem);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin-top:15px}.portfolio-description{font-size:.95rem;color:#59665f;line-height:1.6;margin-top:13px;max-width:470px}.portfolio-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:.69rem;color:#6b7770;margin-top:19px;min-height:24px}.portfolio-kind{display:inline-flex;padding:4px 9px;background:#fff9;border:1px solid #6e857b18;border-radius:99px}.portfolio-note{flex-basis:100%;font-size:.7rem}.portfolio-note[hidden]{display:none}
.portfolio-navigation{display:flex;flex-direction:column;align-items:end;padding-top:0;gap:18px}.portfolio-actions{display:flex;align-items:center;gap:17px}.optical-control{position:relative;isolation:isolate;display:grid;place-items:center;width:50px;height:50px;flex:none;border-radius:50%;border:1px solid #ffffffdb;background:radial-gradient(ellipse at var(--light-x,35%) var(--light-y,5%),#ffffffd9,#f6faf859 65%);color:#253f34;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #708f6d22,0 3px 6px #20322707,0 9px 20px #294c3010;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);cursor:pointer;transition:transform 220ms var(--lens-ease),box-shadow 240ms ease,background-color 220ms ease}.optical-control svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.portfolio-prev svg{transform:rotate(180deg)}.optical-control:active{transform:scale(.94)}
.portfolio-pagination{display:flex;align-items:center;gap:1px}.portfolio-dot{border:0;background:none;cursor:pointer;width:24px;height:44px;display:grid;place-items:center;padding:0;transition:width 340ms var(--lens-ease)}.portfolio-dot span{display:block;width:5px;height:5px;border-radius:99px;background:#9eaaa3;transition:width 340ms var(--lens-ease),height 340ms var(--lens-ease),background-color 250ms ease}.portfolio-dot[aria-current]{width:38px}.portfolio-dot[aria-current] span{width:22px;height:5px;background:#304f40}.portfolio-dot:focus-visible{outline-offset:0;border-radius:99px}
.portfolio-visit.project-link{margin:0;min-height:50px;padding:13px 23px;gap:40px;font-size:.875rem}.optical-pill,.project-link{isolation:isolate;position:relative;overflow:hidden;border:1px solid #ffffffe8;background:linear-gradient(120deg,#ffffffb5,#f5f9f76b);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #72917e17,0 9px 22px #244a2f0b;backdrop-filter:blur(16px) saturate(1.22);-webkit-backdrop-filter:blur(16px) saturate(1.22)}.optical-pill:before,.project-link:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--light-x,25%) var(--light-y,0%),#fff9,transparent 62%);pointer-events:none;z-index:-1;opacity:.75;transition:opacity 180ms ease}.morph-arrow{display:grid;place-items:center;width:20px;height:20px;transition:transform 340ms var(--lens-ease)}.morph-arrow svg{transition:transform 340ms var(--lens-ease)}.portfolio-utilities{display:flex;gap:22px;align-items:center;font-size:.68rem;color:#68776e;min-height:36px}.portfolio-motion{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;color:inherit;font:inherit;background:none;cursor:pointer}.portfolio-english{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#88999066}.portfolio-english[hidden],.portfolio-motion[hidden]{display:none}.icon-morph{position:relative;display:inline-grid;width:17px;height:17px}.icon-morph svg{grid-area:1/1;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;transition:opacity 250ms ease-in-out,filter 250ms ease-in-out,transform 250ms ease-in-out}.icon-morph .icon-play{fill:currentColor;stroke:none}.icon-morph[data-state=playing] .icon-play,.icon-morph[data-state=paused] .icon-pause{opacity:0;filter:blur(2px);transform:scale(.4) rotate(-20deg)}.icon-morph[data-state=playing] .icon-pause,.icon-morph[data-state=paused] .icon-play{opacity:1;filter:blur(0);transform:scale(1) rotate(0)}
.portfolio-footnote{max-width:1056px;margin:38px auto 0;padding-top:22px;border-top:1px solid #57715e1a;font-size:.69rem;color:#788179;line-height:1.6}.selected-portfolio.is-paused .portfolio-light i{animation-play-state:paused}
.concepts-heading{max-width:1120px;margin-inline:auto;padding-top:44px;border-top:1px solid #526b561c}.concepts-heading h3{font-size:1.1rem}.concepts-heading p{font-size:.8rem;max-width:330px}.project-grid{max-width:1120px;margin:auto;grid-template-columns:1fr 1fr;gap:32px}.project:nth-child(2){margin-top:50px}.project-preview{aspect-ratio:1.5;border-radius:18px}.project-meta{padding-top:17px}.project-meta h4{font-size:1rem}.project-meta span,.project>p{font-size:.75rem}.mini-title{transform-origin:left top}.forma-preview .mini-title{font-size:clamp(28px,3vw,45px);padding:24px 0 18px}.offline-preview .mini-title{font-size:clamp(46px,5vw,72px);padding-top:20px}.offline-preview .mini-cover{font-size:clamp(21px,2.5vw,32px)}
/* The same glass language carries into real controls and app states. */
.work{background:linear-gradient(180deg,#ffffff80,#ffffff25)}.work-inner{max-width:1120px}.app-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.app-entry,.app-entry:last-child{position:relative;min-width:0;border:1px solid #ffffffc9;border-radius:28px;padding:30px;background:linear-gradient(135deg,#ffffffb5,#ffffff58);box-shadow:inset 0 1px 0 #fff,0 18px 40px -25px #315c3e21;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.app-heading{display:block;min-height:0;padding:0 0 22px}.app-identity{gap:18px}.app-icon{width:64px;height:64px;border-radius:22%}.app-heading h3{font-size:1.7rem}.app-heading>p{display:inline-flex;max-width:none;margin-top:29px;padding:7px 11px;border:1px solid #41644917;background:#edf4edb8;border-radius:99px;text-align:left;font-size:.72rem;color:#47664d;line-height:1.4}.app-description{padding:0;font-size:.9rem;line-height:1.7;color:#5a695f}.launch-invite{margin-top:30px;padding-top:25px;border-top:1px solid #6d8d6d20}.launch-invite>p{font-size:.77rem;color:#657669;line-height:1.6}.launch-invite .project-link{margin-top:18px;font-size:.8rem;gap:25px;padding:12px 18px;min-height:46px}.launch-invite.coming-next{margin-top:30px;padding-top:25px}.launch-invite.coming-next p{font-size:.77rem;color:#657669}
.vision-scene{border-radius:24px;border:7px solid #ffffffc7;box-shadow:0 14px 38px -28px #23382444}.vision-scene>img{filter:none}.vision-scene.is-generating #vision-canvas{visibility:hidden}.vision-switch{background:#ffffff61;border:1px solid #ffffffbc;box-shadow:inset 0 1px 0 #fff,0 4px 14px #203d290b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.vision-switch.has-thumb:before{background:linear-gradient(135deg,#314e3ce8,#45674c);box-shadow:inset 0 1px 1px #ffffff30,0 2px 5px #1f3c1c1a}.vision-copy h2{font-weight:500}.studio{background:linear-gradient(#ffffff61,#ffffff0a)}
.site-header.enhanced-header.is-scrolled{background:#ffffff50;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);box-shadow:inset 0 -1px 0 #ffffffad}.site-header nav{border-radius:999px}.site-header nav a{border-radius:999px}.site-header nav a.is-current{background:#ffffff80;box-shadow:inset 0 1px 0 #fff,0 2px 8px #203e2d05}.site-header nav a span:after{display:none}.site-header nav a:hover{background:#ffffff66}
[data-generation]{font-optical-sizing:none}.t-gen,.t-tig{z-index:25!important}.t-gen-label,.t-tig-label{display:none}.generation-running .line{overflow:visible}.portfolio-slide.is-generating .portfolio-window:after{opacity:0}.portfolio-enhanced .portfolio-viewport{user-select:none;-webkit-user-select:none}
@media(hover:hover) and (pointer:fine){.optical-control:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #708f6d22,0 8px 20px #294c301b}.optical-control:active{transform:scale(.94)}.portfolio-visit:hover .morph-arrow svg{transform:rotate(-38deg)}.portfolio-motion:hover,.portfolio-english:hover{color:#294535}.project-link:hover:before{opacity:1}}
@media(min-width:1600px){.selected-portfolio{--card-width:900px}.portfolio-caption{max-width:1120px}}
@media(max-width:900px){.selected-portfolio{--card-width:76vw}.website-lead{gap:32px;margin-bottom:44px}.portfolio-details{gap:24px;margin-inline:10px}.portfolio-name{font-size:2.7rem}.portfolio-description{max-width:360px;font-size:.85rem}.portfolio-caption>span{font-size:.65rem}.portfolio-caption h3{font-size:.95rem}.app-list{gap:18px}.app-entry{padding:25px}.app-heading>p{font-size:.67rem}.portfolio-utilities{gap:14px}}
@media(max-width:650px){.website-work{padding-top:75px}.website-lead h2{font-size:3.1rem;letter-spacing:-.055em}.website-lead .section-eyebrow{font-size:.65rem;margin-bottom:20px}.website-copy p{font-size:.95rem;max-width:420px}.offerings{font-size:.7rem;margin-bottom:45px;gap:12px 18px}.offerings span:before{margin-right:6px}.selected-portfolio{--card-width:86vw;--card-height:calc(var(--card-width)*.625 + 30px);margin-bottom:70px}.portfolio-caption{display:block;margin-bottom:6px}.portfolio-caption h3{font-size:.93rem}.portfolio-caption>span{display:block;margin-top:10px;font-size:.65rem}.portfolio-enhanced .portfolio-viewport{height:calc(var(--card-height) + 75px);perspective:1000px}.portfolio-enhanced .portfolio-slide{top:34px}.portfolio-window{border-radius:17px;padding:5px}.portfolio-screen{border-radius:11px}.window-bar{height:25px;padding:0 8px 3px;font-size:7px}.window-orbit{gap:3px}.window-orbit i{width:3px;height:3px}.window-mark{font-size:11px}.portfolio-viewport{grid-template-columns:1fr;gap:28px}.portfolio-light{inset:0 -35%;filter:blur(45px)}.portfolio-details{grid-template-columns:1fr;gap:25px;margin:0}.portfolio-name{font-size:2.6rem;margin-top:13px}.portfolio-description{font-size:.85rem;max-width:330px}.portfolio-kicker,.portfolio-category{font-size:.67rem}.portfolio-status{font-size:.62rem;gap:10px;margin-top:16px}.portfolio-navigation{display:grid;grid-template-columns:1fr auto;gap:14px 10px;align-items:center;padding-top:2px}.portfolio-actions{gap:6px}.optical-control{width:43px;height:43px}.optical-control svg{width:18px;height:18px}.portfolio-dot{width:19px}.portfolio-dot[aria-current]{width:28px}.portfolio-dot[aria-current] span{width:17px}.portfolio-visit.project-link{min-height:45px;font-size:.73rem;padding:12px 15px;gap:12px}.portfolio-utilities{grid-column:1/-1;justify-content:space-between;width:100%;font-size:.66rem}.portfolio-footnote{margin-top:22px;font-size:.63rem;padding-top:19px}.concepts-heading{display:block;padding-top:26px}.concepts-heading h3{font-size:1rem}.concepts-heading p{font-size:.75rem}.project-grid{grid-template-columns:1fr;gap:32px}.project:nth-child(2){margin:0}.project-preview{aspect-ratio:1.35}.mini-nav{font-size:7px}.forma-preview .mini-title{font-size:39px}.offline-preview .mini-title{font-size:66px}.offline-preview .mini-cover{font-size:30px}.app-list{grid-template-columns:1fr;gap:18px}.app-entry{padding:27px}.app-identity{gap:18px}.app-heading h3{font-size:1.65rem}.app-heading>p{margin-top:25px;font-size:.7rem}.app-description{font-size:.875rem}.vision-scene{border-radius:20px;border-width:5px}.section-intro h2,.studio h2{font-weight:500}.portfolio-note{font-size:.65rem}}
@media(max-width:370px){.portfolio-navigation{grid-template-columns:1fr}.portfolio-navigation .portfolio-actions{justify-content:space-between;gap:12px}.portfolio-visit{justify-self:stretch}.portfolio-utilities{grid-column:auto}.website-lead h2{font-size:2.7rem}.portfolio-name{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){.portfolio-light i{animation:none}.portfolio-slide,.portfolio-dot,.portfolio-dot span,.portfolio-lens,.icon-morph svg{transition:none!important}.optical-control,.morph-arrow svg{transform:none!important}.portfolio-light{opacity:.5}}
@media(prefers-reduced-transparency:reduce){.portfolio-window,.optical-control,.optical-pill,.project-link,.app-entry,.vision-switch{background:#f9fbf8;backdrop-filter:none;-webkit-backdrop-filter:none}.portfolio-light{opacity:.25}}
@media(forced-colors:active){.portfolio-lens,.portfolio-light,.portfolio-window:before,.portfolio-window:after{display:none}.has-lens .portfolio-poster{opacity:1}.portfolio-window,.optical-control,.app-entry{border:1px solid CanvasText}.portfolio-dot span{background:CanvasText}}

/* Clear bevels transmit the surrounding light; the canvas bends actual pixels. */
.portfolio-window{background:linear-gradient(135deg,#ffffff99,#f5faf538 42%,#ffffff80);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}
.icon-morph svg.icon-shape{fill:currentColor;stroke:none;filter:none;transform:none;opacity:1}
@media(prefers-reduced-transparency:reduce){.portfolio-window{background:#f9fbf8;backdrop-filter:none;-webkit-backdrop-filter:none}}