.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.concept-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#111}.concept-cover{min-height:210px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:25px;background:linear-gradient(140deg,#181818,#080808);border-top:3px solid var(--concept-accent)}.concept-cover>span{font-size:12px;letter-spacing:1px;color:var(--muted)}.concept-cover strong{font:500 32px/1.15 'Outfit',sans-serif;letter-spacing:-1px;color:var(--concept-accent)}.concept-card-body{padding:25px}.concept-card-body h3{font-size:23px}.concept-card-body p{font-size:15px}.concept-card-body .service-link{display:inline-block}.concept-card:hover{border-color:var(--concept-accent)}.concept-intro{padding:55px 0 35px}.concept-intro>a{font-size:14px;color:var(--muted);display:inline-block;margin-bottom:25px}.concept-intro h1{font-size:clamp(40px,5vw,72px);letter-spacing:-.04em}.concept-intro p{max-width:750px}.concept-disclosure{border-left:3px solid var(--lime);padding:12px 18px;background:#151215;color:var(--muted);font-size:14px;max-width:950px}.demo-canvas{--demo-accent:#aaa;background:#f2f4f7;color:#171c23;border-radius:16px;overflow:hidden;padding:40px}.demo-canvas p,.demo-canvas li{color:#515967;font-size:15px}.demo-canvas h2{font-size:clamp(34px,4vw,58px);letter-spacing:-1.5px}.demo-canvas h3{font-size:26px;letter-spacing:-.6px}.demo-canvas h4{font:500 21px 'Outfit',sans-serif;margin:12px 0}.demo-kicker{font-size:12px;letter-spacing:1.4px;font-weight:700;display:block;margin-bottom:15px}.demo-photo{position:relative;min-height:330px;display:flex;align-items:center;padding:35px;border-radius:10px;overflow:hidden;background:#252e25;margin-bottom:30px;color:#fff}.demo-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b,#0002)}.demo-photo>div{position:relative;z-index:1;max-width:500px}.demo-photo p{color:#fff}.demo-editorial{padding:35px 0 45px;max-width:780px}.demo-editorial p{font-size:17px}.demo-restaurant{background:#fff4e9}.demo-travel,.demo-hotel{background:#f4f0e9}.demo-business{background:#edf0fc}.demo-education{background:#edf4fc}.demo-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:start}.demo-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}.demo-items article{border:1px solid #d4d9df;background:#ffffff90;border-radius:10px;padding:22px}.demo-items article strong{display:block;margin:12px 0}.demo-panel{background:#fff;border:1px solid #d5d9e0;border-radius:12px;padding:25px}.demo-panel h3{margin-bottom:20px}.demo-panel li{margin:12px 0}.demo-canvas label{display:block;font-size:14px;margin:14px 0 7px;font-weight:600}.demo-canvas input,.demo-canvas select{width:100%;padding:11px 12px;border:1px solid #bcc3cc;border-radius:7px;color:#17202c;background:#fff;font-size:15px}.demo-button{display:inline-block;background:#182332;color:#fff;border:1px solid #182332;border-radius:7px;padding:11px 15px;font:600 14px 'Plus Jakarta Sans',sans-serif;cursor:pointer;margin-top:12px;text-align:center}.demo-button:hover{background:#35465d}.demo-button:disabled{opacity:.5;cursor:default}.demo-button:focus-visible,.demo-remove:focus-visible{outline:3px solid #315ba0;outline-offset:3px}.demo-toolbar{display:flex;gap:30px;justify-content:space-between;align-items:center;margin:15px 0 25px}.demo-toolbar select{min-width:180px;max-width:300px}.demo-filters{display:flex;flex-wrap:wrap;gap:8px}.demo-filters .demo-button[aria-pressed=true]{background:#a13e18;border-color:#a13e18}.demo-remove{background:#eef1f6;color:#26364e;border:1px solid #c5cdd8;border-radius:5px;padding:5px 10px;font-size:13px;cursor:pointer}.demo-canvas details{border-color:#b5bfce}.demo-canvas summary{font-size:21px}.demo-canvas summary::after{color:#324c80}.demo-canvas details[open] summary{color:#243c69}.cart-row{border-bottom:1px solid #d5d9e0;padding:15px 0}.cart-row p{margin:7px 0}.cart-row .demo-remove{margin-right:8px}.demo-canvas dialog{border:0;border-radius:14px;padding:30px;max-width:550px;width:90%;color:#17202c;background:#fff}.demo-canvas dialog::backdrop{background:#0009}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:35px}.demo-metrics article{background:#fff;border:1px solid #d5d9e0;border-radius:10px;padding:23px}.demo-metrics span{font-size:14px;color:#515967}.demo-metrics strong{display:block;font:500 30px 'Outfit',sans-serif;margin-top:12px}.sales-bar{margin:25px 0}.sales-bar>div{display:flex;justify-content:space-between;gap:15px;font-size:14px}.sales-bar meter{width:100%;height:22px;margin-top:8px}.sales-bar meter::-webkit-meter-bar{background:#dfe7ee;border:0}.sales-bar meter::-webkit-meter-optimum-value{background:#27856d}.demo-table{overflow:auto}.demo-table table{width:100%;border-collapse:collapse;font-size:14px}.demo-table th,.demo-table td{padding:14px 8px;border-bottom:1px solid #d5d9e0;text-align:left}.concept-explanation{display:grid;grid-template-columns:1fr 1fr;gap:60px}.concept-explanation h3{font-size:30px}.demo-panel [role=status]{font-size:14px}.demo-shop::after{background:linear-gradient(90deg,#000a,#0000)}@media(max-width:1050px){.concept-grid{grid-template-columns:1fr 1fr}.demo-columns{grid-template-columns:1fr}.demo-items{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.concept-grid,.demo-items,.demo-metrics,.concept-explanation{grid-template-columns:1fr}.demo-canvas{padding:20px}.demo-photo{padding:23px;min-height:310px}.demo-toolbar{flex-direction:column;align-items:stretch;gap:10px}.demo-toolbar select{max-width:none}.demo-metrics strong{font-size:28px}.concept-explanation{gap:30px}.demo-canvas input{font-size:16px}.concept-cover{min-height:190px}.demo-columns{gap:20px}.demo-panel{padding:21px}}

.concept-intro>a.concept-back{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #ffffff26;border-radius:8px;color:#ddd;transition:color .2s,background .2s,border-color .2s}.concept-back .back-arrow{font-size:22px;line-height:1;transition:transform .2s}.concept-intro>a.concept-back:hover,.concept-intro>a.concept-back:focus-visible{color:#ff0099;border-color:#ff0099;background:#ff009912}.concept-back:hover .back-arrow{transform:translateX(-3px)}.concept-back:focus-visible{outline:2px solid #ff0099;outline-offset:4px}@media(prefers-reduced-motion:reduce){.concept-intro>a.concept-back,.concept-back .back-arrow{transition:none}.concept-back:hover .back-arrow{transform:none}}
/* Distinct visual directions for the interactive portfolio */
.concept-card{transition:transform .3s,border-color .3s,box-shadow .3s}.concept-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0005}.concept-cover{position:relative;min-height:275px;isolation:isolate}.concept-cover:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 0%,var(--concept-accent),transparent 68%);opacity:.17}.concept-cover[href*='hotel'],.concept-cover[href*='travel']{background:linear-gradient(0deg,#000b,#0004),url('/concept-lodge.png') center/cover}.concept-cover[href*='restaurant']{background:linear-gradient(0deg,#000c,#0003),url('/concept-food.png') center/cover}.concept-cover[href*='store']{background:linear-gradient(0deg,#000c,#0003),url('/concept-products.png') center/cover}.concept-cover strong{font-size:37px;color:#fff;max-width:260px}.concept-cover>span{color:#eee}.concept-cover[href*='business']{background:#1b2545}.concept-cover[href*='education']{background:#223e30}.concept-cover[href*='hospital']{background:#124744}.concept-cover[href*='dashboard']{background:linear-gradient(135deg,#15282a,#111a22)}
.demo-canvas{padding:48px;border-radius:24px;box-shadow:0 25px 80px #0004}.demo-canvas h2{font-size:clamp(42px,5.8vw,82px);line-height:1.02;letter-spacing:-.055em}.demo-canvas p{line-height:1.8}.demo-kicker{font-size:10px;letter-spacing:2px}.demo-photo{min-height:490px;border-radius:16px;padding:48px;margin-bottom:48px}.demo-photo img{transition:transform 1s}.demo-photo:hover img{transform:scale(1.025)}.demo-photo:after{background:linear-gradient(90deg,#000b,transparent 95%)}.demo-photo>div{max-width:640px}.demo-photo p{max-width:430px}.demo-panel{padding:30px;border:0;box-shadow:0 12px 35px #16222a0a}.demo-items{gap:18px}.demo-items article{padding:25px;border:0;transition:transform .25s,box-shadow .25s}.demo-items article:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000000a}.demo-button{border-radius:100px;padding:13px 20px;transition:background .2s,transform .2s}.demo-button:hover{transform:translateY(-2px)}.demo-canvas input,.demo-canvas select{border-radius:10px;padding:14px;background:#f8f9fb;border-color:#e0e4e8}.demo-toolbar{margin:28px 0}.demo-hero-split{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;align-items:center;margin-bottom:50px}.demo-editorial{padding:35px 0}.demo-editorial p{max-width:480px}.identity-art,.learning-art,.care-art{min-height:430px;border-radius:20px;position:relative;overflow:hidden;padding:35px;display:flex;flex-direction:column;justify-content:space-between}.identity-art{background:#152342;color:#c3ff94}.identity-art>span{font:500 48px/1.1 'Outfit';letter-spacing:-2px;z-index:1}.identity-art small,.care-art small{font-size:9px;letter-spacing:2px;z-index:1}.orbit{position:absolute;border:1px solid #c3ff9460;width:380px;height:380px;border-radius:50%;right:-140px;bottom:-70px}.orbit-two{right:-75px;bottom:-135px}.demo-business{background:#f0f1e9}.demo-business .demo-button{background:#152342;border-color:#152342;color:#c3ff94}.demo-business details{padding:22px 0;border-bottom:1px solid #15234226}.demo-business .demo-items article{background:#fff}.learning-art{background:#c9eb72;color:#223e30;transform:rotate(-2deg)}.learning-word{font:600 clamp(70px,7vw,115px)/1 'Outfit';letter-spacing:-6px}.learning-note{font-size:19px;line-height:1.5}.learning-seal{position:absolute;right:25px;bottom:30px;border:1px solid #223e30;border-radius:50%;width:105px;height:105px;display:grid;place-content:center;font-size:11px;text-align:center;transform:rotate(12deg)}.demo-education{background:#f5f4e9}.demo-education .demo-button{background:#223e30;border-color:#223e30}.demo-education .demo-items article{border-top:4px solid #a4cc55;border-radius:0 0 12px 12px}.care-art{background:#cde9e6;color:#124744;min-height:420px}.care-plus{position:absolute;right:-10px;top:-75px;font:300 350px/1 'Outfit';color:#12474414}.care-art>span:not(.care-plus){font:500 43px/1.15 'Outfit';letter-spacing:-1.5px;position:relative;margin-top:130px}.demo-hospital{background:#eff6f5}.demo-hospital .demo-button{background:#124744;border-color:#124744}.demo-hospital #hospital-operations{border-top:1px solid #12474420;margin-top:45px;padding-top:25px}.demo-hotel{background:#f4eee3}.demo-hotel .demo-photo{min-height:530px}.demo-hotel .demo-items{grid-template-columns:1fr}.demo-hotel .demo-items article{display:grid;grid-template-columns:1fr auto;background:transparent;border-top:1px solid #91785640;border-radius:0;padding:24px 0}.demo-hotel .demo-items article p{grid-column:1/-1;margin:8px 0}.demo-hotel .demo-items article .demo-kicker{grid-column:1/-1}.demo-hotel .demo-items article h4{font-size:28px}.demo-hotel .demo-items article .demo-button{justify-self:end}.demo-hotel .demo-button{background:#57432f;border-color:#57432f}.demo-travel{background:#eaf0e5}.demo-travel .demo-photo{border-radius:80px 16px 16px 16px}.demo-travel .demo-button{background:#293e2a;border-color:#293e2a}.demo-travel .demo-items{grid-template-columns:1fr}.demo-travel .demo-items article{border-left:4px solid #8ea472}.demo-travel #itinerary{background:#293e2a;color:white}.demo-travel #itinerary p,.demo-travel #itinerary li{color:#e0e8d9}.demo-restaurant{background:#f8e9d9}.demo-restaurant .demo-photo h2{font-weight:400;letter-spacing:-.045em}.demo-restaurant .demo-button{background:#843d26;border-color:#843d26}.demo-restaurant .demo-items article{background:transparent;border-bottom:1px solid #843d2630;border-radius:0}.demo-restaurant .demo-items h4{font-size:27px}.demo-store{background:#eeedf7}.demo-store .demo-photo{min-height:440px}.demo-store .demo-items{grid-template-columns:1fr}.demo-store .demo-items article{display:grid;grid-template-columns:1fr auto;background:#fff}.demo-store .demo-items .demo-kicker{grid-column:1/-1}.demo-store .demo-items .demo-button{grid-column:2;grid-row:2/4;align-self:center}.demo-store .demo-button{background:#463678;border-color:#463678}.workspace-bar{display:flex;gap:14px;align-items:center;border-bottom:1px solid #ffffff20;padding:0 0 25px;margin-bottom:30px;font-size:15px}.workspace-symbol{font-size:30px;color:#83e6c0}.workspace-live{margin-left:auto;font-size:9px;letter-spacing:1.7px;color:#83e6c0}.demo-dashboard{background:#111d25;color:#edf5f6}.demo-dashboard p,.demo-dashboard li{color:#a8bec9}.demo-dashboard .demo-panel,.demo-dashboard .demo-metrics article{background:#1a2b35;border:1px solid #ffffff12;box-shadow:none}.demo-dashboard .demo-metrics span{color:#a8bec9}.demo-dashboard .demo-metrics strong{color:#83e6c0;font-size:39px}.demo-dashboard .demo-table th,.demo-dashboard .demo-table td{border-color:#ffffff15}.demo-dashboard .demo-remove{background:#29434b;color:#b2f0d9;border:0}.demo-dashboard .sales-bar meter::-webkit-meter-bar{background:#29434b}.demo-dashboard .sales-bar meter::-webkit-meter-optimum-value{background:#83e6c0}
@media(max-width:1050px){.demo-hero-split{grid-template-columns:1fr 1fr}.identity-art>span{font-size:36px}.care-art>span:not(.care-plus){font-size:32px}.demo-hotel .demo-items,.demo-travel .demo-items,.demo-store .demo-items{grid-template-columns:1fr}.demo-canvas{padding:30px}}
@media(max-width:650px){.demo-hero-split{grid-template-columns:1fr;gap:10px;margin-bottom:30px}.demo-canvas{padding:20px;border-radius:18px}.demo-photo,.demo-hotel .demo-photo{min-height:430px;padding:25px;margin-bottom:30px}.demo-canvas h2{font-size:46px}.identity-art,.learning-art,.care-art{min-height:280px;padding:25px}.identity-art>span{font-size:40px}.care-art>span:not(.care-plus){margin-top:80px;font-size:35px}.learning-word{font-size:86px}.learning-note{max-width:160px;font-size:15px}.learning-seal{width:85px;height:85px;right:18px;bottom:18px}.demo-panel{padding:22px}.demo-store .demo-items article{display:block}.demo-hotel .demo-items article{display:block}.workspace-bar{flex-wrap:wrap}.workspace-live{margin-left:0}.concept-cover{min-height:240px}.demo-photo:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.concept-card,.demo-photo img,.demo-items article,.demo-button{transition:none}.concept-card:hover,.demo-items article:hover,.demo-button:hover{transform:none}}

.concept-portrait{margin:0;position:relative;border-radius:20px;overflow:hidden;align-self:stretch;min-height:430px}.concept-portrait img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.concept-portrait figcaption{position:absolute;bottom:15px;left:15px;background:#0009;color:#fff;padding:7px 10px;border-radius:5px;font-size:10px;letter-spacing:.4px}.demo-hero-split{grid-template-columns:1fr 1.2fr}.concept-cover[href*='business']{background:linear-gradient(0deg,#000c,#0003),url('/concept-team.png') center/cover}.concept-cover[href*='education']{background:linear-gradient(0deg,#000c,#0003),url('/concept-campus.png') center/cover}.concept-cover[href*='hospital']{background:linear-gradient(0deg,#000c,#0003),url('/concept-care.png') center/cover}.concept-cover[href*='dashboard']{background:linear-gradient(0deg,#000d,#0002),url('/concept-workspace.png') center/cover}@media(max-width:650px){.demo-hero-split{grid-template-columns:1fr}.concept-portrait{min-height:300px}.concept-portrait img{object-position:center}}

.concept-cover[href*='dashboard']{background:#111d25;gap:15px}.concept-cover[href*='dashboard'] strong{font-size:31px;max-width:none;letter-spacing:-1px}.mini-dashboard{width:100%;border:1px solid #ffffff15;background:#172932;border-radius:8px;padding:12px}.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mini-stats i{font-style:normal;font-size:8px;color:#adc2cc;padding:7px;background:#213943;border-radius:4px}.mini-stats b{display:block;font:500 19px 'Outfit';color:#83e6c0;margin-top:4px}.mini-chart{height:42px;display:flex;align-items:flex-end;gap:8px;margin-top:12px;border-bottom:1px solid #ffffff15}.mini-chart i{flex:1;height:45%;background:#83e6c0;border-radius:3px 3px 0 0}.mini-chart i:nth-child(2){height:65%}.mini-chart i:nth-child(3){height:50%}.mini-chart i:nth-child(4){height:80%}.mini-chart i:nth-child(5){height:70%}.mini-chart i:nth-child(6){height:92%}.mini-chart i:nth-child(7){height:84%}.demo-dashboard .demo-toolbar{align-items:flex-end;gap:25px}.demo-dashboard .demo-toolbar h2{font-size:clamp(32px,4vw,54px);margin-bottom:0}.demo-dashboard .demo-toolbar>div:last-child{flex:0 0 210px}.demo-dashboard .demo-metrics article{min-width:0;display:flex;flex-direction:column;justify-content:space-between}.demo-dashboard .demo-columns{grid-template-columns:1fr 1fr}.demo-dashboard .demo-columns>section{padding:25px;border:1px solid #ffffff12;border-radius:12px;background:#1a2b35}.demo-dashboard .demo-metrics strong{font-size:clamp(26px,3vw,39px)}@media(max-width:1050px){.demo-dashboard .demo-columns{grid-template-columns:1fr}}@media(max-width:650px){.demo-dashboard .demo-toolbar{align-items:stretch}.demo-dashboard .demo-toolbar>div:last-child{flex:auto}.demo-dashboard .demo-toolbar select{width:100%}}

.concept-cover[href*='travel']{background:linear-gradient(0deg,#000b,#0003),url('/concept-trekking.png') center/cover}
/* Mobile hero actions and concept carousel. */
.concept-slider-controls{display:none}
@media(max-width:650px){
.hero .actions{display:grid;grid-template-columns:1fr;gap:12px;width:100%;align-items:stretch}
.hero .actions .btn{width:100%;min-height:52px;margin:0;text-align:center;justify-content:center;box-sizing:border-box}
#work .concept-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
#work .concept-grid::-webkit-scrollbar{display:none}
#work .concept-card{flex:0 0 100%;min-width:0;scroll-snap-align:start}
.concept-slider-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}
.concept-slider-controls button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--white);cursor:pointer;font-size:20px}
.concept-slider-controls button:hover{border-color:var(--lime)}
.concept-slider-controls span{font-size:13px;color:var(--muted);min-width:48px;text-align:center}
}