[hidden]{display:none!important}.work-intro{padding-top:65px;padding-bottom:45px}.work-title{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-top:28px}.work-title h1{font-size:clamp(46px,4.6vw,70px);line-height:1.04;letter-spacing:-3px;font-weight:500}.work-title h1 em{font-size:.8em}.work-title>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:290px;margin-bottom:3px}.explorer-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.project-tabs{display:flex;gap:8px}.project-tabs button,.device-controls button{border:1px solid #d8d8d3;background:white;color:#666;border-radius:30px;padding:13px 20px;font:inherit;font-size:10px;cursor:pointer;transition:background .2s,color .2s}.project-tabs button span{font-size:13px;margin-left:12px}.project-tabs button[aria-selected=true]{background:#111;color:white;border-color:#111}.project-tabs button:hover{border-color:#555}.device-controls{display:flex;padding:4px;border:1px solid #deded8;border-radius:30px}.device-controls button{border:0;padding:9px 15px;background:transparent;font-size:11px}.device-controls button[aria-pressed=true]{background:#111;color:white}.preview-stage{--rx:0deg;--ry:0deg;background:#e8e9e5;position:relative;isolation:isolate;overflow:hidden;perspective:1300px;padding:45px 60px 60px;min-height:560px;transition:background .5s}.preview-stage[data-active=tikka]{background:#efddad}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#00000006 1px,transparent 1px),linear-gradient(90deg,#00000006 1px,transparent 1px);background-size:48px 48px;z-index:-1}.browser-frame{position:relative;max-width:100%;width:100%;margin:auto;border:1px solid #00000026;border-radius:10px;overflow:hidden;box-shadow:0 24px 60px #00000020;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:width .55s cubic-bezier(.22,.8,.25,1),transform .25s ease-out;background:white}.browser-bar{height:39px;background:#f9f9f7;color:#777;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:8px;letter-spacing:1px;border-bottom:1px solid #ddd}.browser-dots{letter-spacing:3px;color:#aaa}.design-panel{min-height:440px;padding:27px 35px 0}.junktion-preview{background:#191917;color:#f8f4ec}.tikka-preview{background:#efbf35;color:#6d202b}.mini-nav{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:8px;letter-spacing:1px}.mini-nav strong{font-size:13px;letter-spacing:1.5px}.mini-nav>span{opacity:.6;font-size:7px}.mini-content{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;padding-top:47px}.mini-eyebrow{font-size:7px;letter-spacing:1.5px;opacity:.7}.mini-content h2{font:500 clamp(36px,4vw,58px)/.98 Arial,sans-serif;letter-spacing:-2.5px;margin-top:20px}.mini-content h2 em{font-family:inherit;font-weight:500;letter-spacing:-2.5px}.junktion-preview h2 em{color:#ff8b42}.mini-copy{font-size:10px;line-height:1.8;opacity:.65;margin-top:20px}.mini-pill{display:inline-block;font-size:8px;border-radius:25px;background:#ff8b42;color:#22180e;padding:11px 15px;margin-top:20px}.tikka-preview .mini-pill{background:#8a2139;color:#fff}.mini-product{height:265px;position:relative;perspective:800px}.mini-product img{position:absolute;object-fit:contain;transition:transform .8s cubic-bezier(.22,.8,.25,1)}.junktion-preview img{width:260px;max-width:100%;top:10px;left:3%;mix-blend-mode:screen;transform:rotate(-9deg)}.browser-frame:hover .junktion-preview img{transform:rotate(-3deg) translateY(-10px)}.product-ring{position:absolute;width:100%;height:120px;border:1px solid #ffad4e40;border-radius:50%;transform:rotate(-22deg);top:60px}.tikka-preview img{height:280px;width:auto;left:30%;top:-10px;filter:drop-shadow(15px 18px 12px #6e39252a);transform:rotate(10deg)}.browser-frame:hover .tikka-preview img{transform:rotate(3deg) translateY(-8px)}.product-flower{position:absolute;top:5px;left:-5%;font-size:260px;line-height:1;color:#c5491f;opacity:.85}.mini-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff20;font-size:7px;letter-spacing:1px;padding:20px 0;margin-top:20px}.tikka-preview .mini-bottom{border-color:#7f2f392a}.stage-caption{position:absolute;bottom:21px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.7px;color:#65665f}.preview-stage[data-layout=mobile] .browser-frame{width:330px}.preview-stage[data-layout=mobile] .design-panel{min-height:590px;padding:24px 25px 0}.preview-stage[data-layout=mobile] .mini-nav>span{display:none}.preview-stage[data-layout=mobile] .mini-content{grid-template-columns:1fr;padding-top:30px;gap:20px}.preview-stage[data-layout=mobile] .mini-content h2{font-size:43px}.preview-stage[data-layout=mobile] .mini-copy{display:none}.preview-stage[data-layout=mobile] .mini-product{height:220px}.preview-stage[data-layout=mobile] .junktion-preview img{width:210px;left:14%;top:-10px}.preview-stage[data-layout=mobile] .tikka-preview img{height:225px;top:-5px;left:39%}.preview-stage[data-layout=mobile] .product-flower{font-size:220px;left:5%;top:-5px}.preview-stage[data-layout=mobile] .mini-bottom{font-size:6px;line-height:1.7;gap:9px;margin-top:0}.preview-stage[data-layout=mobile] .mini-nav strong{font-size:11px}.project-information{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:50px}.project-information h2{font-size:45px;letter-spacing:-2px;margin-top:18px}.project-information>div>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.85;max-width:470px;margin-top:20px}.demo-action{display:inline-flex;align-items:center;gap:55px;border-bottom:1px solid #111;padding-bottom:10px;margin-top:27px;font-size:14px}.demo-action span{font-size:22px}.design-notes article{border-top:1px solid var(--line);padding:20px 0}.design-notes span{font-size:9px;letter-spacing:1px;color:var(--muted)}.design-notes p{font-size:14px;line-height:1.75;margin-top:10px;max-width:440px}.work-disclaimer{font-size:11px;color:var(--muted);line-height:1.85;max-width:850px;margin-top:30px}.work-outro{margin-top:80px;border-top:1px solid var(--line);padding-top:65px;padding-bottom:75px}.work-outro h2{font-size:48px;margin-top:23px}.work-outro>p:last-child{font-size:14px;line-height:1.85;max-width:480px;color:var(--muted);margin-top:25px}.work-outro strong{font-weight:500;color:#111}nav [aria-current=page]{text-decoration:underline;text-underline-offset:6px}@media(max-width:1050px){.work-title{display:block}.work-title>p{margin-top:25px;max-width:100%}.preview-stage{padding:35px 30px 60px}.design-panel{padding:25px 25px 0;min-height:410px}.mini-content{padding-top:40px}.mini-content h2{font-size:43px}.mini-product{height:240px}.tikka-preview img{height:240px}.product-flower{font-size:230px}.project-information{gap:45px}.mini-bottom{font-size:6px}}@media(max-width:720px){.work-intro{padding-top:40px;padding-bottom:30px}.work-title{margin-top:23px}.work-title h1{font-size:45px;letter-spacing:-2px}.work-title h1 em{font-size:.83em}.work-title>p{font-size:13px;line-height:1.8}.explorer-bar{align-items:flex-start;flex-direction:column;gap:17px}.project-tabs{width:100%}.project-tabs button{flex:1;padding:13px 10px}.project-tabs button span{font-size:12px;margin-left:8px}.device-controls{align-self:flex-end}.device-controls button{font-size:10px;padding:7px 12px}.preview-stage{padding:22px 14px 70px;min-height:500px}.browser-bar{padding:0 10px;font-size:6px;letter-spacing:.3px;height:32px}.browser-dots{font-size:7px;letter-spacing:1px}.design-panel{min-height:590px;padding:23px 22px 0}.mini-nav strong{font-size:11px}.mini-nav>span{display:none}.mini-content{grid-template-columns:1fr;padding-top:30px;gap:20px}.mini-content h2{font-size:43px}.mini-copy{display:none}.mini-product{height:220px}.junktion-preview img{width:210px;left:12%;top:-10px}.tikka-preview img{height:225px;top:-5px;left:37%}.product-flower{font-size:220px;left:5%;top:-5px}.mini-bottom{font-size:6px;line-height:1.7;gap:9px;margin-top:0}.stage-caption{left:20px;right:20px;bottom:17px;font-size:7px;line-height:1.6;flex-direction:column;gap:5px}.project-information{grid-template-columns:1fr;gap:35px;margin-top:35px}.project-information h2{font-size:38px}.project-information>div>p:not(.eyebrow){font-size:14px}.work-disclaimer{font-size:11px}.work-outro{margin-top:50px;padding-top:50px;padding-bottom:55px}.work-outro h2{font-size:39px}.preview-stage[data-layout=mobile] .browser-frame{width:280px}.preview-stage[data-layout=mobile] .design-panel{padding-inline:20px}.preview-stage[data-layout=mobile] .mini-content h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.browser-frame,.mini-product img,.preview-stage{transition:none!important;transform:none!important}}