/* Portfolio showcase and project stories. */
.designs-hero{padding-top:68px;padding-bottom:42px}.designs-hero h1{font-size:clamp(40px,5.9vw,82px);line-height:1.08;letter-spacing:-3px;max-width:1100px}.designs-hero .eyebrow{color:var(--muted);margin-bottom:24px}.designs-hero-bottom{display:flex;justify-content:space-between;gap:36px;align-items:center;margin:28px 0 30px}.designs-hero-bottom>p{max-width:590px;color:var(--muted);font-size:16px;margin:0}.designs-hero-bottom .button{flex-shrink:0;gap:22px}.designs-jump-links{gap:28px}.designs-work{padding-top:30px;padding-bottom:65px}.showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:30px}.showcase-heading p{margin:0;font-size:12px;color:var(--muted)}.showcase-heading .eyebrow{color:var(--lime);font-size:10px}.featured-design{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:38px;align-items:center}.featured-visual{background:linear-gradient(145deg,#313a30,#19231e);border:1px solid #394638;border-radius:20px;padding:36px 22px;min-width:0}.glo-showcase{position:relative;display:block;padding:0 65px 30px 0;text-decoration:none!important}.glo-desktop{border:1px solid #d7d7c9;border-radius:10px;overflow:hidden;background:#faf7f0;color:#334537;box-shadow:0 15px 30px #0003}.window-bar{height:32px;padding:0 13px;background:#e7e8e1;color:#566050;display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.2px}.window-bar i{width:6px;height:6px;background:#b3b9ac;border-radius:50%;flex-shrink:0}.window-bar span{margin:auto}.glo-desktop .glo-nav{font-size:14px;padding:16px 7%}.glo-desktop .glo-nav>span:last-child{font-size:6px}.glo-desktop-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:30px 7%;gap:14px;min-height:300px}.glo-desktop-panel .glo-copy :is(h3,.glo-preview-heading){font-size:clamp(32px,3.7vw,54px);margin:12px 0 18px}.glo-desktop-panel .glo-copy>p:not(.mini-label){font-size:10px}.glo-desktop-panel .mini-label{font-size:7px;line-height:1.7}.glo-desktop-panel .glo-label{font-size:6px;line-height:1.8;letter-spacing:.5px}.glo-desktop-panel .glo-logo{max-height:245px;object-fit:contain}.glo-preview-bottom{padding:16px 7%;border-top:1px solid #deded1;font-size:7px;letter-spacing:1.5px;color:#566050}.glo-phone{position:absolute;right:0;bottom:16px;width:145px;padding:13px 10px 17px;border:5px solid #252b27;border-radius:25px;background:#faf7f0;color:#334537;box-shadow:0 12px 25px #0005;text-align:center;pointer-events:none}.phone-notch{width:45px;height:6px;background:#252b27;border-radius:8px;margin:-7px auto 16px}.glo-phone>p{font:11px Georgia,serif;margin:0 0 14px}.glo-phone img{width:85px;height:85px;object-fit:contain}.glo-phone :is(h3,.glo-preview-heading){font:29px/1.02 Georgia,serif;margin:13px 0}.glo-phone em{color:#58634d}.glo-phone>span{display:block;font-size:6px;letter-spacing:.7px;line-height:1.7}.showcase-caption{display:block;margin-top:14px;color:#d5e0cf;font-size:10px}.project-kind{color:var(--lime);font-size:9px;letter-spacing:1.1px;line-height:1.6}.featured-summary h2{font-size:clamp(35px,4.1vw,56px);margin:15px 0 20px;letter-spacing:-1.8px}.featured-summary>p:not(.scope-price):not(.design-note){font-size:15px;color:var(--muted);max-width:450px}.design-benefits{list-style:none;padding:0;margin:23px 0;display:grid;gap:9px}.design-benefits li{font-size:12px;color:#d0d6ca;display:flex;gap:10px;align-items:baseline}.design-benefits li:before{content:'✓';color:var(--lime)}.scope-price{font-size:13px;line-height:1.7;padding-top:18px;border-top:1px solid var(--line);margin:23px 0;color:#ccd3c5}.scope-price strong{color:var(--lime);font-size:22px;font-weight:500;white-space:nowrap}.project-actions{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap}.project-actions .button{font-size:11px;padding:13px 16px;gap:18px}.project-actions .text-link{font-size:11px;margin:0;gap:10px}.design-note{font-size:11px!important;line-height:1.7;color:var(--muted);margin:20px 0 0}.concept-showcase{padding-top:54px;padding-bottom:48px;border-top:1px solid var(--line)}.showcase-section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.showcase-section-heading .eyebrow{color:var(--muted);margin-bottom:18px}.showcase-section-heading h2{font-size:clamp(32px,3.8vw,50px)}.showcase-section-heading>p{font-size:13px;color:var(--muted);margin:0}.design-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.design-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column;min-width:0}.website-window{display:block;position:relative;overflow:hidden;background:#f1f1e9;text-decoration:none!important}.window-screen{position:relative;aspect-ratio:16/10;overflow:hidden;background:#faf9f3}.window-screen iframe{position:absolute;top:0;left:0;width:200%;height:200%;border:0;transform:scale(.5);transform-origin:top left;pointer-events:none}.window-open{position:absolute;bottom:16px;right:16px;background:#0b0d0cee;color:var(--ink);font-size:11px;padding:9px 13px;border:1px solid #6c7c61;border-radius:5px;display:flex;gap:18px}.website-window:hover .window-open{color:var(--lime)}.design-card-copy{padding:28px;display:flex;flex:1;flex-direction:column;align-items:start}.design-industry{font-size:11px!important;color:var(--muted);margin:9px 0 12px!important}.design-card-copy h3{font-size:27px;font-weight:500;letter-spacing:-.7px;line-height:1.2;margin:0 0 15px}.design-card-copy>p:not(.scope-price):not(.design-note):not(.design-industry){font-size:14px;color:var(--muted);margin:0}.design-card-copy .design-benefits{margin:20px 0}.design-card-copy .scope-price{margin-top:auto;width:100%}.design-card-copy .design-note{margin-top:20px}.pricing-footnote{font-size:11px;color:var(--muted);margin:20px 0 0}.designs-invitation{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--lime);color:var(--bg);padding-top:40px;padding-bottom:40px;margin-top:18px;margin-bottom:62px}.designs-invitation h2{font-size:clamp(30px,3.7vw,48px);letter-spacing:-1.4px}.designs-invitation h2 span{color:#324409}.designs-invitation .eyebrow{margin-bottom:18px}.designs-invitation p:not(.eyebrow){font-size:14px;max-width:620px;margin:20px 0 0}.designs-invitation .button{background:var(--bg);color:var(--lime);flex-shrink:0;gap:20px}.designs-invitation .button:hover{background:#25301e}.designs-page .brand-gallery-section{padding-top:0;border-top:0;padding-bottom:65px}.designs-page .brand-gallery-section h2{font-size:clamp(32px,3.8vw,50px)}.designs-page .brand-gallery-intro{margin-bottom:10px}.brand-service-link{margin:0 0 25px}.designs-page .brand-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.designs-page .brand-gallery figure>a{aspect-ratio:4/3;padding:12px}.designs-page .brand-gallery figcaption{padding:18px}.designs-page .brand-gallery h3{font-size:18px;letter-spacing:-.2px;margin-bottom:10px}.designs-page .brand-gallery figcaption p{font-size:12px;margin-bottom:12px}.designs-page .brand-gallery figcaption>span{font-size:9px}.detail-intro{padding-top:48px;padding-bottom:35px}.detail-intro>.text-link{margin:0 0 30px}.detail-intro .eyebrow{color:var(--muted);margin-bottom:18px}.detail-intro h1{font-size:clamp(38px,5.3vw,72px);line-height:1.1;letter-spacing:-2px;max-width:1000px}.detail-intro>p:not(.eyebrow){max-width:740px;color:var(--muted);font-size:15px}.detail-intro .detail-lead{font-size:22px!important;color:var(--ink)!important;margin:24px 0 12px}.detail-visual>.glo-showcase{max-width:850px;margin:auto;background:#263025;padding:30px 90px 35px 30px;border-radius:18px}.detail-visual>.glo-showcase .glo-phone{right:20px;bottom:35px}.detail-visual>.website-window{max-width:900px;margin:auto;border-radius:14px;border:1px solid var(--line)}.detail-body{padding-top:12px;padding-bottom:45px}.detail-body .case-study{padding-top:30px}.detail-price{margin-top:35px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);max-width:800px}.detail-price .scope-price{border:0;padding:0;margin:0 0 12px}.detail-price>p:not(.scope-price){font-size:12px;color:var(--muted);margin:0 0 20px}.detail-next{padding-top:30px;padding-bottom:50px}.preview-detail .site-preview{margin-bottom:26px}.preview-detail .project-top{color:var(--muted)}
@media(max-width:1100px){.featured-design{gap:28px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.glo-showcase{padding-right:48px}.glo-phone{width:125px}.glo-phone :is(h3,.glo-preview-heading){font-size:25px}.glo-desktop-panel{min-height:285px}.glo-desktop .glo-nav>span:last-child{display:none}.designs-page .brand-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.designs-page .brand-gallery figure>a{aspect-ratio:16/9;padding:20px}.designs-invitation{align-items:start;flex-direction:column}.design-card-copy{padding:23px}}
@media(max-width:800px){.designs-hero{padding-top:45px;padding-bottom:35px}.designs-hero h1{letter-spacing:-1.8px}.designs-hero-bottom{align-items:start;flex-direction:column;gap:24px}.featured-design{grid-template-columns:1fr;gap:30px}.featured-visual{padding:28px}.glo-desktop-panel .glo-copy :is(h3,.glo-preview-heading){font-size:45px}.featured-summary h2{font-size:42px}.featured-summary h2 br{display:none}.featured-summary h2 span:before{content:' '}.featured-summary>p:not(.scope-price):not(.design-note){max-width:650px}.featured-summary .design-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.showcase-section-heading{flex-direction:column;align-items:start;gap:20px}.design-card-grid{grid-template-columns:1fr;gap:30px}.design-card-copy h3{font-size:29px}.designs-invitation{margin-bottom:45px}.showcase-heading{align-items:start;flex-direction:column;gap:8px}.designs-page .brand-gallery-section{padding-bottom:45px}.detail-intro{padding-top:35px}.detail-intro h1{letter-spacing:-1px}.detail-visual>.glo-showcase{padding-left:20px;padding-top:20px}.detail-body .case-grid{gap:22px}.glo-desktop-panel .glo-label{font-size:6px}.glo-desktop .glo-nav{font-size:14px}}
@media(max-width:480px){.designs-hero h1{font-size:39px}.designs-hero h1 br{display:none}.designs-hero-bottom .button{width:100%;padding:15px 18px}.designs-jump-links{gap:18px;font-size:12px}.featured-visual{padding:20px 14px}.glo-showcase{padding-right:35px;padding-bottom:45px}.glo-desktop-panel{grid-template-columns:1fr 1fr;min-height:245px;padding:23px 7%;gap:10px}.glo-desktop-panel .glo-copy :is(h3,.glo-preview-heading){font-size:29px;letter-spacing:-1px}.glo-desktop-panel .glo-copy>p:not(.mini-label){font-size:8px}.glo-desktop-panel .mini-label{font-size:5px}.glo-desktop-panel .glo-label{font-size:5px}.glo-phone{width:103px;padding:12px 8px;border-width:4px;bottom:24px}.glo-phone>p{font-size:9px}.glo-phone img{width:64px;height:64px}.glo-phone :is(h3,.glo-preview-heading){font-size:22px}.glo-phone>span{font-size:5px}.glo-preview-bottom{font-size:5px;letter-spacing:.7px}.glo-desktop .glo-nav{font-size:11px}.featured-summary h2{font-size:35px}.featured-summary .design-benefits{grid-template-columns:1fr;gap:9px}.designs-work{padding-bottom:40px}.concept-showcase{padding-top:38px}.design-card-copy{padding:22px}.window-bar span{font-size:8px}.window-open{font-size:10px;bottom:10px;right:10px;padding:7px 10px}.project-actions{gap:16px}.designs-page .brand-gallery{grid-template-columns:1fr}.designs-page .brand-gallery figure>a{aspect-ratio:16/9;padding:22px}.designs-page .brand-gallery img{max-height:210px}.designs-invitation .button{width:100%;padding:15px 18px}.detail-intro h1{font-size:38px}.detail-visual>.glo-showcase{padding:20px 50px 40px 14px}.detail-visual>.glo-showcase .glo-phone{right:8px;bottom:30px}.detail-intro .eyebrow{font-size:8px;line-height:1.8}}

/* Actual responsive concept sites, paired with a phone viewport. */
.concept-device-pair{display:block;position:relative;overflow:hidden;padding:22px 54px 36px 18px;background:#233329;text-decoration:none!important}.skypaws-devices{background:#142e48}.roc-solid-devices{background:#29372c}.concept-device-pair .website-window{border:1px solid #ffffff25;border-radius:9px;box-shadow:0 14px 28px #0003}.concept-device-pair .window-open{left:12px;right:auto;bottom:12px}.concept-phone{position:absolute;right:13px;bottom:34px;width:145px;padding:6px;border-radius:23px;background:#202723;border:1px solid #7b8779;box-shadow:0 12px 22px #0006;pointer-events:none}.concept-phone-screen{position:relative;width:132px;height:265px;overflow:hidden;border-radius:17px;background:#faf7f0}.concept-phone-screen iframe{position:absolute;left:0;top:0;width:390px;height:783px;border:0;transform:scale(.33846);transform-origin:top left;pointer-events:none}.concept-phone-speaker{position:absolute;top:9px;left:50%;transform:translateX(-50%);height:5px;width:31px;border-radius:10px;background:#202723}.device-caption{display:block;margin:14px 0 0;font-size:9px;color:#d0dbcd;letter-spacing:.3px}.concept-device-pair:hover .window-open{color:var(--lime)}.detail-visual>.concept-device-pair{max-width:900px;margin:auto;border-radius:16px;padding:30px 90px 40px 28px;border:1px solid var(--line)}.detail-visual>.concept-device-pair .concept-phone{right:23px;bottom:45px;width:177px}.detail-visual>.concept-device-pair .concept-phone-screen{width:164px;height:330px}.detail-visual>.concept-device-pair .concept-phone-screen iframe{height:785px;transform:scale(.42051)}
@media(max-width:480px){.concept-device-pair{padding:18px 35px 33px 12px}.concept-device-pair .window-screen{aspect-ratio:4/3}.concept-phone{right:8px;bottom:32px;width:104px;padding:4px;border-radius:17px}.concept-phone-screen{width:94px;height:190px;border-radius:12px}.concept-phone-screen iframe{height:789px;transform:scale(.241025)}.concept-phone-speaker{top:6px;width:22px;height:4px}.concept-device-pair .window-open{left:8px;bottom:8px;font-size:9px;padding:6px 8px;gap:9px}.device-caption{font-size:8px}.detail-visual>.concept-device-pair{padding:18px 35px 33px 12px}.detail-visual>.concept-device-pair .concept-phone{right:8px;bottom:32px;width:104px}.detail-visual>.concept-device-pair .concept-phone-screen{width:94px;height:190px}.detail-visual>.concept-device-pair .concept-phone-screen iframe{height:789px;transform:scale(.241025)}}

.oh-sugar-devices{background:#56372c}.bakery-project-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.bakery-project-card>.concept-device-pair{min-width:0;display:flex;flex-direction:column;justify-content:center}.bakery-project-card>.concept-device-pair .device-caption{flex-shrink:0}@media(max-width:800px){.bakery-project-card{grid-template-columns:1fr}}