/* Real project materials composed as covers; source images are retained unchanged. */
.cover-board{display:block;position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:808/632;overflow:hidden;background:#f0eee6;color:#202720;flex-shrink:0}.cover-board img{display:block;margin:0;max-width:none;transition:none!important;transform:none!important}.cover-board__base{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-board__head{position:absolute;left:6%;top:7%;z-index:4}.cover-board__eyebrow{display:block;font:8px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;opacity:.7}.cover-board__title{display:block;font-size:6.2cqw;line-height:.95;letter-spacing:-.055em;font-weight:760}.cover-board__logo{width:39cqw!important;height:auto!important;object-fit:contain!important;object-position:left!important}.cover-board__web,.cover-board__material,.cover-board__detail{position:absolute;display:block;overflow:hidden;box-shadow:0 15px 40px #0005;transition:translate .4s var(--ease);background:#f2f3ed}.cover-board__web img,.cover-board__material img,.cover-board__detail img{width:100%;height:100%;object-fit:cover;object-position:top left}.cover-board__web{right:3%;top:43%;width:58%;height:48%;border:5px solid #222c24;border-radius:8px;transform:rotate(5deg);z-index:2}.cover-board__detail{right:-2%;bottom:2%;width:33%;height:32%;border:4px solid #222c24;border-radius:6px;transform:rotate(-6deg);z-index:3}.cover-board__material{left:-3%;bottom:-3%;width:59%;height:47%;transform:rotate(-7deg);z-index:1}.cover-board__signature{position:absolute;right:5%;top:8%;writing-mode:vertical-rl;font:6px/1.5 var(--mono);letter-spacing:.14em;opacity:.6;z-index:3}.project-card:hover .cover-board__web{translate:0 -3px}.project-card:hover .cover-board__detail{translate:0 -5px}
.cover-board--jose .cover-board__base{height:75%;top:5%;object-position:center}.cover-board--jose .cover-board__head{top:5%}.cover-board--jose .cover-board__material img{object-position:center}.cover-board--jose .cover-board__web{top:49%;height:42%;width:55%}.cover-board--jose .cover-board__detail{height:29%;width:30%;bottom:-1%}
.cover-board--lipedema{background:#173e33;color:#eee9d9}.cover-board--lipedema .cover-board__base{left:-9%;top:25%;width:90%;height:80%;object-position:left;transform:rotate(-6deg)!important;box-shadow:0 15px 35px #0004}.cover-board--lipedema .cover-board__head{top:7%;left:7%}.cover-board--lipedema .cover-board__title{font-family:Georgia,serif;letter-spacing:-.04em;font-size:7cqw;font-weight:400}.cover-board--lipedema .cover-board__web{right:-1%;top:35%;height:44%;width:57%;border-color:#e7dfcd}.cover-board--lipedema .cover-board__detail{width:36%;height:28%;right:5%;bottom:0;border-color:#d7ceba}
.cover-board--camper{background:#f0eadf;color:#1c251e}.cover-board--camper .cover-board__base{inset:auto 0 0;height:72%;object-position:center bottom;opacity:.2}.cover-board--camper .cover-board__title{font-size:6.4cqw;letter-spacing:-.045em}.cover-board--camper .cover-board__web{top:35%;left:5%;width:79%;height:58%;transform:rotate(-4deg);border-color:#20241d}.cover-board--camper .cover-board__detail{right:-2%;bottom:-2%;width:37%;height:36%;transform:rotate(6deg);border-color:#373b31}.cover-board--camper .cover-board__eyebrow{color:#845c16;opacity:1}
.cover-board--global{background:#133e34;color:#f0ecd9}.cover-board--global .cover-board__base{width:51%;height:64%;inset:auto auto -12% -8%;object-position:center;transform:rotate(-10deg)!important;z-index:2}.cover-board--global .cover-board__head{top:7%;left:7%}.cover-board--global .cover-board__title{font-size:5.8cqw;letter-spacing:-.04em}.cover-board--global .cover-board__web{top:32%;right:3%;width:70%;height:55%;border-color:#e9e0c6;transform:rotate(-4deg);z-index:1}.cover-board--global .cover-board__material{left:27%;width:31%;height:36%;bottom:-7%;transform:rotate(7deg);z-index:3}.cover-board--global .cover-board__detail{border:0;width:29%;height:38%;right:-2%;bottom:-4%;transform:rotate(11deg);z-index:3}
.case-integral-cover{display:block;border:1px solid #35402c;border-bottom:0}.case-integral-cover .cover-board{aspect-ratio:1.8;margin:0}.case-integral-cover .cover-board__eyebrow{font-size:clamp(9px,1cqw,13px)}.case-integral-cover .cover-board__logo{width:32cqw!important}.case-integral-cover .cover-board__head{top:7%}.case-integral-cover .cover-board__base{height:88%;object-fit:cover;object-position:50% 55%}.case-integral-cover .cover-board__material{width:51%;height:54%;bottom:-8%}.case-integral-cover .cover-board__web{right:5%;top:32%;height:62%;width:49%;transform:rotate(3deg)}.case-integral-cover .cover-board__detail{height:38%;width:28%;bottom:-4%;right:0}.case-integral-cover:focus-visible,.integral-piece:focus-visible,.integral-web__image:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
.integral-material{padding:75px 0}.integral-material h2,.integral-web h2{font-size:clamp(32px,4.6vw,60px);line-height:1.07;letter-spacing:-.045em;margin:20px 0}.integral-material__intro{max-width:65ch;font-size:17px;line-height:1.75;color:#535c49;margin-bottom:34px}.integral-material__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.integral-piece{display:block;min-width:0;border:1px solid #cdd2c4;background:#e7e9df;overflow:hidden}.integral-piece img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;background:#f1f0e9}.integral-piece--0 img,.integral-piece--1 img{object-fit:cover}.integral-piece>span{display:flex;align-items:center;gap:13px;padding:18px 20px;background:#eef0e8;font-size:14px}.integral-piece b{font:10px/1.5 var(--mono);color:#67774f}.integral-piece i{margin-left:auto;font-style:normal}.integral-material__note{font:10px/1.7 var(--mono);color:#707865;max-width:85ch;margin-top:23px}.integral-web{padding:20px 0 85px}.integral-web>.wrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:55px;align-items:center}.integral-web__head p:not(.sec-no){line-height:1.75;font-size:15px;color:#535d48;margin:22px 0}.integral-web__image{display:block;border:1px solid #b9c3ac;box-shadow:0 20px 45px -25px #1b2c2470}.integral-web__image img{width:100%;height:auto;display:block}.case-page .integral-material,.case-page .integral-web{color:var(--ink)}
@media(max-width:760px){.cover-board__eyebrow{font-size:7px;margin-bottom:9px}.cover-board__web{border-width:3px}.cover-board__detail{border-width:3px}.cover-board__signature{font-size:5px}.integral-material{padding:48px 0}.integral-material__intro{font-size:15px}.integral-material__grid{gap:18px}.integral-piece>span{font-size:12px;padding:13px;gap:8px}.integral-web{padding:0 0 55px}.integral-web>.wrap{grid-template-columns:minmax(0,1fr);gap:28px}.case-integral-cover .cover-board{aspect-ratio:808/632}.case-integral-cover .cover-board__logo{width:39cqw!important}.case-integral-cover .cover-board__web{right:3%;top:49%;height:42%;width:55%;transform:rotate(5deg)}.case-integral-cover .cover-board__material{width:59%;height:47%;bottom:-3%}.case-integral-cover .cover-board__detail{height:29%;width:30%;bottom:-1%}.case-integral-cover .cover-board__base{height:75%;top:5%}.integral-material__note{font-size:9px}}
@media(max-width:520px){.integral-material__grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.cover-board__web,.cover-board__material,.cover-board__detail{transition:none}}

.cover-board__logo{mix-blend-mode:multiply}.cover-board__business-card{position:absolute;display:block;left:4%;top:45%;width:34%;height:17%;z-index:5;transform:rotate(-5deg);box-shadow:0 9px 22px #0004}.cover-board__business-card img{width:100%;height:100%;object-fit:contain;background:#fff}.case-integral-cover .cover-board__business-card{left:9%;top:43%;width:28%;height:25%}
/* Three website windows, edge-to-edge, with manual navigation. */
.clients-section--full .client-strip__tools{display:flex;align-items:center;gap:8px}.clients-section--full .client-tile{width:clamp(320px,31vw,560px);flex-basis:clamp(320px,31vw,560px);border:1px solid #c6ccbd;border-radius:7px;overflow:hidden;box-shadow:0 14px 28px -22px #17251170;background:#e7eade}.clients-section--full .client-tile__browser{display:flex;align-items:center;gap:4px;height:27px;background:#e5e8dd;border-bottom:1px solid #cbd1c2;padding:0 12px}.client-tile__browser>i{width:4px;height:4px;flex-shrink:0;border:1px solid #9ba58d;border-radius:50%}.client-tile__browser>span{display:block;flex:1;text-align:center;font:8px/1.5 var(--mono);color:#67725a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:22px}.clients-section--full .client-tile__image{border:0;aspect-ratio:16/10}.clients-section--full .client-tile img{filter:none}.clients-section--full .client-strip__group{gap:20px;padding-right:20px}.clients-section--full .client-strip__track{animation-duration:150s}.clients-section--full .client-strip__viewport{padding-bottom:18px}.clients-section--full .client-strip__arrow{width:30px;height:30px;display:grid;place-items:center;border:1px solid #cbd1c1;color:var(--ink);border-radius:50%;background:var(--paper);cursor:pointer}.clients-section--full .client-strip__arrow[hidden]{display:none}.clients-section--full .client-strip__arrow:hover{background:var(--lime);border-color:var(--lime)}.clients-section--full .client-strip__arrow:focus-visible{outline:2px solid #657b39;outline-offset:3px}.clients-section--full .client-strip__toggle{order:2}.clients-section--full .client-strip__arrow[data-direction="1"]{order:1}@media(max-width:600px){.clients-section--full .client-tile{width:82vw;max-width:none;flex-basis:82vw}.clients-section--full .client-strip__group{gap:14px;padding-right:14px}.clients-section--full .client-tile__browser{height:25px}.clients-section--full .client-strip__track{animation-duration:145s}}

.cover-board--jose .cover-board__head{mix-blend-mode:multiply}.cover-board--camper .cover-board__base{inset:0;width:100%;height:100%;clip-path:inset(49% 0 0);opacity:.2}