@font-face{font-family:Cygre;src:url('/assets/fonts/Cygre-Regular.ttf')}@font-face{font-family:Cygre;src:url('/assets/fonts/Cygre-Medium.ttf');font-weight:500}@font-face{font-family:Cygre;src:url('/assets/fonts/Cygre-Bold.ttf');font-weight:700}
:root{font-family:Cygre,Arial,sans-serif;color:#171917;background:#e6e5e2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}a{color:inherit}.skip{position:fixed;top:-60px;left:16px;background:#171917;color:white;padding:10px;z-index:100}.skip:focus{top:16px}:focus-visible{outline:2px solid #db513b;outline-offset:4px}
.site-header{height:78px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bcbdb9}.wordmark{text-decoration:none;font-size:21px;font-weight:600;letter-spacing:-.065em}.wordmark span{font-weight:400}.edition,.header-mark,.eyebrow,.collection-label,.fixture-note,.site-footer{font-size:11px;letter-spacing:.13em}.header-mark{font-weight:600;font-size:16px}main{max-width:1500px;margin:auto;padding:37px 4.5vw 28px}.intro{display:grid;grid-template-columns:1fr auto;align-items:end}.intro .eyebrow{grid-column:1/-1;margin:0 0 12px;color:#696d69}.intro h1{font-weight:400;font-size:clamp(42px,5.2vw,82px);line-height:1;letter-spacing:-.075em;margin:0}.period{color:#e35437}.intro-note{font-size:12px;margin:0 0 5px;color:#646963}.rack{height:min(63vh,670px);min-height:500px;position:relative;margin-top:32px;overflow:hidden;touch-action:pan-y;user-select:none;background:radial-gradient(ellipse at 50% 45%,#efeeeb 0,#e6e5e2 64%,#dbdad7 100%)}.rail{position:absolute;z-index:1;top:34px;left:3%;width:94%;height:13px;border-radius:7px;background:linear-gradient(#f9f9f7 0%,#a5a9a8 20%,#555b5a 52%,#cbd0ce 78%,#747c7b 100%);box-shadow:0 3px 5px #0003}.rail:before,.rail:after{content:"";position:absolute;top:-8px;width:2px;height:24px;background:#4b504e}.rail:before{left:0}.rail:after{right:0}.rail-leg{position:absolute;z-index:0;top:41px;bottom:0;width:8px;background:linear-gradient(90deg,#555,#eceeed 40%,#656d6b);box-shadow:2px 0 4px #0002}.rail-leg.left{left:4%}.rail-leg.right{right:4%}.rack-items{position:absolute;inset:0}
.poster{position:absolute;top:43px;width:190px;height:calc(100% - 65px);padding:0;border:0;background:none;transform:translateX(-50%);transition:left .55s cubic-bezier(.2,.75,.2,1),filter .3s;filter:drop-shadow(6px 16px 10px #0003);perspective:700px}.poster.neighbor{filter:drop-shadow(4px 12px 8px #0002) brightness(.83)}.poster.focused{filter:drop-shadow(13px 22px 16px #0004)}.poster-card{position:absolute;top:80px;bottom:0;left:0;right:0;display:block;transform-origin:50% -38px;animation:sway 5.5s ease-in-out infinite;animation-delay:calc(var(--n, 0) * -.8s);transition:transform .5s cubic-bezier(.2,.75,.2,1)}.poster:nth-child(2n) .poster-card{animation-delay:-2.3s}.poster:nth-child(3n) .poster-card{animation-delay:-4s}.poster.focused .poster-card{animation:none;transform:translateY(-12px) scale(1.1) rotate(-1deg)}@keyframes sway{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.poster-face{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;backface-visibility:hidden}.poster-front{background:#f7f6f0;color:#141713;padding:15px 13px 12px;border:1px solid #dddcd5}.poster-back{background:#171918;color:#fff;align-items:center;justify-content:center;transform:rotateY(180deg)}.poster-back strong{font-size:31px;line-height:.91;letter-spacing:-.09em;text-align:center}.back-plus{position:absolute;top:18px;left:18px;font-size:23px}.back-index{position:absolute;bottom:16px;font-size:9px;letter-spacing:.2em}.hanger{position:absolute;z-index:3;top:0;left:0;right:0;height:89px;pointer-events:none}.hanger-hook{position:absolute;left:calc(50% - 11px);top:-3px;width:21px;height:38px;border:2px solid #585e5d;border-bottom:0;border-radius:15px 14px 0 0;transform:rotate(18deg)}.hanger-bar{position:absolute;top:38px;left:10px;right:10px;height:4px;background:linear-gradient(#e9eeeb,#4b5350);box-shadow:0 2px 3px #0005}.clip{position:absolute;top:39px;width:13px;height:45px;border-radius:2px 2px 4px 4px;background:linear-gradient(90deg,#373a39,#afb5b3 40%,#555b59 75%,#222);box-shadow:2px 3px 3px #0004}.clip.left{left:21px}.clip.right{right:21px}
.site-mini-top,.site-mini-bottom{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:-.02em;position:relative;z-index:2}.site-mini-top b{font-size:16px;letter-spacing:-.09em}.site-mini-top sup{font-size:5px}.poster-copy{position:relative;z-index:2;margin-top:35px;display:flex;flex-direction:column;gap:9px}.poster-copy small{font-size:6px;letter-spacing:.1em}.poster-copy strong{font-size:30px;letter-spacing:-.08em;line-height:.97;font-weight:600}.poster-art{position:absolute;inset:47% 0 33px;overflow:hidden}.site-mini-bottom{margin-top:auto;font-size:6px}.theme-forma{background:#e9ece7}.theme-forma .building{background:linear-gradient(140deg,#e7e4d9,#a8b5ad)}.building i:first-child{position:absolute;width:67%;height:110%;left:22%;top:9%;background:linear-gradient(110deg,#d7d4c9 20%,#6e7b76 21%,#d2d3ca 23%,#d2d3ca 50%,#67726d 51%,#b7c2ba 53%);transform:skewY(-12deg)}.building i:nth-child(2){position:absolute;width:35%;height:80%;left:50%;top:18%;background:repeating-linear-gradient(0deg,transparent 0 22px,#6c7870 23px 26px),repeating-linear-gradient(90deg,#91a49e 0 18px,#4b5a57 19px 23px);transform:skewY(-12deg)}.theme-mono{background:#e8e4dc}.theme-mono .fashion{background:#b8b3aa}.fashion i:first-child{position:absolute;left:30%;top:0;width:45%;height:100%;border-radius:50% 50% 8% 8%;background:linear-gradient(90deg,#252927,#565a55 45%,#1e211f);transform:rotate(-10deg)}.fashion i:nth-child(2){position:absolute;left:40%;top:8%;width:25%;height:35%;border-radius:50%;background:#b7a899}.theme-soli{background:#f3e9d9}.theme-soli .object{background:#d2bca0}.object i:first-child{position:absolute;left:27%;top:15%;width:55%;height:75%;border-radius:43% 40% 30% 34%;background:linear-gradient(110deg,#eee1cf,#a58162 75%);box-shadow:15px 9px 10px #806c5b66}.object i:nth-child(2){position:absolute;left:30%;top:7%;width:48%;height:27%;border:9px solid #ba9877;border-radius:50%;transform:rotate(-8deg)}.theme-volt{background:#e63d30;color:#111}.theme-volt .sphere{background:#dc261d}.sphere i:first-child{position:absolute;width:130%;aspect-ratio:1;left:-15%;top:-18%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff0a4,#ee6028 30%,#ad1012 67%,#300006);box-shadow:10px 15px 10px #47000077}.theme-atelier{background:#e7e6df}.theme-atelier .art{background:#c1c7c5}.art i:first-child{position:absolute;inset:7% 10%;background:#252e31;transform:rotate(-9deg)}.art i:nth-child(2){position:absolute;width:55%;height:75%;left:18%;top:13%;background:linear-gradient(135deg,#e7e5d6 0 40%,#db785a 40% 55%,#292e2d 56%);transform:rotate(8deg)}.art i:nth-child(3){position:absolute;width:30%;height:60%;right:11%;bottom:-8%;background:#e3a176;transform:rotate(-14deg)}
.collection-bar{border-top:1px solid #aaaead;padding-top:20px;display:flex;gap:28px;align-items:center;justify-content:space-between}.collection-label{color:#6b6e6a;white-space:nowrap}.selected-info{display:flex;align-items:start;gap:25px;min-width:260px}.selected-info>span{font-size:12px;color:#6b6e6a;padding-top:6px}.selected-info h2{font-size:24px;margin:0;line-height:1;letter-spacing:-.05em}.selected-info p{font-size:11px;color:#666b66;margin:5px 0 0}.browse-controls{display:flex;align-items:center;gap:6px}.arrow-button{width:42px;height:42px;border:1px solid #9da19d;background:none}.arrow-button:disabled{opacity:.35;cursor:default}.inspect-button{height:42px;padding:0 18px;margin-left:8px;border:0;color:#fff;background:#171917;font-size:12px}.inspect-button span{margin-left:25px}.fixture-note{color:#777c76;margin:25px 0 0;letter-spacing:0}.site-footer{padding:20px 4.5vw;display:flex;justify-content:space-between;border-top:1px solid #bcbdb9;color:#626761}
dialog{width:min(1000px,calc(100% - 32px));max-height:calc(100% - 32px);padding:0;border:1px solid #777b77;background:#ecebe8;color:#171917}dialog::backdrop{background:#101411aa;backdrop-filter:blur(6px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c3c5c1;padding:15px 22px}.close-button{border:0;background:none;font-size:12px}.dialog-layout{display:grid;grid-template-columns:1.2fr 1fr;min-height:570px}.dialog-visual{background:#d6d7d2;display:flex;align-items:center;justify-content:center;padding:30px}.detail-poster{height:min(520px,65vh);aspect-ratio:190/440;position:relative;box-shadow:17px 22px 25px #0004;perspective:900px}.detail-poster .poster-face{padding:22px 18px}.detail-poster .poster-copy{margin-top:48px}.detail-poster .poster-copy strong{font-size:40px}.detail-poster .site-mini-top b{font-size:21px}.detail-poster .poster-back strong{font-size:44px}.detail-poster.show-back .poster-front{transform:rotateY(180deg)}.detail-poster.show-back .poster-back{transform:rotateY(0)}.dialog-copy{padding:65px 35px;display:flex;flex-direction:column;align-items:start}.dialog-copy h2{font-size:clamp(42px,5vw,78px);letter-spacing:-.08em;line-height:1;margin:15px 0}.dialog-copy>p{font-size:14px;line-height:1.6;color:#626761}.view-tabs{display:flex;gap:7px;margin-top:30px}.view-tabs button{border:1px solid #929891;background:none;padding:10px 12px;font-size:11px}.view-tabs button[aria-pressed=true]{background:#171917;color:white}.dialog-copy .dialog-note{font-size:11px;margin-top:auto}
@media(max-width:700px){.site-header{height:64px;padding:0 20px}.edition{display:none}main{padding:25px 20px}.intro{display:block}.intro h1{font-size:46px}.intro-note{margin:12px 0 0}.rack{margin:20px -20px 0;min-height:500px;height:60vh}.poster{width:175px}.poster-copy strong{font-size:27px}.collection-bar{align-items:start;flex-wrap:wrap;gap:12px}.collection-label{width:100%}.selected-info{min-width:0}.browse-controls{width:100%}.inspect-button{flex:1}.fixture-note{line-height:1.5}.site-footer{padding:18px 20px;gap:15px;flex-wrap:wrap}.dialog-layout{display:block}.dialog-visual{padding:20px}.detail-poster{height:350px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:42px}.dialog-copy .dialog-note{margin-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.poster{height:370px;transition:transform 380ms cubic-bezier(0.77,0,0.175,1),filter 220ms ease}.poster-card{top:66px;animation-duration:6.2s;transition:transform 260ms cubic-bezier(0.23,1,0.32,1)}.poster.focused .poster-card{transform:translateY(-8px) scale(1.12) rotate(-1deg)}.poster.source-hidden{visibility:hidden}.rack:has(+ .collection-bar){}.poster .hanger-hook{top:-5px;height:31px}.poster .hanger-bar{top:30px}.poster .clip{top:31px;height:38px}
#project-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border:0;background:transparent;overflow:hidden}#project-dialog::backdrop{background:transparent;backdrop-filter:none}.presentation-backdrop{position:absolute;inset:0;background:#e6e5e2bb;backdrop-filter:blur(4px);opacity:0;transition:opacity 300ms cubic-bezier(0.23,1,0.32,1)}#project-dialog.is-open .presentation-backdrop{opacity:1}.presentation-object{position:fixed;z-index:2;transform-origin:top left;filter:drop-shadow(20px 28px 25px #0005);perspective:900px;pointer-events:none}.presentation-object .poster-card{animation:none;transform:none;top:66px}.presentation-object .hanger-hook{top:-5px;height:31px}.presentation-object .hanger-bar{top:30px}.presentation-object .clip{top:31px;height:38px}.presentation-object.show-back .poster-front{transform:rotateY(180deg)}.presentation-object.show-back .poster-back{transform:rotateY(0)}.presentation-object .poster-face{transition:transform 400ms cubic-bezier(0.77,0,0.175,1)}
.presentation-info{position:absolute;z-index:3;right:4vw;bottom:9vh;width:250px;opacity:0;transform:translateY(12px);transition:opacity 260ms ease,transform 260ms cubic-bezier(0.23,1,0.32,1);pointer-events:none}#project-dialog.is-open .presentation-info{opacity:1;transform:none;pointer-events:auto;transition-delay:230ms}.presentation-info h2{font-size:42px;letter-spacing:-.08em;line-height:1;margin:10px 0}.presentation-info p{font-size:12px;line-height:1.5}.presentation-info .view-tabs{margin-top:20px;flex-wrap:wrap}.presentation-info .view-tabs button{background:#e6e5e2}.presentation-info .view-tabs button[aria-pressed=true]{background:#171917;color:#fff}#project-dialog .close-button{position:absolute;z-index:4;top:22px;left:4vw;background:#171917;color:white;padding:10px 16px;opacity:0;transition:opacity 200ms ease}#project-dialog.is-open .close-button{opacity:1}
@media(max-width:700px){.poster{height:350px}.presentation-object .poster-card{top:66px}.presentation-info{left:20px;right:20px;bottom:16px;width:auto;display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 10px}.presentation-info .eyebrow{grid-column:1/-1}.presentation-info h2{font-size:31px;margin:4px 0}.presentation-info p{grid-column:1; margin:0}.presentation-info p#project-description{display:none}.presentation-info .view-tabs{grid-column:2;grid-row:2/4;margin:0}.presentation-info .view-tabs button{padding:7px;font-size:9px}#project-dialog .close-button{top:14px;left:20px}}
@media(prefers-reduced-motion:reduce){.poster-card{animation:none}.poster,.poster-card,.presentation-backdrop,.presentation-info,.presentation-object .poster-face,#project-dialog .close-button{transition-duration:.01ms!important}}
.suspension{position:absolute;inset:0;display:block;transform-origin:50% 4px;animation:sway 6.2s ease-in-out infinite;transition:transform 260ms cubic-bezier(0.23,1,0.32,1)}.poster:nth-child(2n) .suspension{animation-delay:-2.3s}.poster:nth-child(3n) .suspension{animation-delay:-4s}.poster .poster-card{animation:none;transform:none;transition:none}.poster.focused .suspension{animation:none;transform:translateY(-8px) scale(1.12) rotate(-1deg)}.poster.focused .poster-card{transform:none}.presentation-object .suspension{animation:none;transform:none}.presentation-object .poster-card{transform:none}
@media(prefers-reduced-motion:reduce){.suspension{animation:none;transition-duration:.01ms}.poster.focused .suspension{transform:none}}
.rack{background:radial-gradient(ellipse at 50% 42%,#f6f5f2 0,#ecebe8 62%,#e4e2df 100%)}.rail{background:linear-gradient(#f5f5f1 0%,#a9aaa5 24%,#4e514e 52%,#deded9 78%,#757771 100%)}.poster{perspective:1100px;filter:drop-shadow(10px 18px 9px #0003)}.poster.neighbor{filter:drop-shadow(9px 18px 8px #0003);opacity:.87}.poster.focused{filter:drop-shadow(18px 26px 15px #0004)}.suspension{animation:side-sway 6.2s ease-in-out infinite;transform:rotateY(-42deg) rotateZ(-1deg);transform-style:preserve-3d;transition:transform 430ms cubic-bezier(0.23,1,0.32,1)}@keyframes side-sway{0%,100%{transform:rotateY(-42deg) rotateZ(-1.2deg)}50%{transform:rotateY(-39deg) rotateZ(1.2deg)}}.poster.focused .suspension{transform:translateY(-9px) rotateY(0deg) rotateZ(-.8deg) scale(1.12)}.poster .hanger-bar,.presentation-object .hanger-bar{height:11px;top:27px;left:2px;right:2px;border-radius:2px 2px 4px 4px;background:linear-gradient(#dcb88f 0%,#a47750 42%,#e2bd91 70%,#9c704b 100%);box-shadow:0 2px 3px #0003}.poster .clip,.presentation-object .clip{top:35px;height:34px;width:12px;background:linear-gradient(90deg,#66655f,#d7d8d3 35%,#777974 70%,#393c39);border:1px solid #777b76}.poster .hanger-hook,.presentation-object .hanger-hook{top:-5px;height:33px}.poster .poster-card,.presentation-object .poster-card{top:64px}.poster .poster-front{box-shadow:inset 2px 0 2px #fff8}.presentation-object .suspension{transition:transform 560ms cubic-bezier(0.23,1,0.32,1)}
@media(max-width:700px){.suspension{animation:none;transform:rotateY(-44deg)}.poster.focused .suspension{transform:translateY(-6px) rotateY(0deg) scale(1.07)}}
@media(prefers-reduced-motion:reduce){.suspension{animation:none;transform:rotateY(-42deg)}.poster.focused .suspension{transform:rotateY(0)}}
.suspension{transform:rotateY(42deg) rotateZ(1deg)}@keyframes side-sway{0%,100%{transform:rotateY(42deg) rotateZ(-1.2deg)}50%{transform:rotateY(39deg) rotateZ(1.2deg)}}.theme-nord{background:#e1e9e9;color:#132525}.theme-nord .landscape{background:linear-gradient(#b8d1d6 0 45%,#697b79 46%,#d9ded7 100%)}.landscape i:first-child{position:absolute;left:-12%;bottom:14%;width:80%;height:48%;background:#687b78;clip-path:polygon(0 100%,55% 0,100% 100%)}.landscape i:nth-child(2){position:absolute;right:-10%;bottom:12%;width:85%;height:64%;background:#435f61;clip-path:polygon(0 100%,52% 0,100% 100%)}.landscape i:nth-child(3){position:absolute;inset:auto 0 0;height:24%;background:#aebdb8}.theme-casa{background:#f2ede3;color:#373129}.theme-casa .interior{background:#d8cbb9}.interior i:first-child{position:absolute;left:12%;top:0;width:76%;height:100%;background:#ebe3d5;box-shadow:inset -15px 0 #bba78e}.interior i:nth-child(2){position:absolute;left:23%;bottom:9%;width:64%;height:45%;background:#ac8668;border-radius:42% 42% 4% 4%;box-shadow:10px 8px 8px #76614f55}.interior i:nth-child(3){position:absolute;left:29%;bottom:48%;width:42%;height:10%;border-radius:50%;background:#c6a489}
@media(max-width:700px){.suspension{transform:rotateY(44deg)}}@media(prefers-reduced-motion:reduce){.suspension{transform:rotateY(42deg)}}
.poster-front{padding:0;background:#fff;display:block;overflow:hidden}.project-shot{display:block;width:100%;height:auto;user-select:none;pointer-events:none}.presentation-object{pointer-events:auto}.presentation-object .poster-front{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9b9b95 #f6f5f2}.presentation-info #scroll-hint{font-size:11px;color:#353934;margin-top:16px}
.large-button{border:0;background:#171917;color:#fff;padding:11px 15px;margin-top:12px;font-size:12px}.large-viewer{display:none;position:absolute;inset:0;z-index:6;background:#ecebe8}.viewer-open .large-viewer{display:flex;flex-direction:column}.viewer-open .presentation-object,.viewer-open .presentation-info,.viewer-open #close-dialog{visibility:hidden}.large-toolbar{height:58px;flex:none;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;background:#171917;color:white;font-size:13px}.large-toolbar button{border:1px solid #ffffff75;background:none;color:white;padding:9px 14px;font-size:12px}.large-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;text-align:center}.large-scroll img{display:block;width:min(100%,1100px);height:auto;margin:0 auto;box-shadow:0 8px 30px #0002}@media(max-width:700px){.presentation-info .large-button{grid-column:1;grid-row:4;width:max-content;padding:8px 10px;margin-top:8px;font-size:10px}.large-toolbar{padding:0 16px}}

/* GEORG DESIGN portfolio integration */
.back-home{text-decoration:none;font-size:12px;border-bottom:1px solid currentColor}.works-heading{display:grid;grid-template-columns:1fr auto;align-items:end}.works-heading .eyebrow{grid-column:1/-1;margin:0 0 12px;color:#696d69}.works-heading h1{font-weight:400;font-size:clamp(42px,5.2vw,82px);line-height:1;letter-spacing:-.075em;margin:0}.works-heading .intro-note{margin:0 0 5px}.rack{height:min(67vh,720px)}
@media(max-width:700px){.back-home{font-size:11px}.works-heading{display:block}.works-heading h1{font-size:45px}.works-heading .intro-note{margin-top:12px}.rack{height:62vh}}

/* Web app podium */
.app-showcase{margin-top:clamp(90px,12vw,180px);padding-top:clamp(70px,9vw,130px);border-top:1px solid #b4b4af}.app-showcase-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);gap:12px 40px;align-items:end}.app-showcase-heading .eyebrow{grid-column:1/-1;margin:0;color:#6b6e6a}.app-showcase-heading h2{margin:0;font-size:clamp(48px,7vw,104px);line-height:.92;letter-spacing:-.075em;font-weight:400}.app-showcase-heading>p:last-child{margin:0 0 8px;color:#686b67;font-size:14px;line-height:1.5}.app-stage{position:relative;height:min(75vh,760px);min-height:610px;margin-top:50px;overflow:hidden;border-radius:2px;background:radial-gradient(circle at 50% 70%,#fff 0,#eee9e5 35%,#d9d0cb 72%,#b8aaa4 100%)}.stage-light{position:absolute;left:9%;right:9%;bottom:6%;height:21%;border:2px solid #fff8ef;border-radius:50%;background:#ffffff2e;box-shadow:0 0 30px #fff,0 35px 42px #796d6866;transform:scaleY(.38)}.app-device{position:absolute;z-index:2;top:15%;width:220px;height:450px;padding:0;border:0;background:transparent;perspective:1200px;transition:transform 480ms cubic-bezier(.23,1,.32,1),filter 300ms ease,opacity 300ms ease}.app-device-left{left:17%;transform:translateX(-50%) rotate(-8deg) scale(.82)}.app-device-center{left:50%;transform:translateX(-50%) scale(1)}.app-device-right{left:83%;transform:translateX(-50%) rotate(8deg) scale(.82)}.device-shell{position:absolute;inset:0;display:block;overflow:hidden;border:9px solid #171817;border-radius:42px;background:#111;box-shadow:0 28px 38px #30292455,inset 0 0 0 2px #777}.device-island{position:absolute;z-index:4;top:10px;left:50%;width:34%;height:21px;border-radius:999px;background:#090909;transform:translateX(-50%);pointer-events:none}.device-shell iframe{position:absolute;top:0;left:0;width:390px;height:844px;border:0;transform:scale(.518);transform-origin:0 0;pointer-events:none;background:#171717}.app-device:not(.is-active){filter:saturate(.72) brightness(.86)}.app-device.is-active{z-index:5;transform:translateX(-50%) translateY(-34px) scale(1.1);filter:drop-shadow(0 32px 26px #554a4655)}.app-device:focus-visible{outline:3px solid #db513b;outline-offset:6px}.app-project-bar{display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;padding:24px 0;border-top:1px solid #aaaead}.app-selected{display:flex;align-items:start;gap:24px;min-width:300px}.app-selected>span{padding-top:7px;color:#6b6e6a;font-size:12px}.app-selected h3{margin:0;font-size:27px;line-height:1;letter-spacing:-.04em}.app-selected p{margin:5px 0 0;color:#666b66;font-size:12px}.app-open-link{display:inline-flex;align-items:center;text-decoration:none}.app-open-link span{margin-left:24px}
@media(max-width:900px){.app-showcase-heading{grid-template-columns:1fr}.app-showcase-heading .eyebrow{grid-column:auto}.app-stage{height:640px}.app-device{top:18%;width:190px;height:390px}.device-shell iframe{transform:scale(.443)}.app-device-left{left:21%;transform:translateX(-50%) rotate(-8deg) scale(.75)}.app-device-right{left:79%;transform:translateX(-50%) rotate(8deg) scale(.75)}}
@media(max-width:700px){.app-showcase{margin-top:90px;padding-top:70px}.app-showcase-heading h2{font-size:50px}.app-showcase-heading>p:last-child{font-size:12px}.app-stage{height:520px;min-height:520px;margin:30px -20px 0}.app-device{top:17%;width:154px;height:316px}.device-shell{border-width:6px;border-radius:30px}.device-island{top:7px;height:14px}.device-shell iframe{transform:scale(.36)}.app-device-left{left:14%;transform:translateX(-50%) rotate(-9deg) scale(.72)}.app-device-center{left:50%}.app-device-right{left:86%;transform:translateX(-50%) rotate(9deg) scale(.72)}.app-device.is-active{transform:translateX(-50%) translateY(-18px) scale(1.03)}.app-project-bar{grid-template-columns:1fr auto;gap:16px}.app-project-bar>.collection-label{grid-column:1/-1}.app-selected{min-width:0;gap:12px}.app-selected h3{font-size:21px}.app-open-link{height:40px;padding:0 12px;font-size:10px}.app-open-link span{margin-left:8px}}

/* Static previews remove cross-site iframe scrollbars; dialog owns scrolling. */
.app-stage{background:radial-gradient(circle at 50% 70%,#fff 0,#f5f2ee 42%,#e6dfd9 74%,#cfc5bf 100%)}.app-device{cursor:pointer}.device-shell{background:#fff}.device-shell img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;pointer-events:none}
.app-device-art>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 30px #30292455);pointer-events:none}
.app-device-left{left:18%;transform:translateX(-50%) rotate(-3deg) scale(.8)}.app-device-right{left:82%;transform:translateX(-50%) rotate(3deg) scale(.8)}.app-device.is-active{transform:translateX(-50%) translateY(-24px) scale(1.04)}
.app-dialog{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:#111;color:#f6f4ef;overflow:hidden}.app-dialog::backdrop{background:#111}.app-dialog-close{position:fixed;z-index:3;top:24px;left:30px;padding:10px 14px;border:1px solid #ffffff42;border-radius:999px;background:#171717d9;color:#fff;backdrop-filter:blur(12px)}.app-dialog-layout{height:100%;display:grid;grid-template-columns:280px minmax(0,1fr);gap:5vw;align-items:center;padding:76px 6vw 30px}.app-dialog-copy{max-width:280px}.app-dialog-copy h2{margin:8px 0 7px;font-size:clamp(28px,3vw,48px);line-height:.95;letter-spacing:-.055em}.app-dialog-copy>p{margin:0;color:#aaa8a3;font-size:13px;line-height:1.4}.app-dialog-link{display:inline-flex;align-items:center;justify-content:space-between;min-width:190px;margin-top:22px;padding:14px 18px;border:1px solid #f24b47;background:#f24b47;color:#fff;text-decoration:none;transition:background 180ms ease,color 180ms ease,transform 180ms ease}.app-dialog-link:hover,.app-dialog-link:focus-visible{background:transparent;color:#fff;transform:translateY(-2px)}.app-dialog-phone{position:relative;justify-self:center;width:min(430px,38vw);height:min(82vh,840px);overflow:hidden;border:8px solid #202020;border-radius:34px;background:#fff;box-shadow:0 38px 70px #0008}.app-dialog-scroll{height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#777 #ece8e2;overscroll-behavior:contain}.app-dialog-scroll img{display:block;width:100%;height:auto}.app-dialog-scroll:focus-visible{outline:3px solid #db513b;outline-offset:-6px}
@media(max-width:900px){.app-dialog-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}.app-dialog-phone{width:min(390px,48vw)}}
@media(max-width:700px){.app-device-left{left:15%;transform:translateX(-50%) rotate(-2deg) scale(.7)}.app-device-right{left:85%;transform:translateX(-50%) rotate(2deg) scale(.7)}.app-dialog-close{top:12px;left:14px}.app-dialog-layout{display:flex;flex-direction:column;gap:14px;align-items:stretch;overflow-y:auto;padding:70px 18px 20px}.app-dialog-copy{display:grid;grid-template-columns:1fr auto;align-items:end;max-width:none}.app-dialog-copy .eyebrow,.app-dialog-copy>p{grid-column:1}.app-dialog-copy h2{font-size:34px}.app-dialog-link{grid-column:2;grid-row:1/4;align-self:end;min-width:0;margin:0;padding:12px 14px;font-size:10px}.app-dialog-phone{flex:0 0 auto;width:min(90vw,390px);height:67vh;min-height:470px;border-width:6px;border-radius:24px}}

/* Match the dialog phone to the podium phones. */
.app-dialog-link{border-color:#f5f2eb;background:transparent;color:#f5f2eb}.app-dialog-link:hover,.app-dialog-link:focus-visible{background:#f5f2eb;color:#111}.app-dialog-phone{width:min(390px,34vw);height:min(78vh,780px);border:9px solid #171817;border-radius:42px;box-shadow:0 38px 70px #0008,inset 0 0 0 2px #777}.app-dialog-island{position:absolute;z-index:2;top:10px;left:50%;width:34%;height:21px;border-radius:999px;background:#090909;transform:translateX(-50%);pointer-events:none}
.app-dialog-scroll{scrollbar-width:none}.app-dialog-scroll::-webkit-scrollbar{display:none}.app-dialog-phone[data-app-index="0"]{width:min(520px,45vw);height:min(84vh,860px);border:0;border-radius:0;background:transparent;box-shadow:none}.app-dialog-phone[data-app-index="0"] .app-dialog-island{display:none}.app-dialog-phone[data-app-index="0"] .app-dialog-scroll{overflow:hidden}.app-dialog-phone[data-app-index="0"] .app-dialog-scroll img{width:100%;height:100%;object-fit:contain;transform:scale(1.1);transform-origin:center}
@media(max-width:900px){.app-dialog-phone{width:min(360px,44vw)}}
@media(max-width:700px){.app-dialog-phone{width:min(84vw,340px);height:64vh;border-width:6px;border-radius:30px}.app-dialog-phone[data-app-index="0"]{width:min(92vw,420px);height:67vh}.app-dialog-island{top:7px;height:14px}}

/* All three projects use complete transparent phone mockups in the dialog. */
.app-dialog-phone[data-app-index]{width:min(520px,45vw);height:min(84vh,860px);border:0;border-radius:0;background:transparent;box-shadow:none}
.app-dialog-phone[data-app-index] .app-dialog-island{display:none}
.app-dialog-phone[data-app-index] .app-dialog-scroll{overflow:hidden}
.app-dialog-phone[data-app-index] .app-dialog-scroll img{width:100%;height:100%;object-fit:contain;transform:scale(1.08);transform-origin:center}
@media(max-width:700px){.app-dialog-phone[data-app-index]{width:min(92vw,420px);height:67vh}}

/* Language switch for the standalone works page. */
.works-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}
.language-switch{position:relative;font-size:11px;letter-spacing:.08em}
.language-current{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #bcbdb9;border-radius:999px;background:transparent;color:inherit}
.language-options{position:absolute;z-index:40;top:calc(100% + 7px);right:0;display:grid;min-width:68px;padding:5px;border:1px solid #bcbdb9;background:#f4f3ef;box-shadow:0 10px 25px #0002;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity 160ms ease,transform 160ms ease,visibility 160ms}
.language-switch.is-open .language-options{opacity:1;visibility:visible;transform:none}
.language-options button{padding:7px 9px;border:0;background:transparent;text-align:left;color:inherit}
.language-options button:hover,.language-options button.is-active{background:#171917;color:#fff}
@media(max-width:700px){.works-header-actions{gap:10px}.back-home{display:none}.language-current{padding:6px 8px}}