:root{--bg: #181818;--card: #1e1e1e;--border: #353535;--muted: #868585;--b600: #404040;--radius: 1.625rem;--gap: 12px;--row: 26px}@media (min-width: 640px){:root{--row: 30px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent;scrollbar-gutter:stable both-edges}html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-thumb{background-color:#3a3a3a;background-clip:content-box;border:2px solid transparent;border-radius:9999px}body{min-height:100dvh;padding:16px;display:flex;align-items:center;justify-content:center;overflow-x:hidden;background-color:transparent;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";font-size:1rem;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}html{background-color:#0b0b0b}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E"),linear-gradient(116deg,#e8e8e808,#e8e8e808 10%,#0e0e0e08 10%,#0e0e0e08 66%,#e8e8e808 66%,#e8e8e808 72%,#2c2c2c08 72%,#2c2c2c08 81%,#33333308 81%,#33333308),linear-gradient(109deg,#9b9b9b08,#9b9b9b08 23%,#1e1e1e08 23%,#1e1e1e08 63%,#7c7c7c08 63%,#7c7c7c08 73%,#c3c3c308 73%,#c3c3c308 84%,#bbbbbb08 84%,#bbbbbb08),linear-gradient(79deg,#fefefe08,#fefefe08 27%,#b4b4b408 27%,#b4b4b408 33%,#a7a7a708 33%,#a7a7a708 34%,#44444408 34%,#44444408 63%,#ababab08 63%,#ababab08),linear-gradient(109deg,#47474708,#47474708 3%,#61616108 3%,#61616108 40%,#28282808 40%,#28282808 55%,#05050508 55%,#05050508 73%,#f2f2f208 73%,#f2f2f208),linear-gradient(271deg,#46464608,#46464608 11%,#b2b2b208 11%,#b2b2b208 23%,#1c1c1c08 23%,#1c1c1c08 72%,#98989808 72%,#98989808 86%,#2b2b2b08 86%,#2b2b2b08),radial-gradient(130% 110% at var(--glow-x, 0%) var(--glow-y, 100%),#3a3a3a 0%,#222222 38%,#121212 70%,#080808 100%);background-size:240px 240px,auto,auto,auto,auto,auto,auto;background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-blend-mode:overlay,normal,normal,normal,normal,normal,normal}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3{font-size:inherit;font-weight:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bento{width:100%;max-width:42rem;margin:0 auto;flex:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:var(--row);gap:var(--gap)}@media (min-width: 640px){.bento{grid-template-columns:repeat(15,minmax(0,1fr))}}.bento.is-wide{max-width:min(1280px,100%)}.cell{grid-column:span var(--mc);grid-row:span var(--mr);border-radius:var(--radius);perspective:1000px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@media (min-width: 640px){.cell{grid-column:span var(--c);grid-row:span var(--r);transition:transform .6s,box-shadow .6s,opacity .6s,color .6s;will-change:transform,opacity;--shadow-c: #1a1a1a;box-shadow:0 20px 25px -5px var(--shadow-c),0 8px 10px -6px var(--shadow-c)}}.card{width:100%;height:100%;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);contain:paint;opacity:0;animation:scale-pop .8s cubic-bezier(.34,1.3,.64,1) both;animation-delay:calc(var(--i) * 70ms)}.card>:not(.flip):not(.edge-light),.flip .face>img{animation:content-in .5s ease both;animation-delay:calc(var(--i, 0) * 70ms + .56s)}@keyframes content-in{0%{opacity:0}to{opacity:1}}@keyframes scale-pop{0%{opacity:0;transform:scale(.5) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes reveal-up{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translateY(-10px)}}.hero{display:flex;flex-direction:column;justify-content:center;padding:16px;font-weight:500;-webkit-user-select:none;user-select:none}.hero>*+*{margin-top:8px}.hero h1{font-size:1.875rem;line-height:1.2}.hero .role{min-height:32px}.hero .role p{color:var(--muted);font-size:1.25rem;line-height:1.4}.cursor{color:#fff;display:inline-block;transform:translateY(-2px);opacity:1;transition:opacity .5s ease-in-out}.cursor.blinking{animation:blink 1s infinite}@media (min-width: 640px){.hero{padding:32px}.hero h1{font-size:2.25rem;line-height:1.11}.hero .role p{font-size:1.5rem;line-height:1.33}}.avatar-wrap{position:relative;perspective:1200px;clip-path:inset(-1000% -1000% 0%);contain:layout;-webkit-font-smoothing:subpixel-antialiased}.flip{position:relative;width:100%;height:100%;cursor:pointer;transform-style:preserve-3d;transition:transform .6s;will-change:transform;outline:none}.flip.is-flipped{transform:rotateY(180deg)}.face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.face.front{z-index:2;transform:rotateY(0)}.face.back{transform:rotateY(180deg)}.avatar-img{position:absolute;bottom:0;height:94px;width:auto;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;image-rendering:auto;will-change:filter;transition:height .3s,transform .3s,filter .3s;transform:translateZ(1px) scale(1.01);transform-origin:bottom center}.front .avatar-img{right:10px}.back .avatar-img{left:50%;translate:-52% 0}@media (min-width: 640px){.avatar-img{height:146px}.front .avatar-img{right:16px}}@media (min-width: 768px){.avatar-wrap:hover .avatar-img{transform:scale(1.05);filter:drop-shadow(10px 10px 2px #000)}}.icon-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:16px;outline:none;cursor:pointer}.icon-link .ico{width:56px;height:56px;color:#7a7a7a;transition:transform .5s,color .3s}.icon-link svg{width:100%;height:100%;display:block}@media (min-width: 640px){.icon-link .ico{width:48px;height:48px}.icon-link:hover .ico{transform:scale(1.1);color:#fff}}.cell .card:has(>.icon-link){transition:background-color .3s ease,border-color .3s ease}.cell .card:has(>.icon-link){position:relative;background-image:none}.cell .card:has(>.icon-link):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E"),linear-gradient(135deg,color-mix(in srgb,var(--tint),white 14%) 0%,var(--tint) 38%,color-mix(in srgb,var(--tint),black 45%) 72%,color-mix(in srgb,var(--tint),black 78%) 100%);background-size:160px 160px,auto;background-blend-mode:soft-light,normal;--cr: 0%;--cf: 11%;--cb: 2px;-webkit-mask-image:radial-gradient(circle farthest-corner at var(--px) var(--py),#000 calc(var(--cr) - var(--cf)),transparent var(--cr));mask-image:radial-gradient(circle farthest-corner at var(--px) var(--py),#000 calc(var(--cr) - var(--cf)),transparent var(--cr));filter:blur(var(--cb));transition:--cr .32s cubic-bezier(.4,0,1,1),--cf .32s ease,--cb .32s ease,--px .32s ease,--py .32s ease}@property --cf{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --cb{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --cr{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --px{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --py{syntax: "<percentage>"; inherits: true; initial-value: 50%;}.cell .card.is-lit:before{--cr: 128%;--cf: 0%;--cb: 0px;transition:--cr .6s cubic-bezier(.22,1,.36,1),--cf .4s ease .2s,--cb .6s ease}.cell .card:has(>.icon-link:hover){border-color:var(--tint, var(--border))}.cell .card>.icon-link{position:relative;z-index:1}.cell .card:has(>.icon-link:hover) .ico{color:#fff}.card-title{color:var(--muted);font-weight:500;pointer-events:none;-webkit-user-select:none;user-select:none}@media (min-width: 640px){.card-title{transition:opacity .3s}.group:hover .card-title{opacity:.3}}.projects{display:flex;flex-direction:column;padding:16px}.projects .head{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between}.arrow-btn{position:relative;display:flex;width:36px;height:36px;align-items:center;justify-content:center;overflow:hidden;border-radius:9999px;border:1px solid var(--b600);background-color:var(--card);cursor:pointer}.arrow-btn .arrows{width:100%;display:flex;flex-direction:column;gap:4px;translate:-8px 11px}.arrow-btn svg{width:18px;height:18px;min-width:18px;min-height:18px;display:block}.arrow-btn .arrows svg:first-child{margin-left:auto}.thumbs{flex:1;display:flex;align-items:center;justify-content:center;translate:0 4px}.thumbs-box{position:relative;margin:0 auto;min-height:162px;width:100%;max-width:332px}.thumb-reveal{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;animation:reveal-up .5s cubic-bezier(.34,1.56,.64,1) forwards}.thumb-float{width:100%;height:100%;animation:float 3s ease-in-out infinite}.thumb{position:absolute;aspect-ratio:4 / 3;width:144px;border-radius:.5rem;object-fit:cover;-webkit-user-select:none;user-select:none;box-shadow:0 20px 25px -5px #000,0 8px 10px -6px #000;transform:translateZ(0);will-change:transform,opacity,translate;transition:transform 2s cubic-bezier(.23,1,.32,1),translate 2s cubic-bezier(.23,1,.32,1),opacity 2s cubic-bezier(.23,1,.32,1),box-shadow 2s cubic-bezier(.23,1,.32,1)}.thumb-tile{display:grid;place-items:center;overflow:hidden;isolation:isolate;background-color:var(--tone, #444);background-image:linear-gradient(135deg,color-mix(in srgb,var(--tone, #444),white 14%) 0%,var(--tone, #444) 38%,color-mix(in srgb,var(--tone, #444),black 45%) 72%,color-mix(in srgb,var(--tone, #444),black 78%) 100%);color:#fff}.thumb-tile:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;mix-blend-mode:overlay;opacity:.95;filter:contrast(2.2) brightness(1.1);pointer-events:none}.thumb-tile svg{position:relative;z-index:1;width:46%;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));transform-origin:50% 55%}.group:hover .thumb-tile svg{animation:var(--ico-anim, ico-rise) 1.6s ease-in-out infinite}@keyframes ico-zoom{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.14) rotate(-10deg)}}@keyframes ico-rise{0%,to{transform:translateY(0)}50%{transform:translateY(-7%)}}@keyframes ico-swing{0%,to{transform:rotate(0)}30%{transform:rotate(7deg)}70%{transform:rotate(-7deg)}}.thumb.l{left:8px;z-index:3;translate:0 64px;rotate:-10deg}.thumb.c{left:50%;z-index:2;translate:-50% 28px;rotate:2deg}.thumb.r{right:8px;z-index:1;translate:0 64px;rotate:10deg}@media (min-width: 640px){.projects{padding:24px 32px 16px}.arrow-btn{transition:background-color .25s}.arrow-btn:hover{background-color:var(--bg)}.arrow-btn:hover .arrows{translate:8px -11px;transition:translate .4s ease-in-out}.thumb{width:116px}.group:hover .thumb{box-shadow:0 10px 15px -3px #000,0 4px 6px -4px #000}.group:hover .thumb.l{translate:-12px 48px;transition-delay:.1s}.group:hover .thumb.c{translate:-50% 8px}.group:hover .thumb.r{translate:12px 48px;transition-delay:.2s}}.arrow-btn{color:inherit}.arrow-btn .close-x{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:rotate(-90deg) scale(.6);transition:opacity .3s,transform .3s}.arrow-btn .close-x svg{width:18px;height:18px;margin:0}.projects.is-open .arrow-btn .arrows{opacity:0}.projects.is-open .arrow-btn .close-x{opacity:1;transform:none}.projects .card-title{transform-origin:left center;transition:opacity .3s,color .1s ease,transform .75s cubic-bezier(.34,1.56,.64,1)}.projects:hover .card-title{color:#fff;opacity:1}.projects.is-open .card-title{opacity:1!important;transform:scale(1.5)}@media (prefers-reduced-motion: reduce){.projects .card-title{transition:opacity .3s}}.projects-panel{flex:1;margin-top:16px;opacity:0;transition:opacity .35s ease}.projects-panel[hidden]{display:none}.projects.is-open .projects-panel{opacity:1;transition:opacity .3s ease}.thumbs.is-leaving .thumb{transition:transform .5s cubic-bezier(.65,0,.35,1),opacity .4s ease;opacity:0}.thumbs.is-leaving .thumb.l{transform:translate(-150px,-60px) rotate(-22deg) scale(.7)}.thumbs.is-leaving .thumb.c{transform:translateY(-150px) scale(.6)}.thumbs.is-leaving .thumb.r{transform:translate(150px,-60px) rotate(22deg) scale(.7);transition-delay:.05s}.thumbs.is-leaving .thumb-float{animation-play-state:paused}.project-grid .project{opacity:0;transform:translateY(28px) scale(.96);transition:opacity .3s ease,transform .35s cubic-bezier(.65,0,.35,1);transition-delay:calc((3 - var(--k, 0)) * 40ms)}.projects-panel.is-in .project{opacity:1;transform:none;transition:opacity .5s ease,transform .75s cubic-bezier(.65,0,.35,1);transition-delay:calc(var(--k, 0) * 90ms)}.project-grid{display:grid;grid-template-columns:1fr;gap:12px}.project-grid[hidden]{display:none}@media (min-width: 640px){.project-grid{grid-template-columns:1fr 1fr;gap:16px}}.project{display:flex;flex-direction:column;cursor:pointer;border:1px solid var(--border);border-radius:18px;overflow:hidden;background-color:var(--bg)}.project-media{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background-color:#111}a.project-media{cursor:pointer}.carousel{position:absolute;top:0;right:0;bottom:0;left:0}.slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transform:scale(1.06);transition:opacity .9s ease,transform 5s ease-out;will-change:opacity,transform}.slide.is-active{opacity:1;transform:scale(1)}.slide .full{width:100%;height:100%;object-fit:cover;object-position:top}.slide-bg{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;width:124%;height:124%;max-width:none;object-fit:cover;filter:blur(18px) brightness(.45) saturate(1.2)}.phone,.sheet{position:absolute;left:50%;top:9%;height:112%;translate:-50% 0;overflow:hidden;background-color:#000;box-shadow:0 24px 48px -12px #000c}.phone{aspect-ratio:9 / 19.5;border-radius:22px;border:4px solid #2b2b2b}.sheet{aspect-ratio:1 / 1.414;border-radius:4px;background-color:#fff}.phone img,.sheet img{width:100%;height:100%;object-fit:cover;object-position:top}.project-info{padding:14px 16px 16px}.project-info h3{font-size:1rem;font-weight:500}.project-info h3 em{color:var(--muted);font-style:normal;font-weight:400;font-size:.875rem;margin-left:8px}.project-info p{color:var(--muted);font-size:.875rem;margin-top:4px}@media (min-width: 640px){a.project-media .slide .full,a.project-media .phone{transition:transform 5s ease-out,scale .6s ease}a.project-media:hover .slide.is-active .full{scale:1.03}}.cell.is-mini{display:flex;align-items:center;justify-content:center}.cell .card{transition:width .7s cubic-bezier(.65,0,.35,1),height .7s cubic-bezier(.65,0,.35,1),border-radius .7s cubic-bezier(.65,0,.35,1)}.cell.is-mini .card{width:30px;height:30px;border-radius:50%}.cell.is-mini .icon-link{padding:0}.icon-link .ico{transition:width .7s cubic-bezier(.65,0,.35,1),height .7s cubic-bezier(.65,0,.35,1),transform .5s,color .3s}.cell.is-mini .icon-link .ico{width:16px;height:16px}.cell.is-small .icon-link{padding:10px}.cell.is-small .icon-link .ico{width:30px;height:30px}@media (min-width: 640px){.cell.is-small .icon-link .ico{width:28px;height:28px}}@media (max-width: 639px){.cell.is-mini .card{width:26px;height:26px}.cell.is-mini .icon-link .ico{width:14px;height:14px}}.cell.is-vanishing{transition:opacity .3s ease,transform .35s cubic-bezier(.65,0,.35,1);opacity:0;transform:scale(.85)}.hero h1{transition:font-size .7s cubic-bezier(.65,0,.35,1)}.hero{transition:padding .7s cubic-bezier(.65,0,.35,1)}.hero .role{transition:opacity .35s ease,max-height .7s cubic-bezier(.65,0,.35,1);max-height:60px;overflow:hidden}.cell.is-compact .hero{padding:0 24px 0 88px;justify-content:center}.cell.is-compact .hero h1{font-size:1.375rem;line-height:1.2;white-space:nowrap}.cell.is-compact .hero .role{opacity:0;max-height:0;min-height:0;margin:0;pointer-events:none}.avatar-img{transition:height .7s cubic-bezier(.65,0,.35,1),transform .3s,filter .3s}.cell.is-compact .avatar-img{height:64px}.cell.is-compact .front .avatar-img{right:12px}.hero{position:relative}.hero-avatar{position:absolute;left:18px;bottom:0;height:0;width:auto;opacity:0;pointer-events:none;animation:none!important;transition:opacity .35s ease,height .7s cubic-bezier(.65,0,.35,1)}.cell.is-compact .hero-avatar{height:66px;opacity:1;transition-delay:.25s,0s}.cell.is-mini{box-shadow:none!important}.cell.is-mini .card{box-shadow:0 6px 12px -4px var(--shadow-c, #1a1a1a)}@media (max-width: 639px){.cell.is-compact .hero{padding:0 16px}.cell.is-compact .hero h1{font-size:1.125rem}.cell.is-compact .avatar-img{height:56px}}.case-view{display:flex;flex-direction:column;gap:12px}.case-view[hidden]{display:none}.project-grid,.case-view{transition:opacity .4s cubic-bezier(.65,0,.35,1)}.project-grid.is-fading,.case-view.is-fading{opacity:0}.case-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.case-back{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--b600);background-color:var(--bg);color:#fff;font-size:.8125rem;font-weight:500;transition:background-color .25s,border-color .25s}.case-back:hover{border-color:#666}.case-back svg{width:16px;height:16px}.case-title{color:var(--muted);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-title strong{color:#fff;font-weight:500}.case-title .sep{margin:0 8px}.case-right{display:inline-flex;align-items:center;gap:12px}.case-full{color:var(--muted);font-size:.8125rem;white-space:nowrap;transition:color .25s}.case-full:hover{color:#fff}.case-site{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 14px;border-radius:999px;background-color:#fff;color:#111;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:background-color .25s}.case-site:hover{background-color:#e6e6e6}.case-site svg{width:15px;height:15px}.case-counter{color:var(--muted);font-size:.8125rem;font-variant-numeric:tabular-nums;letter-spacing:.08em}@media (max-width: 639px){.case-title{display:none}}.case-stage{position:relative;border-radius:18px;overflow:hidden;isolation:isolate}.case-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E"),radial-gradient(120% 100% at calc(6% + var(--progress, 0) * 88%) calc(100% - var(--progress, 0) * 86%),var(--st-1, #474747) 0%,var(--st-2, #262626) 34%,var(--st-3, #161616) 68%,var(--st-4, #0e0e0e) 100%);background-size:240px 240px,auto;background-repeat:repeat,no-repeat;background-blend-mode:overlay,normal;animation:grain-shimmer 1.6s steps(1) infinite}@keyframes grain-shimmer{0%{background-position:0 0,0 0}20%{background-position:-70px 40px,0 0}40%{background-position:50px -60px,0 0}60%{background-position:-30px -90px,0 0}80%{background-position:90px 20px,0 0}to{background-position:0 0,0 0}}.case-scroller{position:relative;z-index:1;container:stage / inline-size;height:clamp(520px,78vh,760px);overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:18px;outline:none}.case-scroller::-webkit-scrollbar{display:none}.case-scroller.js-snap{scroll-snap-type:none;scroll-behavior:auto}.case-slide{--rel: 0;--dist: 0;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:auto;align-content:stretch;align-items:stretch;gap:10px;padding:10px 40px 10px 10px;opacity:calc(1 - var(--dist) * .55)}.c2{grid-column:span 2}.c3{grid-column:span 3}.c4{grid-column:span 4}.c6{grid-column:span 6}.cs-card{--depth: 28px;--fx: 0px;--fy: 60px;--frot: 0deg;--delay: 0ms;position:relative;container-type:inline-size;background-color:#181818d1;border:1px solid var(--border);border-radius:18px;padding:14px 16px;overflow:hidden;opacity:0;transform:translate(var(--fx),var(--fy)) rotate(var(--frot)) scale(.9);filter:blur(10px);translate:0 calc(var(--rel) * var(--depth));transition:transform .95s cubic-bezier(.65,0,.35,1) var(--delay),opacity .6s ease var(--delay),filter .8s ease var(--delay);will-change:transform,opacity,filter}.case-slide.in .cs-card{opacity:1;transform:none;filter:blur(0)}.cs-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");background-size:200px 200px;mix-blend-mode:overlay;opacity:.32}.cs-card>*{position:relative}.cs-shot.wide img,.cs-shot.band img,.cs-shot.cs-phone img{position:absolute}.cs-title,.cs-cover{--depth: 12px}.cs-insight,.cs-lens,.cs-list{--depth: 46px}.cs-shot{--depth: 80px}.cs-shot.cs-phone{--depth: 110px}.cs-table,.cs-swatches,.cs-tabs{--depth: 34px}.cs-eyebrow{color:var(--muted);font-size:clamp(.625rem,1.4cqi,.8125rem);font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.6em}.cs-title h3{font-size:clamp(1.25rem,3.4cqi,2.5rem);line-height:1.12;font-weight:500;letter-spacing:-.01em}.cs-cover h3{font-size:clamp(1.5rem,6.4cqi,3.5rem);line-height:1.08;font-weight:500;letter-spacing:-.015em}.cs-lede{color:var(--muted);font-size:calc(clamp(.8125rem,1.6cqi,1.125rem) * var(--tk, 1));margin-top:.5em;max-width:64ch}.cs-cover .cs-lede{font-size:clamp(.875rem,2.3cqi,1.25rem)}.cs-insight,.cs-lens,.cs-list,.cs-title,.cs-outro,.cs-tabs,.cs-swatches{display:flex;flex-direction:column;justify-content:center}.cs-card h4{font-size:calc(clamp(.8125rem,3.1cqi,1.1875rem) * var(--tk, 1));font-weight:500;margin-bottom:.4em}.cs-card p{font-size:calc(clamp(.75rem,2.6cqi,1.0625rem) * var(--tk, 1));line-height:1.45;color:#c9c9c9}.cs-insight p,.cs-note,.cs-outro p{color:var(--muted)}.cs-note{margin-top:10px;font-size:calc(clamp(.75rem,1.2cqi,.9375rem) * var(--tk, 1))}.cs-cover{display:flex;flex-direction:column;justify-content:center}.cs-chips{list-style:none;display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.cs-list{justify-content:flex-start}.cs-list h4{flex:none;font-size:clamp(.875rem,min(3.6cqh,4.2cqi),1.375rem);margin-bottom:.5em}.cs-list .cs-chips{flex:1 1 auto;min-height:0;display:flex;flex-wrap:wrap;align-content:space-evenly;align-items:center;gap:.45em .5em;margin-top:0;font-size:calc(clamp(.8125rem,min(5.4cqh,6.2cqi),1.375rem) * var(--tk, 1))}.cs-list .cs-chips li{flex:0 0 auto;font-size:1em;padding:.42em .95em;border-radius:999px;transform-origin:center;transition:transform .5s cubic-bezier(.65,0,.35,1),background-color .45s ease,border-color .45s ease,color .45s ease}.cs-list .cs-chips li:hover{transform:translateY(-.18em) scale(1.08) rotate(var(--tilt, 3deg));background-color:#2b2b2b;border-color:#5c5c5c;color:#fff;z-index:1}@media (min-width: 640px){.cs-list{container-type:size}}@media (min-width: 640px) and (max-height: 820px){.cs-note{display:none}.cs-flow li{padding:6px 8px}.cs-list .cs-chips li{padding:.32em .8em}}@media (max-width: 639px){.cs-list .cs-chips{font-size:clamp(.6875rem,2.3cqi,.9375rem)}}.case-slide.in .cs-list .cs-chips li,.case-slide.in .cs-flow li{animation:var(--chip-anim, chip-rise) .7s cubic-bezier(.65,0,.35,1) backwards;animation-delay:calc(var(--delay, 0ms) + .32s + var(--j, 0) * 50ms)}.case-slide.in .cs-list .cs-chips li[style*=chip-pop],.case-slide.in .cs-flow li[style*=chip-pop]{animation-timing-function:cubic-bezier(.34,1.56,.64,1)}.case-slide:not(.in) .cs-list .cs-chips li,.case-slide:not(.in) .cs-flow li{opacity:0}@keyframes chip-rise{0%{opacity:0;transform:translateY(26px) scale(.9)}to{opacity:1;transform:none}}@keyframes chip-drop{0%{opacity:0;transform:translateY(-26px) scale(.9)}to{opacity:1;transform:none}}@keyframes chip-slide-l{0%{opacity:0;transform:translate(-46px)}to{opacity:1;transform:none}}@keyframes chip-slide-r{0%{opacity:0;transform:translate(46px)}to{opacity:1;transform:none}}@keyframes chip-spin{0%{opacity:0;transform:rotate(-28deg) scale(.55)}to{opacity:1;transform:none}}@keyframes chip-pop{0%{opacity:0;transform:scale(.25)}to{opacity:1;transform:none}}@keyframes chip-flip{0%{opacity:0;transform:perspective(400px) rotateX(90deg)}to{opacity:1;transform:none}}@keyframes chip-blur{0%{opacity:0;transform:scale(1.15);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}.cs-chips li{transition:transform .5s cubic-bezier(.65,0,.35,1),background-color .45s ease,border-color .45s ease}.cs-chips li:hover{transform:translateY(-.15em) scale(1.05) rotate(var(--tilt, 2deg));background-color:#2b2b2b;border-color:#5c5c5c}.cs-chips li{padding:.3em .8em;border-radius:999px;border:1px solid var(--b600);background-color:var(--card);color:#ddd;font-size:calc(clamp(.6875rem,2.3cqi,.9375rem) * var(--tk, 1))}.cs-chips a{color:#fff}.cs-byline{color:var(--muted);font-size:calc(clamp(.8125rem,1.8cqi,1rem) * var(--tk, 1));margin-top:1.2em}.cs-shot{padding:0;background-color:#0f0f0f}.cs-shot img{width:100%;height:100%;object-fit:contain;object-position:center}.cs-shot.wide{aspect-ratio:16 / 10;min-height:0}.cs-shot.band{aspect-ratio:16 / 9;min-height:0}.cs-shot.wide img,.cs-shot.band img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:34px 10px 10px;box-sizing:border-box}.cs-shot.band:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background-color:var(--tint)}.cs-shot.cs-phone{min-height:235px}.cs-shot.cs-phone.tall{min-height:340px}.cs-shot.cs-phone img{position:absolute;left:50%;top:50%;translate:-50% -50%;height:calc(100% - 52px);width:86%;max-width:420px;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 30px rgba(0,0,0,.7));animation:cs-float 7s ease-in-out infinite}.cs-shot.cs-phone:nth-child(odd) img{animation-delay:-2.5s}.cs-shot.cs-phone:nth-child(3n) img{animation-duration:8.5s}@keyframes cs-float{0%,to{translate:-50% -50%}50%{translate:-50% calc(-50% - 7px)}}.cs-shot.cs-phone.framed img{border:3px solid #2b2b2b;border-radius:22px;background-color:#000;width:auto;max-width:86%}.cs-shot.cs-cycle img{transition:opacity 2s cubic-bezier(.65,0,.35,1),scale 2.4s cubic-bezier(.65,0,.35,1),filter .5s ease}.cs-cycle.wide img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.cs-cycle.cs-phone img{opacity:0}.cs-shot.cs-cycle img.is-on{opacity:1;scale:1}.cs-shot.cs-cycle img:not(.is-on){pointer-events:none;scale:1.04}.cs-shot.cs-cycle:hover img.is-on{scale:1.05}.cs-cycle .cs-label{transition:opacity .35s ease,color .3s ease}.cs-cycle .cs-label.is-swapping{opacity:0}.cs-shot{cursor:zoom-in}.cs-shot img{transition:scale .7s cubic-bezier(.65,0,.35,1),filter .5s ease}.cs-shot:hover img{scale:1.05;filter:brightness(1.06)}.cs-shot.cs-phone:hover img{scale:1.04;animation-play-state:paused;filter:drop-shadow(0 20px 30px rgba(0,0,0,.7)) brightness(1.06)}.cs-shot:hover .cs-label{color:#fff}.case-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;cursor:zoom-out;background-color:#08080800;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:background-color .6s ease,backdrop-filter .6s ease,-webkit-backdrop-filter .6s ease}.case-lightbox.on{background-color:#080808d6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.case-lightbox img{position:fixed;object-fit:contain;background-color:#111;border-radius:14px;box-shadow:0 40px 90px -20px #000000e6;will-change:transform}html.lightbox-open{overflow:hidden}@property --tk{syntax: "<number>"; inherits: true; initial-value: 1;}.cs-card.is-grown{z-index:60}.cs-card.is-grown,.cs-card.is-grown *{transition:none}.case-slide.is-focus{position:relative}.case-slide.is-focus .cs-card{transition:opacity .6s ease,filter .8s ease}.cs-card.is-focused{z-index:60}.case-slide.is-focus>.cs-card{container-type:size}@container (max-height: 230px){.case-slide.is-focus .cs-note{display:none}.case-slide.is-focus .cs-flow li{padding:5px 8px}}@media (hover: hover) and (pointer: fine){html.case-open,html.case-open *,.case-lightbox,.case-lightbox *{cursor:none!important}}@container stage (min-width: 820px){.cs-card{padding:22px 26px}.case-slide{gap:14px;padding:14px 44px 14px 14px}}.cs-label{position:absolute;top:10px;left:12px;z-index:1;color:var(--muted);font-size:clamp(.625rem,1.6cqi,.8125rem);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.cs-shot.wide .cs-label,.cs-shot.band .cs-label{text-shadow:0 1px 2px rgba(0,0,0,.6);color:#ddd}.cs-flow{list-style:none;display:grid;gap:6px;counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(calc(190px*min(var(--tk, 1),1)*min(var(--tk, 1),1)*min(var(--tk, 1),1)*(.5 + .5*max(var(--tk, 1),1))),1fr))}.cs-flow li{padding:8px;border-radius:12px;border:1px solid var(--b600);background-color:var(--card);display:flex;flex-direction:column;gap:2px}.cs-flow li:before{counter-increment:step;content:counter(step,decimal-leading-zero);color:var(--muted);font-size:.625rem;letter-spacing:.1em}.cs-flow strong{font-size:calc(clamp(.75rem,1.2cqi,.9375rem) * var(--tk, 1));font-weight:500}.cs-flow span{color:var(--muted);font-size:calc(clamp(.6875rem,1cqi,.8125rem) * var(--tk, 1))}.cs-table{padding:6px 8px;overflow-x:auto}.cs-table table{width:100%;border-collapse:collapse;font-size:calc(clamp(.75rem,1.25cqi,1rem) * var(--tk, 1))}.cs-table th,.cs-table td{text-align:left;vertical-align:top;padding:8px 10px;border-top:1px solid var(--border)}.cs-table thead th{border-top:0;color:var(--muted);font-weight:500;font-size:.625rem;letter-spacing:.1em;text-transform:uppercase}.cs-table tbody th{color:#fff;font-weight:500;white-space:nowrap}.cs-table td{color:var(--muted)}.cs-table .hi{color:#fff}.cs-table tbody td.hi{background-color:#ffffff08}.cs-swatches ul{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}.cs-swatches li{display:grid;grid-template-columns:22px 1fr;column-gap:8px;align-items:center}.cs-swatches i{grid-row:span 2;width:22px;height:22px;border-radius:6px;background-color:var(--sw);border:1px solid rgba(255,255,255,.08)}.cs-swatches strong{font-size:calc(clamp(.75rem,1.2cqi,.9375rem) * var(--tk, 1));font-weight:500}.cs-swatches span{color:var(--muted);font-size:calc(clamp(.6875rem,1cqi,.8125rem) * var(--tk, 1))}.cs-palette{padding:0;display:flex;flex-direction:column}.cs-palette>.cs-label{position:static;padding:12px 16px 10px}.cs-palette .hues{flex:1 1 auto;min-height:0;display:flex}.hue{position:relative;flex:1 1 0;min-width:0;display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:1fr auto auto auto;align-content:end;column-gap:.6em;row-gap:.15em;padding:14px 14px 16px;border:0;background-color:var(--sw);color:var(--ink);text-align:left;cursor:pointer;overflow:hidden;outline:none;transition:flex-grow .7s cubic-bezier(.65,0,.35,1)}.hue:before,.hue:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");background-size:160px 160px;mix-blend-mode:overlay;opacity:.95;filter:contrast(1.6);pointer-events:none}.hue:after{background-size:110px 110px;background-position:37px 61px;mix-blend-mode:hard-light;opacity:.4;filter:contrast(1.8)}.hue>span{position:relative;z-index:1;display:block}.hue-name{grid-column:1;grid-row:2;align-self:baseline}.hue-hex{grid-column:2;grid-row:2;align-self:baseline;white-space:nowrap}.hue-role{grid-column:1 / -1;grid-row:3}.hue-note{grid-column:1 / -1;grid-row:4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hue-name{font-weight:600;font-size:clamp(.8125rem,1.7cqi,1.375rem);line-height:1.1;white-space:nowrap}.hue-hex{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.6875rem,1.1cqi,.9375rem);letter-spacing:.08em}.hue-role{font-size:clamp(.8125rem,1.35cqi,1.0625rem);font-weight:500;margin-top:.2em}.hue-note{font-size:clamp(.75rem,1.1cqi,.9375rem);line-height:1.35;max-width:32ch}.hue-hex,.hue-role,.hue-note{opacity:0;translate:0 10px;max-height:0;overflow:hidden;transition:opacity .4s ease,translate .55s cubic-bezier(.65,0,.35,1),max-height .55s cubic-bezier(.65,0,.35,1)}.hue:hover,.hue:focus-visible,.hue.is-open{flex-grow:3.4}.hue:hover .hue-role,.hue:focus-visible .hue-role,.hue.is-open .hue-role,.hue:hover .hue-note,.hue:focus-visible .hue-note,.hue.is-open .hue-note{opacity:1;translate:0 0;max-height:4.5em}.hue:hover .hue-hex,.hue:focus-visible .hue-hex,.hue.is-open .hue-hex{opacity:.85;translate:0 0;max-height:2em}.hue.is-copied .hue-hex:after{content:" · copied"}.hue-foot{padding:10px 16px 12px;color:var(--muted);font-size:clamp(.75rem,1.1cqi,.9375rem)}.case-slide.in .hue{animation:hue-in .6s cubic-bezier(.65,0,.35,1) backwards;animation-delay:calc(var(--delay, 0ms) + .26s + var(--j, 0) * 50ms)}.case-slide:not(.in) .hue{opacity:0}@keyframes hue-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@media (max-width: 639px){.cs-palette .hues{flex-direction:column}.hue{padding:10px 14px;justify-content:center}.hue-name{font-size:.9375rem}}.cs-tabs ul{list-style:none;display:flex;flex-wrap:wrap;gap:calc(6px * var(--tk, 1));margin:4px 0 10px}.cs-tabs li{padding:calc(.3em + (var(--tk, 1) - 1) * .25em) calc(.8em - (var(--tk, 1) - 1) * .12em);border-radius:999px;font-size:calc(clamp(.6875rem,2.3cqi,.9375rem) * var(--tk, 1));font-weight:500;border:1px solid transparent;transform-origin:center;transition:transform .5s cubic-bezier(.65,0,.35,1),background-color .45s ease,border-color .45s ease,color .45s ease}.cs-tabs li.both{background-color:#9dff4d1f;border-color:#9dff4d59;color:#cfffa8}.cs-tabs li.main{background-color:#2f6df624;border-color:#2f6df666;color:#b9ccff}.cs-tabs li:hover{transform:translateY(-.18em) scale(1.08) rotate(var(--tilt, 3deg));z-index:1}.cs-tabs li.both:hover{background-color:#9dff4d47;border-color:#9dff4db3;color:#eaffd6}.cs-tabs li.main:hover{background-color:#2f6df652;border-color:#2f6df6cc;color:#e2ebff}.cs-legend{color:var(--muted);font-size:calc(clamp(.75rem,1.8cqi,.9375rem) * var(--tk, 1))}.cs-legend i{display:inline-block;width:8px;height:8px;border-radius:999px;margin:0 5px 0 2px;vertical-align:middle}.cs-legend i.both{background-color:#9dff4d}.cs-legend i.main{background-color:#2f6df6}.cs-lens ul{list-style:none;display:flex;flex-direction:column;gap:8px}.cs-lens li{position:relative;padding-left:12px;color:var(--muted);font-size:calc(clamp(.8125rem,2.9cqi,1.0625rem) * var(--tk, 1))}.cs-lens li:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:999px;background-color:#fff;opacity:.6}.cs-outro{display:flex;flex-direction:column;justify-content:center}.cs-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:12px;height:2.8em;padding:0 1.1em;border-radius:.5rem;background-color:#fff;color:#111;font-size:clamp(.8125rem,2.2cqi,1rem);font-weight:500;transition:background-color .25s}.cs-btn:hover{background-color:#e6e6e6}.cs-btn{white-space:nowrap;max-width:100%;flex-shrink:0}@container (max-width: 210px){.cs-outro>p{display:none}.cs-outro>.cs-btn{align-self:stretch;margin-top:8px;height:2.6em;padding:0 .6em;font-size:.75rem}}.case-slide.is-focus>.cs-outro:not(.is-focused){padding:12px 10px}.case-slide.is-focus>.cs-outro:not(.is-focused)>p{display:none}.case-slide.is-focus>.cs-outro:not(.is-focused)>h4{font-size:.8125rem}.case-slide.is-focus>.cs-outro:not(.is-focused)>.cs-btn{align-self:stretch;height:auto;min-height:2.4em;padding:.45em .4em;margin-top:8px;white-space:normal;text-align:center;line-height:1.25;font-size:.75rem}@container (max-width: 150px){.cs-outro>.cs-btn{font-size:.6875rem;padding:0 .35em;height:2.5em}}.case-dots{position:absolute;right:10px;top:50%;translate:0 -50%;z-index:3;display:flex;flex-direction:column;gap:10px}.case-dots a{position:relative;display:block;width:8px;height:8px;border-radius:999px;background-color:#3a3a3a;transition:background-color .3s,transform .3s cubic-bezier(.65,0,.35,1)}.case-dots a:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.case-dots a:before{content:attr(data-title);position:absolute;right:20px;top:50%;translate:6px -50%;white-space:nowrap;padding:5px 11px;border-radius:999px;border:1px solid var(--border);background-color:#181818eb;color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.02em;opacity:0;pointer-events:none;transition:opacity .25s ease,translate .35s cubic-bezier(.65,0,.35,1)}.case-dots a:hover{background-color:#8a8a8a;transform:scale(1.4)}.case-dots a:hover:before{opacity:1;translate:0 -50%}.case-dots a.is-active{background-color:#fff;transform:scale(1.5)}.case-hint{position:absolute;bottom:8px;left:50%;translate:-50% 0;color:var(--muted);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;opacity:1;transition:opacity .4s;animation:hint-bob 1.8s ease-in-out infinite;z-index:80}.case-hint.is-done{opacity:0}@keyframes hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (min-width: 640px){.case-slide{height:100%;min-height:0;grid-template-rows:var(--rows, none)}.case-slide>.cs-card{min-height:0}.cs-shot.wide,.cs-shot.band{aspect-ratio:auto}.cs-shot.cs-phone,.cs-shot.cs-phone.tall{min-height:0}.cs-table,.cs-list{overflow:hidden}}@media (max-width: 639px){.case-scroller{height:clamp(460px,74vh,680px);scroll-snap-type:y proximity}.case-slide{grid-template-columns:1fr;padding-right:2px}.case-slide>*{grid-column:span 1!important}.cs-shot.cs-phone{min-height:260px}.cs-flow{grid-template-columns:repeat(2,1fr)}.cs-swatches ul{grid-template-columns:repeat(3,1fr)}.case-dots{display:none}}@media (prefers-reduced-motion: reduce){.case-scroller{scroll-behavior:auto}.cs-card{transition:none;opacity:1;transform:none;filter:none;translate:none}.cs-shot img{transition:none}.case-slide .cs-list .cs-chips li,.case-slide .cs-flow li,.case-slide .hue{animation:none;opacity:1}.hue{transition:none}.case-slide{opacity:1}.case-stage:before{animation:none}.cs-shot.cs-phone img,.case-hint{animation:none}}.canvas-card{position:relative}.canvas-card .touch-guard{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#000;opacity:0;-webkit-user-select:none;user-select:none}.canvas-host{position:relative;width:100%;height:100%;padding:10px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-host:active{cursor:grabbing}.canvas-host .card-title{position:absolute;top:20px;left:16px;z-index:1}.canvas-host canvas{display:block;width:100%;height:100%}@media (min-width: 640px){.canvas-card .touch-guard{display:none}.canvas-host .card-title{top:30px;left:32px}}.collab{position:relative;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.collab .text{position:relative;padding:16px 16px 0}.collab .text>*+*{margin-top:8px}.collab h3{font-size:1.875rem;line-height:1.2}.collab p{color:var(--muted)}.collab .foot{flex:1;display:flex;align-items:flex-end;margin-top:8px;padding:0 16px 16px;overflow-y:hidden}.contact-btn{position:relative;margin-top:20px;display:flex;height:64px;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:.5rem;border:1px solid var(--b600);background-color:var(--card);padding:0 32px;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer}.contact-btn .lbl{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.contact-btn .arr{position:absolute;top:0;right:-36px;display:flex;height:100%;align-items:center;justify-content:center;padding:0 8px;background-color:var(--b600)}.contact-btn .arr svg{width:20px;height:20px;display:block}@media (min-width: 640px){.collab .text{padding:24px 32px 0}.collab p{padding-right:48px}.collab .foot{padding:0 32px 24px}.contact-btn{height:48px;width:auto;max-width:fit-content;transition:background-color .3s;will-change:transform}.contact-btn:hover{background-color:var(--bg)}.contact-btn .lbl{transition:transform .3s}.contact-btn:hover .lbl{transform:translate(-16px)}.contact-btn .arr{transition:right .3s}.contact-btn:hover .arr{right:0}}@media (prefers-reduced-motion: reduce){.card,.thumb-reveal{animation-duration:.01ms;animation-delay:0ms}.thumb-float{animation:none}.group:hover .thumb-tile svg{animation:none}.cursor.blinking{animation:none}.cell,.thumb,.contact-btn .lbl,.contact-btn .arr,.arrow-btn .arrows,.flip{transition:none}.project-grid .project{transition:none;opacity:1;transform:none}.thumbs.is-leaving .thumb{transition:none}}.resume{position:fixed;z-index:100;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 60px -20px #000000b3;transition:top .65s cubic-bezier(.65,0,.35,1),left .65s cubic-bezier(.65,0,.35,1),width .65s cubic-bezier(.65,0,.35,1),height .65s cubic-bezier(.65,0,.35,1),border-radius .65s cubic-bezier(.65,0,.35,1)}.resume[hidden]{display:none}.resume.open{top:0!important;left:0!important;width:100%!important;height:100%!important;border-radius:0;border-color:transparent}.resume-inner{display:flex;flex-direction:column;height:100%;opacity:0;transition:opacity .25s ease}.resume.open .resume-inner{opacity:1;transition:opacity .35s ease .45s}.resume-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);background-color:var(--card)}.resume-bar-title{color:var(--muted);font-weight:500;font-size:.9375rem}.resume-actions{display:flex;align-items:center;gap:8px}.resume-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:.5rem;border:1px solid var(--b600);background-color:var(--card);color:#fff;font-weight:500;font-size:.9375rem;white-space:nowrap;cursor:pointer;transition:background-color .25s,border-color .25s}.resume-btn:hover{background-color:var(--bg);border-color:#555}.resume-btn svg{width:18px;height:18px;display:block}.resume-download{background-color:#fff;color:#111;border-color:#fff}.resume-download:hover{background-color:#e6e6e6;border-color:#e6e6e6}.resume-close{width:40px;padding:0}.resume-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:32px 16px 48px}@media (min-width: 640px){.resume-scroll{padding:48px 24px 72px}}.resume-doc{max-width:760px;margin:0 auto;background-color:#f6f5f2;color:#1c1c1c;border-radius:12px;padding:36px 28px;box-shadow:0 20px 50px -20px #000c;font-size:.9375rem;line-height:1.55}@media (min-width: 640px){.resume-doc{padding:56px 64px}}.resume-doc h1{font-size:1.875rem;line-height:1.15;font-weight:500;letter-spacing:-.01em}.resume-doc h2{margin-top:32px;padding-bottom:6px;border-bottom:1px solid #d8d6d0;font-size:.8125rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#6b6b6b}.resume-doc h3{font-size:1rem;font-weight:500}.resume-doc h4{font-size:.9375rem;font-weight:500;margin-top:12px}.resume-doc em{font-style:normal;color:#6b6b6b;font-weight:400}.resume-doc ul{padding-left:18px;margin-top:6px}.resume-doc li+li{margin-top:4px}.resume-doc a{color:inherit;text-decoration:underline;text-decoration-color:#b8b6b0;text-underline-offset:2px}.rd-date{color:#6b6b6b;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.rd-role{color:#6b6b6b;font-size:1.125rem;margin-top:4px}.rd-summary{margin-top:16px}.rd-contact{list-style:none;padding:0;margin-top:16px;display:flex;flex-wrap:wrap;gap:6px 24px}.rd-contact li{display:flex;gap:8px}.rd-contact span{color:#6b6b6b}.rd-list{list-style:none;padding:0}.rd-list li+li{margin-top:6px}.rd-job{margin-top:20px}.rd-job-head{display:flex;flex-direction:column;gap:2px}@media (min-width: 640px){.rd-job-head{flex-direction:row;align-items:baseline;gap:16px}}.rd-years{flex:none;min-width:120px;color:#6b6b6b;font-variant-numeric:tabular-nums}.rd-sub{margin-top:10px;color:#6b6b6b}.rd-project{margin-left:0}@media (min-width: 640px){.rd-project{margin-left:136px}}html.resume-open{overflow:hidden;scrollbar-gutter:auto}@media (prefers-reduced-motion: reduce){.resume,.resume-inner{transition:none}}html.wall-open{overflow:hidden;scrollbar-gutter:auto}html.wall-open .bento,html.wall-open .resume{visibility:hidden}.wall{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;overflow:hidden;perspective:1200px;perspective-origin:50% 50%;background:radial-gradient(90% 90% at 50% 50%,#2c2c2c,#1f1c1f 42%,#2e0c27 78%,#3a0d30);opacity:0;transition:opacity .6s ease}.wall.is-on{opacity:1}.wall-backdrop{position:absolute;background-color:transparent;background-image:linear-gradient(116deg,#e8e8e808,#e8e8e808 10%,#0e0e0e08 10%,#0e0e0e08 66%,#e8e8e808 66%,#e8e8e808 72%,#2c2c2c08 72%,#2c2c2c08 81%,#33333308 81%,#33333308),linear-gradient(109deg,#9b9b9b08,#9b9b9b08 23%,#1e1e1e08 23%,#1e1e1e08 63%,#7c7c7c08 63%,#7c7c7c08 73%,#c3c3c308 73%,#c3c3c308 84%,#bbbbbb08 84%,#bbbbbb08),linear-gradient(79deg,#fefefe08,#fefefe08 27%,#b4b4b408 27%,#b4b4b408 33%,#a7a7a708 33%,#a7a7a708 34%,#44444408 34%,#44444408 63%,#ababab08 63%,#ababab08),linear-gradient(109deg,#47474708,#47474708 3%,#61616108 3%,#61616108 40%,#28282808 40%,#28282808 55%,#05050508 55%,#05050508 73%,#f2f2f208 73%,#f2f2f208),linear-gradient(271deg,#46464608,#46464608 11%,#b2b2b208 11%,#b2b2b208 23%,#1c1c1c08 23%,#1c1c1c08 72%,#98989808 72%,#98989808 86%,#2b2b2b08 86%,#2b2b2b08);background-size:var(--tw) var(--th);background-repeat:repeat;pointer-events:none;transform:translateZ(-1px)}.wall:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:260px 260px;mix-blend-mode:overlay;opacity:1;filter:contrast(2.4) brightness(1.15);pointer-events:none;animation:grain-shimmer 1.2s steps(2) infinite}.wall:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 70% at 50% 50%,#0000 55%,#0000008c);pointer-events:none;z-index:2}.wall-scene{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;will-change:transform;z-index:1}.wall-plane{--cols: 12;--cell: clamp(150px, 15vw, 250px);--gap: calc(var(--cell) * .12);--tw: 3000px;--th: 2400px;position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.wall-tile{position:absolute;left:0;top:0;width:calc(var(--cols) * var(--cell) + (var(--cols) - 1) * var(--gap) + 2 * var(--gap));padding:var(--gap);display:grid;grid-template-columns:repeat(var(--cols),var(--cell));gap:var(--gap);transform-style:preserve-3d}.wall-plane .wall-item{width:var(--cell);height:var(--cell);object-fit:contain;opacity:0;filter:blur(16px);transform:scale(.55) rotate(var(--tilt, 0deg));filter:drop-shadow(0 18px 30px rgba(0,0,0,.45)) blur(16px);transition:transform .5s cubic-bezier(.59,-.01,.08,1),filter .5s ease;cursor:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.wall-plane .wall-item.is-in{animation:sticker-in var(--dur, 1.5s) cubic-bezier(.59,-.01,.08,1) both;animation-delay:var(--d, 0ms)}@keyframes sticker-in{0%{opacity:0;transform:scale(.55) rotate(var(--tilt, 0deg));filter:drop-shadow(0 18px 30px rgba(0,0,0,0)) blur(16px)}to{opacity:1;transform:scale(1) rotate(0);filter:drop-shadow(0 18px 30px rgba(0,0,0,.45)) blur(0)}}.wall-plane .wall-item.is-in:hover{transform:scale(1.1) rotate(var(--tilt, 0deg));z-index:1}.wall-plane .wall-item.is-out{animation:sticker-out .5s cubic-bezier(.59,-.01,.08,1) both}@keyframes sticker-out{0%{opacity:1;transform:scale(1) rotate(0);filter:drop-shadow(0 18px 30px rgba(0,0,0,.45)) blur(0)}to{opacity:0;transform:scale(.55) rotate(var(--tilt, 0deg));filter:drop-shadow(0 18px 30px rgba(0,0,0,0)) blur(16px)}}.wall-lottie{display:grid;place-items:center}.wall-lottie svg{display:block;width:100%!important;height:100%!important;transform:scale(1.4)}.wall-close{position:absolute;top:22px;right:22px;z-index:5;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#1414148c;color:#fff;font-size:16px;line-height:1;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .3s ease,transform .3s ease}.wall-close:hover{background:#3c1432d9;transform:scale(1.06)}@media (prefers-reduced-motion: reduce){.wall:before{animation:none}.wall-plane .wall-item{transition:none}.wall-plane .wall-item.is-in{animation-duration:.01s;animation-delay:0ms}.wall-plane .wall-item.is-out{animation-duration:.01s}}html.webview-open{overflow:hidden;scrollbar-gutter:auto}.webview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:flex;flex-direction:column;background-color:var(--bg, #0b0b0b);opacity:0;transform:translateY(18px);transition:opacity .45s cubic-bezier(.59,-.01,.08,1),transform .45s cubic-bezier(.59,-.01,.08,1)}.webview[hidden]{display:none}.webview.is-on{opacity:1;transform:none}.webview-bar,.webview-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background-color:var(--card);color:var(--muted);font-size:.875rem}.webview-bar{border-bottom:1px solid var(--border)}.webview-foot{border-top:1px solid var(--border);padding:10px 20px}.webview-foot-name{color:#fff;font-weight:500}.webview-foot-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webview-address{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;background-color:var(--bg);border:1px solid var(--border);color:#ddd;max-width:720px;margin:0 auto}.webview-url{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-ligatures:none}.webview-lock{font-size:12px;opacity:.7}.webview-btn{flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:.5rem;border:1px solid var(--b600);background-color:var(--card);color:#fff;font-weight:500;font-size:.9375rem;white-space:nowrap;cursor:pointer;transition:background-color .25s,border-color .25s}.webview-btn:hover{background-color:var(--bg);border-color:#555}.webview-body{position:relative;flex:1;min-height:0;background-color:#fff}.webview-frame{display:block;width:100%;height:100%;border:0;opacity:0;transition:opacity .35s ease}.webview-frame.is-ready{opacity:1}.webview-note{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;background-color:var(--bg, #0b0b0b);color:var(--muted)}.webview-note[hidden]{display:none}.webview-note-text{margin:0;font-size:1.0625rem;color:#ddd}.webview-note[data-kind=loading] .webview-note-text:before{content:"";display:block;width:28px;height:28px;margin:0 auto 16px;border-radius:50%;border:2px solid var(--b600);border-top-color:#fff;animation:webview-spin .9s linear infinite}@keyframes webview-spin{to{transform:rotate(360deg)}}.webview-note-link{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:.5rem;background-color:#fff;color:#111;font-weight:500}.webview-note-link:hover{background-color:#e6e6e6}@media (prefers-reduced-motion: reduce){.webview,.webview-frame{transition:none}.webview-note[data-kind=loading] .webview-note-text:before{animation:none}}html.overlay-open{overflow:hidden;scrollbar-gutter:auto}.ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:flex;align-items:center;justify-content:center;padding:24px;background-color:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .45s cubic-bezier(.59,-.01,.08,1)}.ov[hidden]{display:none}.ov.is-on{opacity:1}.ov.is-out{opacity:0;transition-duration:.5s}.ov-card{position:relative;width:min(460px,100%);padding:28px 28px 24px;border-radius:var(--radius);background-color:var(--card);border:1px solid var(--border);box-shadow:0 30px 60px -20px #000000b3;transform:translateY(14px) scale(.96);transition:transform .45s cubic-bezier(.59,-.01,.08,1)}.ov.is-on .ov-card{transform:none}.ov.is-out .ov-card{transform:translateY(10px) scale(.97);transition-duration:.5s}.ov-card-form{width:min(600px,100%);max-height:calc(100dvh - 48px);overflow-y:auto}.ov-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--muted);transition:background-color .25s,color .25s}.ov-x:hover{background-color:var(--bg);color:#fff}.ov-x svg{width:18px;height:18px}.ov-eyebrow{margin:0 0 14px;color:var(--muted);font-size:.875rem;font-weight:500}.ov-number{margin:0;flex:1;min-width:0;font-size:clamp(1.6rem,4vw,2.1rem);font-weight:500;letter-spacing:.01em;font-variant-numeric:tabular-nums}.ov-address-row{display:flex;align-items:center;gap:10px;margin:0 0 22px}#ov-phone .ov-address-row{margin:0}#ov-phone .ov-card{width:min(600px,100%)}#ov-phone .ov-number{white-space:nowrap}#ov-email .ov-actions{justify-content:center}.ov-address{margin:0;flex:1;min-width:0;overflow-wrap:anywhere;font-size:clamp(1.15rem,3vw,1.5rem);font-weight:500}.ov-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.ov-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 18px;border-radius:.5rem;border:1px solid var(--b600);background-color:var(--card);color:#fff;font-weight:500;font-size:.9375rem;white-space:nowrap;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s}.ov-btn:hover{background-color:var(--bg);border-color:#555}.ov-btn:disabled{opacity:.6;cursor:default}.ov-btn svg{width:18px;height:18px;flex:none}.ov-btn-primary{background-color:#fff;color:#111;border-color:#fff}.ov-btn-primary:hover{background-color:#e6e6e6;border-color:#e6e6e6}.ov-btn-icon{width:44px;padding:0;flex:none}.ov-btn.is-done{background-color:#1f3d2a;border-color:#2f7a48;color:#d6f5e0}.ov-form{display:block}.ov-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.ov-field{display:flex;flex-direction:column;gap:6px;min-width:0}.ov-field-wide{grid-column:1 / -1}.ov-field span{color:var(--muted);font-size:.8125rem;font-weight:500}.ov-field input,.ov-field textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:.5rem;border:1px solid var(--b600);background-color:var(--bg);color:#fff;font:inherit;font-size:.9375rem;outline:none;transition:border-color .25s,box-shadow .25s}.ov-field textarea{resize:vertical;min-height:128px;line-height:1.5}.ov-field input:focus,.ov-field textarea:focus{border-color:#888;box-shadow:0 0 0 3px #ffffff14}.ov-status{margin:0 0 14px;font-size:.875rem;color:var(--muted)}.ov-status[hidden]{display:none}.ov-status[data-kind=error]{color:#ff9b9b}.ov-status[data-kind=ok]{color:#9be0b0}.ov-status a{color:#fff;text-decoration:underline}@media (max-width: 520px){.ov{padding:12px;align-items:flex-end}.ov-card{padding:22px 18px 18px}.ov-grid{grid-template-columns:1fr}.ov-actions .ov-btn{flex:1}}@media (prefers-reduced-motion: reduce){.ov,.ov-card{transition:none}.card>:not(.flip),.flip .face>img{animation:none}}.mini-wall{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;perspective:520px;background:radial-gradient(60% 55% at 78% 88%,#5a1046,#5a104600 60%),radial-gradient(55% 50% at 18% 12%,#2c2c2c,#2c2c2c00 60%),linear-gradient(160deg,#262626,#1b1b1b 40%,#3a0d30)}.mini-wall:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:overlay;filter:contrast(2.2) brightness(1.1);pointer-events:none}.mini-wall-plane{position:absolute;left:50%;top:50%;width:180%;display:grid;grid-template-columns:repeat(6,1fr);gap:5%;transform:translate(-50%,-50%) rotateX(5deg) rotateY(-7deg);animation:mini-drift 16s ease-in-out infinite alternate}.mini-wall-plane img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}@keyframes mini-drift{0%{transform:translate(-46%,-46%) rotateX(5deg) rotateY(-7deg)}50%{transform:translate(-54%,-50%) rotateX(-3deg) rotateY(5deg)}to{transform:translate(-48%,-55%) rotateX(4deg) rotateY(-4deg)}}.project-media[data-wall]:hover .mini-wall-plane{animation-play-state:paused}.mdes-media{display:grid;place-items:center;isolation:isolate;background-color:#1d4b8f;color:#fff}.mdes-media:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;mix-blend-mode:overlay;opacity:.95;filter:contrast(2.2) brightness(1.1);pointer-events:none}.mdes-mark{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;text-align:center}.mdes-big{font-size:clamp(2.4rem,9cqw,4rem);font-weight:500;letter-spacing:-.03em;line-height:1;text-shadow:0 6px 18px rgba(0,0,0,.35)}.mdes-small{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7}@media (prefers-reduced-motion: reduce){.mini-wall-plane{animation:none}}.house-link{position:absolute;right:16px;bottom:12px;z-index:2;width:72px;height:72px;perspective:320px;outline:none}.house-spin{display:block;width:100%;height:100%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5));transition:filter .3s}.house-canvas{display:block;width:100%;height:100%}@keyframes house-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.house-link:hover .house-spin,.house-link:focus-visible .house-spin{filter:drop-shadow(0 10px 18px rgba(0,0,0,.6)) brightness(1.1)}@media (max-width: 639px){.house-link{width:56px;height:56px;right:14px;bottom:12px}}@media (prefers-reduced-motion: reduce){.house-spin{animation:none}.house-tip{transition:none}}.school-media{display:grid;place-items:center;background-color:#141414;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 10px,transparent 10px 24px)}.school-media:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px dashed var(--b600);border-radius:.5rem;pointer-events:none}.school-soon{position:relative;z-index:1;padding:6px 12px;border-radius:999px;border:1px solid var(--b600);color:var(--muted);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;background-color:#00000059}.project-empty .project-info p{color:var(--muted)}.about-card{position:relative;padding:16px 16px 30px;overflow:hidden}@media (min-width: 640px){.about-card{padding-top:10px}}.about-card .card-title{margin-bottom:4px}.about-card .card-title,.canvas-card .card-title{transform-origin:left center;transition:color .3s ease,transform .3s ease,opacity .3s ease}.about-card:hover .card-title,.canvas-card:hover .card-title{color:#fff;opacity:1;transform:scale(1.12)}.about-text{margin:0;font-size:.8125rem;line-height:1.32;color:var(--muted);-webkit-user-select:none;user-select:none}.about-word{display:inline-block;white-space:nowrap}.about-letter{display:inline-block;will-change:transform;transition:transform .8s cubic-bezier(.59,-.01,.08,1)}.about-letter.is-falling{transition:transform var(--fall, 1.2s) cubic-bezier(.55,0,1,.45);pointer-events:none}.about-card.has-fallen{cursor:pointer}@media (min-width: 640px){.about-card{padding:24px 32px 30px}.about-card .card-title{position:static}}@media (prefers-reduced-motion: reduce){.about-letter.is-falling{animation:none}}.housepanel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:135;background-color:#0b0b0b;opacity:0;transform:scale(.985);transition:opacity .45s cubic-bezier(.59,-.01,.08,1),transform .45s cubic-bezier(.59,-.01,.08,1)}.housepanel[hidden]{display:none}.housepanel.is-on{opacity:1;transform:none}.housepanel-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#0b0b0b;opacity:0;transition:opacity .4s ease}.housepanel.is-ready .housepanel-frame{opacity:1}.housepanel-loading{position:absolute;left:50%;top:50%;translate:-50% -50%;margin:0;color:var(--muted);font-size:.9375rem;transition:opacity .3s}.housepanel.is-ready .housepanel-loading{opacity:0}.housepanel-close{position:absolute;top:18px;right:18px;z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background-color:#141414bf;color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:16px;transition:background-color .25s,transform .25s}.housepanel-close:hover{background-color:#3c3c3cd9;transform:scale(1.06)}html.house-open{overflow:hidden;scrollbar-gutter:auto}@media (prefers-reduced-motion: reduce){.housepanel,.housepanel-frame{transition:none}}.head-actions{display:flex;align-items:center;gap:8px}.info-btn{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:9999px;border:1px solid var(--b600);background-color:var(--card);color:#fff;cursor:pointer;transition:background-color .25s,transform .25s}.info-btn[hidden]{display:none}.info-btn:hover,.info-btn[aria-expanded=true]{background-color:var(--bg)}.info-btn svg{width:18px;height:18px;display:block}.cs-proto{display:flex;flex-direction:column;gap:10px;padding:12px}.cs-proto-stage{position:relative;flex:1;min-height:0;border-radius:12px;overflow:hidden;background:#171717 radial-gradient(70% 90% at 50% 40%,#2b2b2b,#171717 70%);aspect-ratio:16 / 9}.cs-proto-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:none;background:#000}.sefer-stage{background:#e9e4dc}.sefer-frame{display:block;opacity:0;transition:opacity .5s ease;background:#e9e4dc}.sefer-stage.is-ready .sefer-frame{opacity:1}.cs-proto-loading{position:absolute;left:50%;top:50%;translate:-50% -50%;margin:0;color:#6b645c;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;transition:opacity .3s;pointer-events:none}.sefer-stage.is-ready .cs-proto-loading{opacity:0}.cs-proto-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.cs-proto-push{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#e05a5a,#8f1f1f 75%);box-shadow:0 14px 30px #0009,inset 0 -6px 12px #00000059,0 0 0 10px #2a2a2a,0 0 0 12px #111;color:#f3d9d9;font-weight:600;letter-spacing:.12em;font-size:.8rem}.cs-proto-note{color:var(--muted);font-size:.8125rem;letter-spacing:.18em;text-transform:uppercase}.cs-proto-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cs-proto-open{font-size:.875rem;font-weight:500;color:#fff;border-bottom:1px solid var(--b600)}.cs-proto-open[hidden]{display:none}@keyframes line-in{0%{opacity:0;filter:blur(14px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:none}}.ht{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.ht-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .38s ease}.ht-layer.is-on{opacity:1}.ht-hotspots{position:absolute;top:0;right:0;bottom:0;left:0}.ht-spot{position:absolute;border-radius:50%;background:transparent;cursor:pointer;outline:none}.ht-spot:focus-visible{box-shadow:0 0 0 2px #fff9}.ht-ui{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;align-items:center;z-index:2}.ht-sound,.ht-restart,.ht-skip{height:36px;padding:0 12px;border-radius:999px;background:#0a0a0ab3;color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.8125rem;font-weight:500;cursor:pointer}.ht-sound{width:36px;padding:0;display:grid;place-items:center}.ht-sound-on{display:none}.ht.has-sound .ht-sound-on{display:inline}.ht.has-sound .ht-sound-off,.ht-restart[hidden],.ht-skip[hidden]{display:none}.ht-note{position:absolute;left:12px;bottom:14px;margin:0;z-index:2;color:#fff9;font-size:.75rem;letter-spacing:.04em}.ht-note[hidden]{display:none}.ht-loading{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;opacity:0;transition:opacity .3s;pointer-events:none;z-index:2}.ht.is-loading .ht-loading{opacity:1;animation:webview-spin .9s linear infinite}.wall-badge{--badge: 152px;position:fixed;left:28px;bottom:28px;z-index:3;width:var(--badge);height:var(--badge);padding:0;margin:0;border-radius:76px;background-color:#0e0910d1;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px #00000073;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;text-align:left;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(18px) scale(.9);transition:width .6s cubic-bezier(.59,-.01,.08,1),height .6s cubic-bezier(.59,-.01,.08,1),border-radius .6s cubic-bezier(.59,-.01,.08,1),opacity .4s cubic-bezier(.59,-.01,.08,1),transform .4s cubic-bezier(.59,-.01,.08,1),visibility 0s linear .4s;cursor:pointer}.wall-badge.is-on{opacity:1;visibility:visible;transform:none;transition-delay:0s}.wall-badge.is-open{border-radius:22px;cursor:default}.wall-badge.is-open .wall-badge-logo svg{max-height:56px}.wall-badge-logo{position:absolute;left:20px;top:20px;width:112px;height:112px;display:flex;align-items:center;justify-content:center;transition:left .6s cubic-bezier(.59,-.01,.08,1),top .6s cubic-bezier(.59,-.01,.08,1),width .6s cubic-bezier(.59,-.01,.08,1),height .6s cubic-bezier(.59,-.01,.08,1)}.wall-badge-logo[hidden]{display:none}.wall-badge-logo svg{display:block;max-width:100%;max-height:100%;width:auto;height:auto}.wall-badge.is-open .wall-badge-logo{left:22px;top:18px;width:160px;height:56px;justify-content:flex-start}.wall-badge-text{position:absolute;left:22px;top:90px;width:300px;font-size:14px;line-height:1.5;color:#ffffffe0;opacity:0;filter:blur(12px);transition:opacity .5s ease,filter .5s ease;pointer-events:none}.wall-badge.is-open .wall-badge-text{opacity:1;filter:blur(0);transition-delay:.3s;pointer-events:auto}@media (max-width: 640px){.wall-badge{left:14px;bottom:14px}.wall-badge-text{font-size:13px}}@media (prefers-reduced-motion: reduce){.wall-badge,.wall-badge-logo,.wall-badge-text{transition:none}}.cs-proto-stage{position:relative}.cs-proto-stage .info-btn{position:absolute;top:12px;right:12px;z-index:6;transition:opacity .3s;background-color:#0a0a0ab3;border-color:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.infopanel{position:absolute;left:12px;right:12px;top:12px;z-index:5;max-height:calc(100% - 24px);overflow-y:auto;padding:26px 30px 24px;border-radius:16px;background-color:#0e0e10eb;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px -20px #000000b3;color:#e9e9e9;transform:translateY(calc(-100% - 24px));transition:transform .9s cubic-bezier(.05,.95,.1,1)}.infopanel[hidden]{display:none}.cs-proto-stage .info-btn[aria-expanded=true]{opacity:0;pointer-events:none}.infopanel.is-on{transform:none}.infopanel.is-out{transform:translateY(calc(-100% - 24px));transition:transform .5s cubic-bezier(.4,0,.6,1)}.infopanel h2{font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.15;font-weight:500;letter-spacing:-.01em;margin:0 0 14px}.infopanel p{margin:0 0 12px;font-size:.9rem;line-height:1.55;color:#ffffffd1}.infopanel-eyebrow{color:var(--muted);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px}.infopanel-credit{color:var(--muted);font-size:.78rem;margin-top:16px}.ip-line{opacity:0;filter:blur(12px)}.infopanel.is-on .ip-line{animation:line-in .9s cubic-bezier(.05,.95,.1,1) both;animation-delay:calc(.2s + var(--k, 0) * .12s)}.infopanel-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--muted);transition:background-color .25s,color .25s}.infopanel-close:hover{background-color:#ffffff14;color:#fff}@media (prefers-reduced-motion: reduce){.infopanel{transition:none}.infopanel.is-on .ip-line{animation:none;opacity:1;filter:none}}.house-tip{position:absolute;right:50%;bottom:96%;width:200px;height:150px;pointer-events:none}.house-tip-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.house-tip-line path{fill:none;stroke:#fff;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:160;stroke-dashoffset:160;transition:stroke-dashoffset .55s cubic-bezier(.59,-.01,.08,1)}.house-tip-dot{fill:#fff;opacity:0;transition:opacity .2s ease .5s}.house-tip-text{position:absolute;right:22px;top:10px;width:150px;text-align:right;color:#fff;font-size:.75rem;line-height:1.3;font-weight:500;letter-spacing:.01em;opacity:0;translate:6px 0;transition:opacity .35s ease .45s,translate .35s cubic-bezier(.59,-.01,.08,1) .45s}.house-link:hover .house-tip-line path,.house-link:focus-visible .house-tip-line path{stroke-dashoffset:0}.house-link:hover .house-tip-dot,.house-link:focus-visible .house-tip-dot{opacity:1}.house-link:hover .house-tip-text,.house-link:focus-visible .house-tip-text{opacity:1;translate:0 0}.collab .text h3{transition:opacity .3s ease}.collab:has(.house-link:hover) .text h3,.collab:has(.house-link:focus-visible) .text h3{opacity:.12}@media (prefers-reduced-motion: reduce){.house-tip-line path,.house-tip-text,.house-tip-dot{transition:none}}.projects:not(.is-open) .arrow-btn{display:none}.cell[hidden]{display:none!important}.house-cell{--shadow-c: #000}.house-stage,.wall-stage{position:relative;height:100%;padding:0;overflow:hidden;background-color:#0b0b0b;opacity:0;transform:scale(.985);transition:opacity .45s cubic-bezier(.59,-.01,.08,1),transform .45s cubic-bezier(.59,-.01,.08,1)}.house-stage>*{animation:none!important}.house-cell.is-on .house-stage,.wall-cell.is-on .wall-stage{opacity:1;transform:none}.wall-stage{background:radial-gradient(90% 90% at 50% 50%,#2c2c2c,#1f1c1f 42%,#2e0c27 78%,#3a0d30)}.wall.is-embedded{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.house-stage-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#0b0b0b;opacity:0;transition:opacity .4s ease}.house-cell.is-ready .house-stage-frame{opacity:1}.house-stage-loading{position:absolute;left:50%;top:50%;translate:-50% -50%;margin:0;color:var(--muted);font-size:.9375rem;transition:opacity .3s}.house-cell.is-ready .house-stage-loading{opacity:0}.house-stage-close{position:absolute;top:14px;right:14px;z-index:6;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background-color:#141414bf;color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:15px;transition:background-color .25s,transform .25s}.house-stage-close:hover{background-color:#3c3c3cd9;transform:scale(1.06)}@media (prefers-reduced-motion: reduce){.house-stage,.wall-stage,.house-stage-frame{transition:none}}.case-view[data-case=alon]{--cs-1: 118 176 84;--cs-2: 214 64 56;--cs-3: 236 168 32;--cs-4: 120 190 240;--st-1: #34422e;--st-2: #1e271b;--st-3: #131813;--st-4: #0b0e0b}.case-view[data-case=magiha]{--cs-1: 226 96 40;--cs-2: 250 170 140;--cs-3: 96 34 72;--cs-4: 52 130 104;--st-1: #4a3331;--st-2: #291c1d;--st-3: #181113;--st-4: #0e0a0b}.case-view[data-case=mdes]{--cs-1: 40 70 140;--cs-2: 60 100 180;--cs-3: 30 50 110;--cs-4: 80 120 200;--st-1: #1c2a4a;--st-2: #131d34;--st-3: #0c1222;--st-4: #070a14}.case-view[data-case] .cs-card{--tint: var(--cs-1);background-image:linear-gradient(155deg,rgb(var(--tint) / .34),rgb(var(--tint) / .12) 45%,rgb(var(--tint) / .05));border-color:rgb(var(--tint) / .42)}.case-view[data-case] .cs-card:nth-child(4n+2){--tint: var(--cs-2)}.case-view[data-case] .cs-card:nth-child(4n+3){--tint: var(--cs-3)}.case-view[data-case] .cs-card:nth-child(4n+4){--tint: var(--cs-4)}.case-view[data-case] .cs-card h4{color:#fff}.case-view[data-case=mdes] .cs-proto-stage{box-shadow:0 0 0 1px #5a82d259,0 0 48px #3c64b429,0 0 90px #28468c1f}.case-view[data-case=mdes] .infopanel{background-image:linear-gradient(135deg,#28468c4d,#0e0e1000 45%,#5078c838);border-color:#5a82d252}.projects.is-open>.glare-layer,.house-stage>.glare-layer,.wall-stage>.glare-layer{display:none}.collab-cell.is-flat .house-tip,#collab-cell.is-flat .house-tip{right:100%;bottom:50%;width:220px;height:40px;margin-bottom:-20px}#collab-cell.is-flat .house-tip-line path{d:path("M199 75 L140 75");stroke-dasharray:160;stroke-dashoffset:160}#collab-cell.is-flat .house-link:hover .house-tip-line path,#collab-cell.is-flat .house-link:focus-visible .house-tip-line path{stroke-dashoffset:0}#collab-cell.is-flat .house-tip-dot{cx:140px;cy:75px}#collab-cell.is-flat .house-tip-text{right:88px;left:auto;top:0;bottom:0;display:flex;align-items:center;translate:6px 0;width:auto;white-space:nowrap;text-align:right}#collab-cell.is-flat .house-link:hover .house-tip-text,#collab-cell.is-flat .house-link:focus-visible .house-tip-text{translate:0 0}.bento>.cell>.card{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E"),linear-gradient(135deg,#2c2c2c,#1c1c1c 45%,#0e0e0e 80%,#000);background-size:160px 160px,auto;background-blend-mode:soft-light,normal}.bento>.cell>.card:has(>.icon-link){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E"),linear-gradient(135deg,#2c2c2c,#1c1c1c 45%,#0e0e0e 80%,#000)}.canvas-card .touch-guard{animation:none!important}.canvas-card.is-grid canvas{cursor:default}@media (max-width: 639px){.ov{align-items:center}}.hero-menu{position:absolute;right:10px;top:50%;translate:0 -50%;z-index:3;width:40px;height:40px;border-radius:50%;display:none;place-items:center;background:#ffffff0f;border:1px solid var(--b600);color:#fff;animation:none!important}.hero-menu svg{width:20px;height:20px}.hero-menu-panel{position:fixed;left:16px;right:16px;z-index:130;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;border-radius:18px;background:#141414f0;border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 40px #00000080;opacity:0;translate:0 -8px;pointer-events:none;transition:opacity .25s ease,translate .25s ease}.hero-menu-panel[hidden]{display:none}.hero-menu-panel.is-on{opacity:1;translate:0 0;pointer-events:auto}.hero-menu-panel a{display:grid;place-items:center;aspect-ratio:1;border-radius:12px;background:var(--card);border:1px solid var(--border);color:#9a9a9a}.hero-menu-panel a .ico{width:24px;height:24px}.hero-menu-panel a svg{width:100%;height:100%;display:block}@media (max-width: 639px){.cell.is-compact .hero{padding:0 58px 0 70px}.cell.is-compact .hero h1{font-size:1.0625rem}.cell.is-compact .hero-avatar{height:54px;left:8px}.cell.is-compact .hero-menu:not([hidden]){display:grid}.cell.is-mini{display:none}}@media (max-width: 639px){.case-scroller{scroll-snap-type:y mandatory}.case-slide{height:100%;min-height:0;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);grid-template-rows:none!important;gap:8px;padding:8px 6px 26px 8px;scroll-snap-stop:always}.case-slide>.cs-card{min-height:0;overflow:hidden;position:relative;padding:10px 12px;justify-content:flex-start}.case-slide>.cs-card.c6,.case-slide>.cs-card.cs-title,.case-slide>.cs-card.cs-table,.case-slide>.cs-card.cs-palette,.case-slide>.cs-card.cs-proto,.case-slide>.cs-card.cs-outro{grid-column:1 / -1!important}.case-slide>.cs-card:not(.cs-proto):after{content:"⤢";position:absolute;right:8px;top:6px;z-index:3;font-size:13px;color:#ffffff8c}.case-slide>.cs-card:not(.cs-proto):not(.cs-title){-webkit-mask-image:linear-gradient(#000 74%,transparent 98%);mask-image:linear-gradient(#000 74%,transparent 98%)}.case-slide>.cs-card h4{font-size:.8125rem}.case-slide>.cs-card p{font-size:.75rem;line-height:1.4}.case-slide>.cs-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.case-dots{display:flex;right:3px;gap:8px}.case-dots a:before{display:none}.cs-table{padding:6px 4px;overflow:hidden}.cs-table table,.cs-table tbody,.cs-table tr,.cs-table th,.cs-table td{display:block}.cs-table thead{display:none}.cs-table tbody tr{border-top:1px solid var(--border);padding:6px 0}.cs-table tbody th{white-space:normal;border:0;padding:2px 8px 4px;font-size:.8125rem;color:#fff}.cs-table td{border:0;padding:4px 8px 6px;font-size:.75rem;line-height:1.35;margin:0 4px}.cs-table td:before{content:attr(data-col);display:block;font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.cs-table tbody td.hi{background-color:rgb(var(--cs-1, 118 176 84) / .16);border-radius:8px;color:#fff}.cs-table tbody td.hi:before{color:rgb(var(--cs-1, 118 176 84))}.cs-palette .hues{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px 10px;flex:none}.hue{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start;row-gap:2px;padding:8px 8px 9px;min-height:0;border-radius:10px}.hue>span{grid-column:1!important;grid-row:auto!important}.hue-name{font-size:.75rem;white-space:normal}.hue-hex{font-size:.5625rem;letter-spacing:.04em;opacity:1;transform:none}.hue-role,.hue-note{display:none}.cs-palette>.cs-label{padding:8px 10px 6px;font-size:.5625rem}}.cs-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:14px;background:#000000bd;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease}.cs-zoom[hidden]{display:none}.cs-zoom.is-on{opacity:1}.cs-zoom-body{position:relative;width:100%;max-height:calc(100dvh - 28px);overflow-y:auto;border-radius:18px}.cs-zoom-body>.cs-card{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;position:static!important;width:100%!important;height:auto!important;min-height:0;overflow:visible;-webkit-mask-image:none!important;mask-image:none!important;padding:16px 16px 18px;container-type:normal}.cs-zoom-body>.cs-card:after{display:none}.cs-zoom-body>.cs-card h4{font-size:1.0625rem}.cs-zoom-body>.cs-card p,.cs-zoom-body>.cs-card li{font-size:.9375rem;line-height:1.5}.cs-zoom-body>.cs-card h3{font-size:1.5rem}.cs-zoom-body .cs-shot img,.cs-zoom-body img{position:static;width:100%;height:auto;max-height:none;object-fit:contain;display:block;border-radius:10px}.cs-zoom-body .cs-phone img{max-width:70%;margin:0 auto}.cs-zoom-body .cs-label{position:static;display:block;margin-bottom:8px}.cs-zoom-x{position:fixed;top:12px;right:12px;z-index:2;width:40px;height:40px;border-radius:50%;background:#141414d9;border:1px solid rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;font-size:15px}.cs-proto-stage.is-tappable:after{content:"⤢  Tap to open full screen";position:absolute;left:50%;bottom:8px;translate:-50% 0;z-index:7;font-size:11px;letter-spacing:.06em;color:#fff;background:#0000008c;padding:5px 11px;border-radius:999px;pointer-events:none;white-space:nowrap}.mdes-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;background:#000;display:flex;flex-direction:column;opacity:0;transition:opacity .35s ease}.mdes-full[hidden]{display:none}.mdes-full.is-on{opacity:1}.mdes-full-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));color:#fff}.mdes-full-back{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 8px;border-radius:999px;background:#ffffff14;border:1px solid var(--b600);color:#fff;font-size:.8125rem;font-weight:500}.mdes-full-back svg{width:16px;height:16px}.mdes-full-x{width:36px;height:36px;border-radius:50%;background:#ffffff14;border:1px solid var(--b600);color:#fff;display:grid;place-items:center;font-size:14px}.mdes-full-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.mdes-full-body>.cs-proto-stage{width:100%;aspect-ratio:16 / 9;max-height:100%;border-radius:0}.mdes-full-body>.cs-proto-stage.sefer-stage{aspect-ratio:auto;height:100%}.mdes-full-body>.cs-proto-stage.is-tappable:after{display:none}.house-link.is-armed .house-tip-line path{stroke-dashoffset:0}.house-link.is-armed .house-tip-dot{opacity:1}.house-link.is-armed .house-tip-text{opacity:1;translate:0 0}.housepanel.is-closing{animation:house-away 1s cubic-bezier(.7,0,.25,1) both;transition:none!important;overflow:hidden}@keyframes house-away{0%{opacity:1;transform:none;filter:none;border-radius:0}30%{opacity:1;transform:scale(.94);filter:blur(1px);border-radius:28px}to{opacity:0;transform:translate(var(--hx, 0px),var(--hy, 0px)) scale(.04) rotate(-35deg);filter:blur(14px);border-radius:50%}}.ov-link-text{margin:0 0 8px;color:#ffffffd1;font-size:.9375rem}.ov-link-url{margin:0 0 16px;font-size:.8125rem;color:var(--muted);word-break:break-all}.cs-proto-stage.is-tappable.sefer-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6}.mdes-full-body>.sefer-stage:before{display:none}html.mdes-full-open{overflow:hidden}@media (max-width: 520px){.ov-address-row{flex-wrap:wrap;gap:12px 10px;align-items:flex-start}.ov-address-row>.ov-number,.ov-address-row>.ov-address{flex:1 0 100%;width:100%;white-space:normal;overflow-wrap:anywhere;font-size:clamp(1.35rem,6.5vw,1.8rem)}#ov-phone .ov-number{white-space:normal}.ov-address-row>.ov-btn{flex:none;position:static}}