.portfolio-strip{overflow:hidden;margin-top:78px;padding:6px 0 20px}.portfolio-track{display:flex;width:max-content;animation:portfolio-slide 100s linear infinite;will-change:transform}.portfolio-group{display:flex;gap:24px;padding-right:24px}.portfolio-tile{display:block;width:620px;flex:none}.portfolio-tile>.app-composition,.portfolio-tile>.leasing-preview,.portfolio-tile>.website-preview{height:424px;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #071b2310}.portfolio-caption{display:flex;align-items:center;justify-content:space-between;padding:17px 8px 7px}.portfolio-caption b{font-size:17px;font-weight:500}.portfolio-caption span{display:block;color:#6a757a;font-size:12px;margin-top:3px}.portfolio-strip.is-paused .portfolio-track,.portfolio-strip:has(.portfolio-tile:focus-visible) .portfolio-track{animation-play-state:paused}@keyframes portfolio-slide{to{transform:translateX(-50%)}}.screen-capture{position:relative;width:100%;overflow:hidden;pointer-events:none}.screen-capture iframe{position:absolute;top:0;left:0;transform-origin:top left;border:0;pointer-events:none;max-width:none;display:block}.website-preview{background:#151710;overflow:hidden}.browser-chrome{height:29px;background:#edf0ed;display:flex;gap:5px;align-items:center;padding:0 12px;color:#59645b}.browser-chrome i{width:5px;height:5px;background:#b8c1b9;border-radius:50%}.browser-chrome span{font-size:9px;margin:auto}.leasing-preview{aspect-ratio:1.46;position:relative;overflow:hidden;background:#182334;color:white}.leasing-preview video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% center}.leasing-preview-shade{position:absolute;inset:0;background:linear-gradient(90deg,#14213ddb,transparent 90%)}.leasing-preview-nav{position:relative;padding:26px 34px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.leasing-preview-nav b{font-size:20px;line-height:1;letter-spacing:3px}.leasing-preview-nav b span{display:block;font-size:8px;font-weight:400;letter-spacing:4.4px;margin-top:6px}.leasing-preview-copy{position:relative;padding:33px 34px}.leasing-preview-copy>span:first-child{font-size:9px;letter-spacing:2px}.leasing-preview-copy h3{font-family:Arial,sans-serif;font-size:43px;font-weight:600;line-height:1.07;letter-spacing:-1.4px;text-wrap:wrap;margin:15px 0}.leasing-preview-copy p{font:12px/1.6 Arial,sans-serif;opacity:.85}.preview-button{display:inline-block;background:white;color:#14213d;font-size:10px;border-radius:6px;padding:11px 15px;margin-top:20px}.app-composition{position:relative;background:#e5e6df;isolation:isolate;overflow:hidden;aspect-ratio:1.46}.app-composition.leart{background:radial-gradient(ellipse at 50% 100%,#c8b99e,#e9e5dc 75%)}.app-composition.poela{background:radial-gradient(ellipse at 50% 100%,#849856,#e3e9d2 78%)}.app-composition-name{position:absolute;top:23px;left:29px;font-size:17px;font-weight:600;line-height:1.25;z-index:4}.app-composition-name>span{display:block;font-size:9px;letter-spacing:0;font-weight:400;margin-top:5px;opacity:.6}.leart .app-composition-name{letter-spacing:3px}.phones{inset:0}.phone,.phones{position:absolute}.phone{width:28.8%;border:5px solid #252721;border-radius:26px;background:#151710;box-shadow:0 16px 20px #20271735;overflow:hidden;transform-origin:50% 60%}.phone-0{left:7%;top:92px;transform:rotate(-8deg)}.phone-1{left:35.6%;top:46px;z-index:2;transform:rotate(0)}.phone-2{left:64%;top:100px;transform:rotate(8deg)}.screen-labels{position:absolute;bottom:12px;left:0;right:0;font-size:9px;text-align:center;z-index:3;color:#30362c;text-shadow:0 1px 8px #fff;background:#ffffffbb;width:max-content;padding:5px 12px;border-radius:30px;margin:auto}.project-visual{aspect-ratio:1.46}.project-visual .app-composition,.project-visual .leasing-preview,.project-visual .website-preview{width:100%;height:100%}.project-visual .leasing-preview-copy{padding-top:8%;padding-left:6%}.project-visual .leasing-preview-copy h3{font-size:clamp(30px,6vw,76px)}.project-visual .leasing-preview-copy p{font-size:clamp(11px,1.5vw,18px)}.project-visual .leasing-preview-nav{padding:4% 6%}.project-visual .leasing-preview-nav b{font-size:26px}.project-visual .phone{border-width:7px;border-radius:36px}.project-visual .phone-0{top:20%}.project-visual .phone-1{top:10%}.project-visual .phone-2{top:22%}.project-visual .app-composition-name{top:5%;left:5%;font-size:24px}.project-visual .app-composition-name>span{font-size:12px}.project-visual .screen-labels{font-size:12px;bottom:4%}.project-visual>span{z-index:5}.project-visit{display:inline-flex;gap:8px;align-items:center;margin-top:17px;font-size:14px}.project-visit:hover{text-decoration:underline}@media(max-width:700px){.portfolio-strip{margin-top:55px}.portfolio-tile{width:360px}.portfolio-group{gap:16px;padding-right:16px}.portfolio-tile>.app-composition,.portfolio-tile>.leasing-preview,.portfolio-tile>.website-preview{height:258px;border-radius:14px}.portfolio-caption{padding:13px 3px 5px}.portfolio-caption b{font-size:15px}.portfolio-caption span{font-size:11px}.portfolio-track{animation-duration:110s}.phone{border-width:3px;border-radius:17px}.phone-0{top:67px}.phone-1{top:34px}.phone-2{top:73px}.app-composition-name{top:15px;left:17px;font-size:12px}.app-composition-name>span{font-size:7px;margin-top:3px}.screen-labels{font-size:7px;bottom:8px;padding:3px 8px}.leasing-preview-nav{padding:17px 21px;font-size:7px}.leasing-preview-nav b{font-size:14px}.leasing-preview-nav b span{font-size:6px;letter-spacing:2.6px}.leasing-preview-copy{padding:15px 21px}.leasing-preview-copy h3{font-size:27px;margin:10px 0;letter-spacing:-.5px}.leasing-preview-copy p{font-size:8px}.leasing-preview-copy>span:first-child{font-size:6px}.preview-button{font-size:7px;padding:7px 10px;margin-top:12px}.browser-chrome{height:17px;padding:0 8px}.browser-chrome span{font-size:6px}.browser-chrome i{width:3px;height:3px}.project-visual .phone{border-width:3px;border-radius:17px}.project-visual .app-composition-name{font-size:12px}.project-visual .app-composition-name>span,.project-visual .screen-labels{font-size:7px}.project-visual .leasing-preview-nav b{font-size:15px}.project-visual .leasing-preview-copy{padding-top:3%}.project-visual .leasing-preview-copy h3{font-size:26px}.project-visual .leasing-preview-copy p{font-size:8px}.portfolio-strip .marquee-caption{font-size:10px}.project-visit{font-size:13px}}@media(prefers-reduced-motion:reduce){.portfolio-track{animation:none}.portfolio-strip{overflow-x:auto}.portfolio-group[aria-hidden=true]{display:none}}.concept-preview{height:424px;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #071b2310}.concept-preview img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-track{animation-duration:125s}@media(max-width:700px){.concept-preview{height:258px;border-radius:14px}.portfolio-track{animation-duration:140s}}.portfolio-strip{--portfolio-step:644px}.portfolio-track{transition:transform .6s ease}@media(max-width:700px){.portfolio-strip{--portfolio-step:376px}}.live-preview{position:relative;isolation:isolate;container-type:inline-size;color:#fff;aspect-ratio:1.46;background:#182018}.interior-slide,.interior-slides,.live-preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.interior-slide{opacity:0;animation:interior-cycle 18s linear infinite;animation-play-state:paused}.interior-slide-0{opacity:1;animation-delay:0s}.interior-slide-1{animation-delay:-12s}.interior-slide-2{animation-delay:-6s}.motion-active .interior-slide{animation-play-state:running}@keyframes interior-cycle{0%,27%{opacity:1;transform:scale(1.02)}33%{opacity:0;transform:scale(1.08)}34%,93%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1.02)}}.interior-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0006,transparent 30%,#0007)}.leart-live .interior-shade{background:linear-gradient(180deg,rgba(20,20,20,.3),rgba(20,20,20,.52) 40%,rgba(20,20,20,.58))}.leart-live .interior-copy{text-shadow:0 2px 14px #0006}.leart-live .interior-button{background:#14141438;border-color:#ffffffc9}.preview-nav{position:absolute;z-index:2;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:4.5cqw 5cqw;font:1.5cqw/1.2 Arial,sans-serif}.preview-nav b{font:600 2.4cqw/1.2 Georgia,serif;letter-spacing:.45cqw}.preview-nav span{opacity:.85}.interior-copy{position:absolute;inset:25% 6% 8%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.interior-copy>span:first-child{font:1.35cqw/1.4 Arial,sans-serif;letter-spacing:.28cqw}.interior-copy h3{font:400 4.8cqw/1.3 Georgia,serif;letter-spacing:.1cqw;color:#fff;margin:2.5cqw 0 4cqw;text-transform:uppercase}.interior-button{display:inline-block;border:1px solid #fff9;padding:1.7cqw 2.7cqw;font:1.3cqw/1.4 Arial,sans-serif;letter-spacing:.08cqw;background:#ffffff0c;backdrop-filter:blur(6px)}.tour-live .interior-copy{align-items:flex-start;text-align:left;inset:24% 6% 7%}.tour-live .interior-copy h3{font-size:5.5cqw;text-transform:none;line-height:1.12;margin:2.6cqw 0}.tour-live .interior-copy p{font:1.8cqw/1.6 Arial,sans-serif;margin:0 0 3.5cqw;color:#fffe}.tour-live .interior-shade{background:linear-gradient(90deg,#2015089c,transparent),linear-gradient(#0002,#0004)}.tour-live .interior-button{border-radius:30px}.leasing-preview{container-type:inline-size}.leasing-preview-badge{position:absolute;right:.8%;bottom:5%;width:28%;min-height:20%;padding:2cqw;border:1px solid #ffffff30;border-radius:1.8cqw;background:#101d2d;backdrop-filter:blur(8px);text-align:right;display:flex;flex-direction:column;justify-content:center;color:white}.leasing-preview-badge strong{font:700 2.2cqw/1.3 Arial,sans-serif;color:#ffb000}.leasing-preview-badge span{font:1.35cqw/1.5 Arial,sans-serif;margin-top:.6cqw;color:#ffffffbf}.poela-live{background:#03100b url(/portfolio/poela-greens.webp) top/cover}.poela-live video{inset:auto 0 0 auto;width:55%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:lighten;opacity:0;mask-image:linear-gradient(#000 85%,transparent 99%)}.poela-live video.is-ready{opacity:1}.poela-preview-shade{position:absolute;inset:0;background:linear-gradient(90deg,#03100be8,transparent 72%)}.poela-live .preview-nav b{font-family:Arial,sans-serif;letter-spacing:0;font-size:2.6cqw}.poela-preview-copy{position:absolute;left:6%;top:32%;width:49%;color:#fff}.poela-preview-copy>span:first-child{font:1.15cqw/1.5 Arial,sans-serif;letter-spacing:.18cqw;color:#dbefc9}.poela-preview-copy h3{font:600 6.3cqw/1.1 Arial,sans-serif;letter-spacing:-.2cqw;color:#fff;margin:2.6cqw 0}.poela-preview-copy p{font:1.8cqw/1.7 Arial,sans-serif;color:#e3ecde;margin:0 0 3.3cqw}.poela-preview-button{display:inline-block;font:1.5cqw/1.4 Arial,sans-serif;background:#d9ecba;color:#152113;padding:1.8cqw 2.5cqw;border-radius:20px}.poela-mouse-hint{position:absolute;left:6%;bottom:6%;font:1.3cqw/1.4 Arial,sans-serif;color:#c8d7b9}@media(hover:hover){.portfolio-strip:has(.portfolio-tile:hover) .portfolio-track{animation-play-state:paused}}@media(hover:none){.poela-mouse-hint{display:none}}.app-composition{container-type:inline-size}.app-composition-name{top:5%;left:6%;font-size:2.8cqw;color:#283023}.app-composition-name>span{font-size:1.5cqw}.app-composition .phone{width:25%;border-width:.6cqw;border-radius:3cqw;box-shadow:0 2cqw 3cqw #20271725;transform:none}.app-composition .phone-0{left:7%;top:23%}.app-composition .phone-1{left:37.5%;top:17%}.app-composition .phone-2{left:68%;top:23%}.app-composition .screen-labels{bottom:2%;font-size:1.25cqw;background:transparent;text-shadow:none;padding:0}.screen-loading{position:absolute;inset:0;background:linear-gradient(150deg,#354124,#172016);padding:18% 10%;color:#ddd;font:10px/1.4 Arial,sans-serif}.screen-loading:after{content:"";display:block;height:45%;margin-top:20%;border-radius:10px;background:#ffffff0b}@media(prefers-reduced-motion:reduce){.interior-slide{animation:none;opacity:0}.interior-slide-0{opacity:1}}.krona-site .original-site-cover{aspect-ratio:7/5;overflow:hidden;background:#0b120e}.krona-site .original-site-cover>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}.krona-site .case-cover:has(>.original-site-cover),.krona-site .project-visual:has(>.original-site-cover),.krona-site .sj-project-image:has(>.original-site-cover),.krona-site .story-image:has(>.original-site-cover){aspect-ratio:7/5}.screen-capture>img{display:block;width:100%;height:100%;object-fit:cover}.live-original-preview{position:relative;width:100%;height:auto!important;aspect-ratio:7/5!important;overflow:hidden;background:#0b1510;border-radius:inherit}.live-original-preview>.live-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.live-original-preview>iframe{position:absolute;left:0;top:0;width:1400px!important;height:1000px!important;max-width:none!important;border:0;transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity .2s}.live-original-preview>iframe.is-ready{opacity:1}.case-cover:has(.live-original-preview),.sj-project-image:has(.live-original-preview),.story-image:has(.live-original-preview){aspect-ratio:7/5!important;height:auto!important;overflow:hidden}.project-carousel{width:100%;min-width:0}.project-carousel-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.project-carousel-viewport::-webkit-scrollbar{display:none}.project-carousel-track{display:flex;gap:28px;width:max-content;padding-right:28px;align-items:stretch}.project-carousel-track>.story-card{flex:0 0 clamp(320px,37vw,600px);width:clamp(320px,37vw,600px);min-width:0;display:flex;flex-direction:column}.project-carousel-track .story-image{display:block;flex:none;margin:0 0 24px}.project-carousel-track .story-content{display:flex;flex-direction:column;flex:1}.project-carousel-track .story-content>.text-link{margin-top:auto;align-self:flex-start}.project-carousel-track h3{font-size:clamp(24px,2.2vw,36px)}.project-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:26px}.project-carousel-controls button{background:#14241b;color:#e3cf91;border:1px solid #706643;border-radius:100px;padding:10px 18px;font:inherit;cursor:pointer}.project-carousel-controls button:focus-visible{outline:2px solid #e3cf91;outline-offset:4px}@media(max-width:600px){.project-carousel-track>.story-card{width:85vw;flex-basis:85vw}.project-carousel-track{gap:18px;padding-right:18px}.project-carousel-controls{justify-content:center}.project-carousel-controls button{font-size:13px;padding:10px 14px}}@media(prefers-reduced-motion:reduce){.live-original-preview>iframe{transition:none}}