/* Dapas Tech / 02 — authored studies, clearer paths, one visual language. */
[hidden]{display:none!important}
.project-dialog{overscroll-behavior:contain}
.v2-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:14px 21px;border:1px solid var(--line);border-radius:4px;font-size:12px;font-weight:650;line-height:1.4;transition:background .2s,color .2s,transform .2s;background:transparent;text-align:left}
.v2-button.primary{background:var(--mint);border-color:var(--mint);color:#102120}.v2-button.primary:hover{background:#d8ffe8;border-color:#d8ffe8;transform:translateY(-2px)}.v2-button.quiet{border-color:#a8bdd630;color:var(--ink)}.v2-button.quiet:hover{background:#b4f9d40c}.v2-button>span{font-size:19px}
.hero{min-height:890px;padding-top:162px;padding-bottom:130px}.hero-copy{max-width:870px}.hero h1{font-size:clamp(72px,7.7vw,124px);line-height:.94;letter-spacing:-.062em}.hero-line{gap:24px}.hero-line-final{font-size:.86em}.hero-asterisk{font-size:.65em}.hero-eyebrow{font-size:9px;margin-bottom:29px}.hero-description{display:block;margin-top:30px;max-width:490px}.hero-description>p{width:auto;max-width:410px;font-size:14px;line-height:1.9;color:#b6bfd0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-visual{left:48%;right:-4%;top:112px;bottom:100px;height:auto;opacity:.93}.hero-footer{height:76px}.hero-note{color:#a9b5c8}.hero-index{color:#a9b5c8}
.desktop-nav{gap:27px}.desktop-nav a{font-size:11px}.header-contact{font-size:11px}.section-meta{margin-bottom:48px}
.projects-section{background:linear-gradient(180deg,#0a1020,#0c1425);position:relative}.projects-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:9%;align-items:end;margin-bottom:55px}.projects-heading h2{font-size:clamp(45px,5.7vw,86px);letter-spacing:-.055em}.projects-heading h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em;color:#b1c5f3}.projects-heading>div{max-width:340px}.projects-heading p{font-size:14px;color:#b8c0d1;line-height:1.9}.study-disclosure{display:block;font-size:8px;letter-spacing:.12em;color:#99b1c2;margin-top:22px;line-height:1.8}.project-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:40px 35px}.project-card{display:block;padding:0;background:none;border:0;text-align:left;min-width:0;position:relative}.project-card:first-child{grid-row:span 2}.project-visual{display:block;position:relative;overflow:hidden;border-radius:5px;isolation:isolate;height:273px;transition:filter .3s}.project-card:first-child .project-visual{height:652px}.project-card:hover .project-visual{filter:brightness(1.035)}.project-card:hover .sample-window{transform:scale(1.025)}.sample-window{display:block;position:absolute;inset:0;padding:29px;overflow:hidden;transition:transform .6s cubic-bezier(.2,.7,.2,1);font-family:var(--display);line-height:1.1}.sample-brand{display:block;position:relative;z-index:2;font-size:28px;font-weight:600;letter-spacing:-.07em}.sample-brand>span{display:block;font-family:var(--body);font-size:6px;letter-spacing:.16em;margin-top:5px;font-weight:500}.sample-menu{position:absolute;top:34px;right:29px;font-size:10px;z-index:2}.sample-menu i{font-style:normal;margin-left:18px}.sample-title{display:block;position:relative;z-index:2;font-size:43px;line-height:1.03;letter-spacing:-.05em;margin-top:37px;max-width:300px}.sample-title em{font-family:Georgia,serif;font-weight:400}.sample-foot{position:absolute;z-index:2;left:29px;bottom:24px;font-family:var(--body);font-size:6px;letter-spacing:.15em}.project-food .project-visual{background:#e7d6bd;color:#4a2c1b}.project-food .sample-window{padding:36px}.project-food .sample-brand{font-size:39px}.project-food .sample-title{font-size:clamp(58px,5.8vw,85px);margin-top:90px}.project-food .sample-menu{top:42px;right:36px}.project-food .sample-foot{left:36px;bottom:30px}.sample-cup{position:absolute;width:265px;height:265px;border-radius:50%;background:#c9ab88;bottom:30px;right:-22px;box-shadow:inset 9px 8px 30px #fff6,20px 30px 50px #4a291d22;transform:rotate(-25deg)}.sample-cup:before{content:'';position:absolute;inset:28px;border-radius:50%;background:#f2e9db;box-shadow:0 10px 16px #56321c30,inset 0 2px 10px #fffa}.sample-cup:after{content:'';position:absolute;inset:50px;border:7px solid #b8a38f;border-radius:50%;background:radial-gradient(ellipse at 45% 38%,#a97b52,#613f29 55%,#2f1b12);box-shadow:inset 5px 7px 10px #0008}.sample-cup i{position:absolute;right:14px;top:75px;width:50px;height:66px;border:15px solid #f0e4d3;border-radius:30px;z-index:1;transform:rotate(20deg)}.project-food .sample-window:after{content:'A';position:absolute;right:22px;top:205px;font-family:Georgia,serif;font-size:370px;line-height:1;color:#7743220a;pointer-events:none}.project-services .project-visual{background:#2b3cbe;color:#eff3ff}.project-services .sample-title{font-size:45px;margin-top:29px}.sample-orbits{position:absolute;right:24px;top:60px;width:190px;height:190px;transform:rotate(-24deg)}.sample-orbits i{position:absolute;inset:0;border:1px solid #c0d7ff80;border-radius:50%;transform:rotateY(50deg)}.sample-orbits i:nth-child(2){transform:rotate(60deg) rotateY(50deg)}.sample-orbits i:nth-child(3){transform:rotate(120deg) rotateY(50deg);background:radial-gradient(circle,#c6e6ff28,transparent 60%)}.project-portfolio .project-visual{background:#c6bfd4;color:#302940}.project-portfolio .sample-title{font-size:38px;margin-top:40px;max-width:340px}.sample-art{position:absolute;right:37px;top:37px;width:180px;height:180px;transform:rotate(-15deg);opacity:.9}.sample-art i{position:absolute;inset:0;border-radius:45% 0 45% 0;background:#a74730;box-shadow:inset -20px -20px 30px #0003}.sample-art i:nth-child(2){inset:35px;border:17px solid #d8e083;background:transparent;border-radius:50%;transform:translate(60px,40px)}.project-info{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:20px}.project-kind{display:block;font-size:8px;letter-spacing:.11em;color:#a4b2c8;margin-bottom:5px}.project-info strong{display:block;font-family:var(--display);font-size:32px;font-weight:500;letter-spacing:-.04em}.project-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b6c9e635;border-radius:50%;font-size:23px;transition:background .2s,color .2s}.project-card:hover .project-arrow{background:var(--mint);color:var(--bg);border-color:var(--mint)}.project-label{display:block;font-size:7px;letter-spacing:.1em;color:#7f8ba5;margin-top:12px}.project-bottom-note{font-size:11px;color:#a0adc3;margin-top:35px;max-width:500px;line-height:1.8}
.manifesto{padding-top:65px;padding-bottom:60px}.manifesto .section-meta{margin-bottom:35px}.manifesto h2{font-size:clamp(36px,4.1vw,64px)}.manifesto .abstract-star{font-size:60px;margin-bottom:20px}.manifesto .principles{margin-top:35px}.manifesto .principles p{font-size:23px}.manifesto .principles>div{padding-top:17px}.manifesto .manifesto-aside p{font-size:13px}.manifesto-layout{gap:10%}
.service h3{font-size:clamp(25px,2.5vw,36px)}.service-content>p{font-size:14px;line-height:1.9;color:#b8c2d5}.service-tags{flex-wrap:wrap;gap:9px}.service-tags span{font-size:9px}.service-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:26px;padding-bottom:10px}.service-actions .v2-button{font-size:11px;min-height:46px;padding:12px 16px;gap:15px}.service-example{background:none;padding:8px 0;font-size:11px;color:#b9c8e0;border-bottom:1px solid #758ba760;min-height:44px;display:inline-flex;gap:15px;align-items:center}.service-example:hover{color:var(--mint)}.expertise-heading{align-self:start}.expertise-heading h2{font-size:clamp(52px,5.3vw,85px)}.lab .section-heading h2{font-size:clamp(45px,5.1vw,78px)}.lab .section-intro{max-width:325px;line-height:1.9}.lab .section-meta{margin-bottom:40px}
.mobile-project-cta{position:fixed;z-index:80;bottom:max(16px,env(safe-area-inset-bottom));left:20px;right:20px;display:none;align-items:center;justify-content:center;gap:15px;min-height:52px;background:#c0f9df;color:#14271f;padding:13px 18px;border:1px solid #effffb5c;border-radius:7px;box-shadow:0 10px 45px #0007;font-size:12px;font-weight:650}.mobile-project-cta .status-dot{background:#26785c;box-shadow:none}.mobile-project-cta>span:last-child{font-size:20px;margin-left:auto}.mobile-project-cta>span:nth-child(2){margin-right:auto}
.project-dialog{width:min(1120px,calc(100% - 48px));max-width:1120px;max-height:calc(100svh - 48px);padding:0;border:1px solid #9cb2d540;border-radius:8px;background:#10192a;color:var(--ink);box-shadow:0 30px 140px #0008}.project-dialog::backdrop{background:#030612de;backdrop-filter:blur(12px)}.project-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 30px;border-bottom:1px solid var(--line)}.project-dialog-head p{font-size:8px;letter-spacing:.12em;color:#a5b6cc}.project-dialog-head h2{font-size:25px;margin-top:6px}.dialog-close{width:44px;height:44px;background:#b8caff0d;border:1px solid #b8caff30;border-radius:50%;font-size:24px;flex-shrink:0}.project-dialog-body{padding:32px}.project-demo{position:relative;border-radius:5px;overflow:hidden;padding:35px;min-height:425px}.project-demo[data-kind=aurora]{background:#f0e5d2;color:#493023}.project-demo[data-kind=nexo]{background:#263bbd;color:#f2f5ff}.project-demo[data-kind=forma]{background:#d0c9d9;color:#352c42}.demo-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid currentColor;padding-bottom:17px;gap:15px}.demo-header strong{font-family:var(--display);font-size:31px;letter-spacing:-.07em;line-height:1}.demo-header>span{font-size:8px;letter-spacing:.12em}.demo-main{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;padding-top:40px}.demo-kicker{font-size:8px;letter-spacing:.13em;text-transform:uppercase}.demo-main h3{font-size:clamp(36px,4.1vw,55px);font-weight:500;margin:12px 0 18px}.demo-main h3 em{font-family:Georgia,serif;font-weight:400}.demo-main p{font-size:12px;line-height:1.8;max-width:310px}.demo-controls{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.demo-controls button{font-size:10px;min-height:36px;padding:8px 13px;border:1px solid currentColor;border-radius:20px;background:none;color:inherit}.demo-controls button[aria-pressed=true]{background:#493023;color:#f6ead8;border-color:#493023}.project-demo[data-kind=nexo] .demo-controls button[aria-pressed=true]{background:#e4f5ff;color:#253790;border-color:#e4f5ff}.project-demo[data-kind=forma] .demo-controls button[aria-pressed=true]{background:#3b3047;color:#f1ebf5;border-color:#3b3047}.demo-products{display:grid;gap:0}.demo-product{padding:14px 0;display:flex;align-items:center;gap:15px;border-bottom:1px solid #49302329}.demo-product-art{width:48px;height:48px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle,#6c432b 32%,#f9f1e0 34%,#f9f1e0 46%,#bea486 48%,#dcc8a8 68%,transparent 69%)}.demo-product-art.bread{border-radius:12px;background:repeating-linear-gradient(135deg,#ba773b 0 8px,#f3c98b 9px 14px);width:48px;height:37px;transform:rotate(-8deg)}.demo-product-art.sweet{background:radial-gradient(circle,#d1a26c 20%,#402b23 22% 28%,#ad8159 31% 55%,#d0b694 56% 70%)}.demo-product strong{font-size:13px;display:block;font-weight:600}.demo-product small{font-size:10px;display:block;line-height:1.6;opacity:.78;margin-top:2px}.demo-detail{padding:25px;border:1px solid #e9f3ff40;background:#b4caff0a;min-height:205px}.demo-detail h4{font-family:var(--display);font-size:28px;font-weight:500;letter-spacing:-.04em;margin:0 0 12px}.demo-detail p{font-size:12px}.demo-detail>span{display:block;font-size:10px;border-top:1px solid #f1f6ff40;margin-top:20px;padding-top:14px}.demo-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-art{aspect-ratio:1;background:#a64f34;border-radius:45% 0 45% 0;position:relative;overflow:hidden}.demo-art:after{content:'';position:absolute;inset:20%;border:20px solid #d6df91;border-radius:50%;transform:translate(20%,18%)}.demo-art:nth-child(2){background:#3440ae;border-radius:0}.demo-art:nth-child(2):after{border-color:#c1b4df;border-radius:0;transform:rotate(-35deg)}.demo-art:nth-child(3){background:#d8a34d;border-radius:0 45% 0 45%}.demo-art:nth-child(4){background:#554666;border-radius:50%}.demo-art:nth-child(4):after{border-color:#cabae3;transform:translate(-25%,-15%)}.project-case-copy{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;margin-top:30px}.project-case-copy h3{font-family:var(--body);font-size:10px;font-weight:600;letter-spacing:.04em;color:#c4f1df;margin-bottom:10px}.project-case-copy p{font-size:12px;line-height:1.85;color:#b9c5d7}.project-case-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.case-footnote{font-size:10px;color:#8b9cb3;margin-top:20px;line-height:1.8}.project-dialog :focus-visible{outline-color:#5b7eec;outline-offset:4px}.project-dialog .project-case-actions :focus-visible,.project-dialog .dialog-close:focus-visible{outline-color:var(--mint)}
.project-food .sample-title{max-width:100%}
@media(min-width:1600px){.hero{min-height:950px;padding-top:155px}.hero h1{font-size:124px}.hero-description{margin-top:35px}.hero-visual{left:48%;right:0;top:90px}.project-visual{height:330px}.project-card:first-child .project-visual{height:766px}.project-food .sample-title{margin-top:110px}.sample-cup{width:320px;height:320px}}
@media(max-width:1100px){.hero{min-height:840px}.hero h1{font-size:clamp(67px,8.6vw,92px)}.hero-copy{max-width:680px}.hero-visual{left:47%;right:-12%;top:165px;height:540px}.hero-description>p{width:auto;max-width:350px}.projects-heading{gap:7%}.project-grid{gap:30px 25px}.project-visual{height:250px}.project-card:first-child .project-visual{height:612px}.project-food .sample-title{font-size:64px}.sample-cup{width:240px;height:240px;right:-45px}.project-services .sample-title{font-size:38px}.sample-orbits{width:150px;height:150px;right:-15px}.project-portfolio .sample-title{font-size:33px}.sample-art{width:140px;height:140px;right:10px;top:45px}.sample-window{padding:24px}.sample-foot{left:24px}.project-dialog{width:calc(100% - 36px)}.demo-main{gap:25px}.demo-main h3{font-size:40px}}
@media(max-width:800px){.hero{padding-top:145px;min-height:940px}.hero-copy{max-width:640px}.hero h1{font-size:clamp(58px,9.4vw,76px)}.hero-visual{top:385px;left:37%;right:-18%;height:465px}.hero-description>p{max-width:370px;font-size:13px}.hero-actions{max-width:420px}.projects-heading{grid-template-columns:1fr;gap:25px}.projects-heading>div{max-width:480px}.projects-heading h2{font-size:61px}.project-grid{gap:30px 21px}.project-visual{height:210px}.project-card:first-child .project-visual{height:530px}.project-food .sample-window{padding:25px}.project-food .sample-brand{font-size:32px}.project-food .sample-menu{top:32px;right:25px;font-size:8px}.project-food .sample-title{font-size:52px;margin-top:80px}.project-food .sample-foot{left:25px;font-size:5px}.sample-cup{width:200px;height:200px;bottom:45px;right:-40px}.sample-cup:after{inset:40px}.sample-cup:before{inset:20px}.sample-window{padding:20px}.sample-brand{font-size:23px}.sample-title,.project-services .sample-title{font-size:30px;margin-top:25px}.project-portfolio .sample-title{font-size:27px;max-width:200px}.sample-orbits{width:110px;height:110px;right:-15px;top:55px;opacity:.7}.sample-art{width:110px;height:110px;right:5px;top:35px;opacity:.7}.sample-art i:nth-child(2){inset:20px;border-width:12px;transform:translate(30px,25px)}.sample-foot{left:20px;bottom:17px;font-size:5px}.project-kind{font-size:7px;letter-spacing:.06em}.project-info strong{font-size:28px}.project-label{font-size:6px}.project-info{padding-top:14px}.project-arrow{width:34px;height:34px;font-size:20px}.mobile-project-cta{display:flex}.manifesto .principles{gap:20px}.manifesto .principles p{font-size:20px}.project-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px)}.project-dialog-head{padding:18px 20px}.project-dialog-body{padding:20px}.project-demo{padding:24px}.demo-main{grid-template-columns:1fr;gap:25px;padding-top:25px}.demo-main h3{font-size:43px}.demo-main p{max-width:500px}.project-case-copy{grid-template-columns:1fr;gap:20px}.demo-gallery{grid-template-columns:repeat(4,1fr)}.demo-detail{min-height:0}.project-case-actions .v2-button{flex:1;min-width:200px}}
@media(max-width:540px){:root{--pad:22px}.hero{padding-top:126px;min-height:830px;padding-bottom:90px}.hero-eyebrow{font-size:7px;letter-spacing:.08em;gap:10px;margin-bottom:24px}.hero h1{font-size:clamp(39px,11.8vw,62px);line-height:.99;letter-spacing:-.052em}.hero-line{gap:15px;margin-bottom:0}.hero-line-final{font-size:1em}.hero-description{margin-top:25px;max-width:100%}.hero-description>p{max-width:330px;font-size:12px;line-height:1.85}.hero-actions{gap:9px;margin-top:22px}.hero-actions .v2-button{font-size:10px;gap:13px;min-height:46px;padding:12px 14px}.hero-actions .v2-button.primary{justify-content:space-between}.hero-actions .v2-button.quiet{border-color:transparent;padding-left:0}.hero-visual{top:480px;bottom:auto;left:5%;right:-18%;height:300px;opacity:.87}.hero-visual .visual-caption{font-size:6px;bottom:7%;right:17%}.hero-footer{height:64px}.hero-grid{inset:78px var(--pad) 64px}.hero-note{display:none}.hero-index{font-size:6px}.hero-index br{display:none}.scroll-cue{font-size:7px}.projects-heading{margin-bottom:30px;gap:22px}.projects-heading h2{font-size:48px}.projects-heading p{font-size:12px;max-width:310px}.study-disclosure{font-size:7px;margin-top:16px}.section-meta{margin-bottom:32px}.project-grid{display:block}.project-card{width:100%;margin-bottom:32px}.project-card:last-child{margin-bottom:0}.project-card:first-child .project-visual{height:430px}.project-visual{height:290px}.project-food .sample-title{font-size:61px;margin-top:55px}.sample-cup{width:190px;height:190px;bottom:28px;right:-15px}.project-services .sample-title{font-size:45px;margin-top:36px}.project-portfolio .sample-title{font-size:37px;max-width:300px;margin-top:50px}.sample-orbits{width:170px;height:170px;top:72px;right:5px;opacity:.85}.sample-art{width:160px;height:160px;right:28px;top:40px}.sample-window{padding:26px}.sample-brand{font-size:28px}.sample-foot{left:26px;bottom:24px;font-size:6px}.project-kind{font-size:8px;letter-spacing:.09em}.project-label{font-size:7px;margin-top:7px}.project-info strong{font-size:30px}.project-bottom-note{font-size:10px;margin-top:28px}.manifesto{padding-top:42px;padding-bottom:42px}.manifesto h2{font-size:36px;max-width:330px}.manifesto .manifesto-aside{padding-left:0}.manifesto .abstract-star{display:none}.manifesto .manifesto-aside p{font-size:12px}.manifesto .principles{margin-top:28px;gap:0}.manifesto .principles p{font-size:19px}.manifesto .principles>div{padding:14px 0}.expertise-heading h2{font-size:57px}.expertise-heading p{font-size:12px}.service summary{padding:22px 0}.service h3{font-size:27px}.service-content{padding-left:0}.service-content>p{font-size:12px}.service-actions{gap:10px;margin-top:20px}.service-actions .v2-button{font-size:10px;min-height:46px}.service-example{font-size:10px}.lab .section-heading h2{font-size:45px}.lab .section-intro{font-size:12px;margin-top:22px}.process-header h2{font-size:49px}.process-step h3{font-size:34px}.project-dialog-head{padding:14px 16px}.project-dialog-head h2{font-size:23px}.project-dialog-head p{font-size:6px;line-height:1.5}.project-dialog-body{padding:14px}.project-demo{padding:20px;min-height:0}.demo-header strong{font-size:27px}.demo-header>span{font-size:6px;max-width:130px;text-align:right;line-height:1.7}.demo-main{gap:23px}.demo-main h3{font-size:39px}.demo-main p{font-size:11px}.demo-controls{gap:6px}.demo-controls button{font-size:10px;min-height:39px;padding:8px 13px}.demo-gallery{grid-template-columns:1fr 1fr}.project-case-copy{padding:0 5px;margin-top:24px}.project-case-copy p{font-size:11px}.project-case-actions .v2-button{width:100%;font-size:11px;min-width:0}.case-footnote{padding:0 5px;font-size:9px}.mobile-project-cta{left:15px;right:15px;font-size:11px;min-height:50px}.site-footer{padding-bottom:95px}.toast{bottom:80px!important;max-width:calc(100% - 32px)}.mobile-nav>a:not(.mobile-instagram){font-size:32px;min-height:58px}.mobile-nav{padding-top:105px}}
@media(max-width:360px){:root{--pad:18px}.hero{min-height:800px}.hero h1{font-size:clamp(36px,11.5vw,43px)}.hero-eyebrow{font-size:6px}.hero-description>p{font-size:11px}.hero-actions .v2-button{font-size:9px}.hero-visual{top:470px;height:270px}.projects-heading h2{font-size:42px}.project-food .sample-title{font-size:55px}.project-food .sample-menu{font-size:7px}.project-card:first-child .project-visual{height:400px}.service h3{font-size:25px}.header-contact{font-size:8px;gap:5px}.header-contact span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sample-window,.project-arrow,.v2-button{transition:none}.project-card:hover .sample-window,.v2-button.primary:hover{transform:none}}
html.reduce-motion .sample-window,html.reduce-motion .project-arrow,html.reduce-motion .v2-button{transition:none}