*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans)}.shell{width:min(100% - 72px,var(--container-max));margin:auto}.grain{position:fixed;z-index:10;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.nav{height:102px;display:flex;align-items:center;justify-content:space-between;font-size:14px;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font-weight:700}.brand-mark{display:block;flex:none;width:76px;height:34px;padding:8px 9px;background:var(--ink);border-radius:var(--radius-sm);object-fit:contain;margin-right:3px}.nav nav{display:flex;gap:31px;margin-left:120px}.nav a{color:inherit;text-decoration:none}.nav nav a{position:relative}.nav nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:currentColor;transition:width .3s}.nav nav a:hover:after{width:100%}.nav-cta{border:1px solid var(--ink);padding:11px 15px;border-radius:30px;font-size:12px}.nav-cta span{font-size:17px;margin-left:4px}.hero{min-height:676px;padding:75px 0 40px;position:relative}.eyebrow,.section-label{font:500 11px/1.2 'DM Mono',monospace;letter-spacing:.03em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;background:var(--lime);border:1px solid var(--ink);border-radius:50%;box-shadow:0 0 0 3px rgba(216,255,82,.35)}h1{font-size:clamp(60px,9.1vw,139px);letter-spacing:-.085em;line-height:.91;font-weight:500;margin:68px 0 54px;max-width:1140px}em{font-family:var(--font-editorial);font-weight:400}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:910px}.hero-bottom>p{max-width:436px;font-size:18px;line-height:1.45;margin:0}.circle-link{width:125px;height:125px;border-radius:50%;background:var(--lime);color:var(--ink);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:15px;font:500 11px/1.25 'DM Mono',monospace;transition:transform .3s}.circle-link:hover{transform:rotate(12deg)}.circle-link b{font-size:23px}.hero-orbit{position:absolute;right:0;bottom:18px;width:210px;height:210px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:45px;font:10px 'DM Mono',monospace;transform:rotate(-15deg);opacity:.72}.hero-orbit i{height:4px;width:4px;border-radius:50%;background:var(--ink)}.intro{padding:132px 0 148px;display:grid;grid-template-columns:1fr 3fr;gap:64px;border-top:1px solid var(--line)}h2{font-size:clamp(40px,5.2vw,75px);letter-spacing:-.07em;line-height:1.02;font-weight:500;margin:0;max-width:900px}.body-copy{font-size:17px;line-height:1.55;max-width:430px;margin:45px 0 0}.section-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;font:11px 'DM Mono',monospace}.project{margin-top:24px;min-height:460px;border-radius:4px;overflow:hidden;display:grid;grid-template-columns:42% 58%;color:var(--ink);text-decoration:none;position:relative}.project-blue{background:var(--blue)}.project-green{background:var(--mint)}.project-copy{display:flex;flex-direction:column;padding:34px 38px}.project-copy p,.project-copy span{font:11px 'DM Mono',monospace;text-transform:uppercase}.project-copy h3{font-size:clamp(45px,5.5vw,80px);line-height:.86;letter-spacing:-.08em;font-weight:500;margin:61px 0 auto}.project-copy span b{font-size:18px;margin-left:6px}.project-visual{position:relative;display:grid;place-items:center;overflow:hidden}.window{width:68%;height:71%;background:#fff;border-radius:13px;box-shadow:0 30px 55px rgba(35,102,135,.16);overflow:hidden;position:relative;z-index:2;transform:rotate(5deg);transition:transform .5s}.project:hover .window{transform:rotate(0) translateY(-8px)}.window-top{height:27px;background:#eef2f2;display:flex;gap:5px;align-items:center;padding-left:11px}.window-top i{width:6px;height:6px;border-radius:50%;background:#cbd1d2}.tua-card{padding:18% 13%;color:#3398cb}.plus{float:left;width:34px;height:34px;display:grid;place-items:center;background:#4eb4e7;border-radius:9px;color:#fff;font-size:29px;font-weight:500;line-height:1;margin:4px 10px 0 0;transform:rotate(-8deg)}.tua-card strong{font-size:31px;line-height:.8;font-weight:500}.tua-card strong em{font-family:Manrope;font-weight:800}.tua-card p{clear:both;padding-top:45px;font-size:10px}.bar{height:7px;border-radius:9px;background:#e9f3f6;width:80%;margin-top:13px}.blob{position:absolute;border-radius:50%}.blob.one{width:230px;height:230px;background:#71c4e7;right:-35px;bottom:-80px}.blob.two{width:110px;height:110px;border:24px solid #d4f4ff;left:21px;top:31px}.vet-card{width:62%;aspect-ratio:1.35;background:#f6f7ed;border-radius:19px;position:relative;z-index:2;padding:24% 10%;box-shadow:0 25px 45px rgba(37,88,64,.12);transform:rotate(-5deg);transition:transform .5s}.project:hover .vet-card{transform:rotate(0) translateY(-8px)}.vet-card strong{font-size:37px;color:#43a894;letter-spacing:-.07em}.vet-card strong em{font-family:Manrope;font-style:normal;font-weight:800}.vet-card p{color:#477968;font-size:10px;margin-top:20px}.paw{position:absolute;right:15%;top:14%;color:#43a894;font-size:23px;transform:rotate(30deg)}.paw i{display:inline-block;width:6px;height:6px;background:#43a894;border-radius:50%;margin:0 1px}.ring{position:absolute;width:380px;height:380px;border:48px solid #b1ddc9;border-radius:50%;right:-120px;top:-80px}.dot-grid{position:absolute;left:5%;bottom:9%;width:110px;height:70px;background-image:radial-gradient(#5eb49a 1.4px,transparent 1.4px);background-size:12px 12px}.values{padding:145px 0;display:grid;grid-template-columns:1fr 3fr;gap:64px}.value-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.value-list article{border-top:1px solid var(--ink);padding-top:17px}.value-list span{font:11px 'DM Mono',monospace}.value-list h3{font-size:28px;letter-spacing:-.06em;line-height:.98;font-weight:500;margin:53px 0 18px}.value-list p{font-size:14px;line-height:1.5;margin:0;max-width:205px}.contact{background:var(--ink);color:var(--paper);padding:120px 0}.contact .eyebrow{color:var(--lime)}.contact h2{font-size:clamp(55px,8vw,116px);margin:47px 0 65px}.contact .email{color:var(--paper);text-decoration:none;font-size:clamp(16px,2vw,26px);border-bottom:1px solid #a3a3a4;padding-bottom:13px}.contact .email span{color:var(--lime);margin-left:8px}footer{height:90px;display:flex;align-items:center;justify-content:space-between;font:10px 'DM Mono',monospace;text-transform:uppercase}footer a{color:inherit}@media(max-width:760px){.shell{width:min(100% - 38px,1280px)}.nav{height:75px}.nav nav{display:none}.nav-cta{padding:8px 10px;font-size:10px}.hero{min-height:610px;padding-top:65px}.hero h1{margin:52px 0 44px;letter-spacing:-.075em}.hero-bottom>p{font-size:15px;max-width:260px}.circle-link{width:88px;height:88px;font-size:9px;gap:7px}.hero-orbit{display:none}.intro,.values{grid-template-columns:1fr;padding:90px 0;gap:38px}.body-copy{margin-top:28px;font-size:16px}.project{grid-template-columns:1fr;min-height:600px}.project-copy{padding:28px}.project-copy h3{margin:40px 0 35px}.project-visual{min-height:330px}.window{height:70%;width:70%}.value-list{grid-template-columns:1fr;gap:45px}.value-list h3{margin:24px 0 12px}.contact{padding:85px 0}.contact h2{margin:40px 0 55px}footer{height:80px}.project-blue{margin-top:18px}}

/* Portfolio structure */
:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}
.section-top .section-label{font-size:11px;letter-spacing:.03em;margin:0}
.work{padding:32px 0 0}
.work .section-top{align-items:center}
.visual-note{font:10px/1.5 'DM Mono',monospace;color:#5a5c60;margin:16px 0 0}
.intro{margin-top:118px;padding:110px 0 105px}
.values{border-top:1px solid var(--line);padding:105px 0 145px}
.values>.section-label{font-size:11px;font-weight:500;line-height:1.2;letter-spacing:.03em;margin:0}
.value-list h3{margin:48px 0 18px}
.contact>div>p:not(.eyebrow){font-size:17px;line-height:1.5;margin:0 0 26px}
.contact h2{margin-bottom:26px}
.portal-preview{width:min(85%,570px);min-height:300px;background:#fff;border-radius:14px;box-shadow:0 28px 60px rgba(31,92,123,.18);position:relative;z-index:2;transform:rotate(4deg);transition:transform .45s;padding:24px;overflow:hidden}
.project:hover .portal-preview{transform:rotate(0) translateY(-8px)}
.portal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e0eaf0;padding-bottom:20px;color:#6b8ea4;font:700 9px Manrope,sans-serif;white-space:nowrap}
.portal-logo{color:#4e9fca;font-size:15px;letter-spacing:-.05em}.portal-logo i{display:inline-grid;place-items:center;background:#78bcdd;color:#fff;width:25px;height:25px;border-radius:5px;font-size:21px;font-style:normal;vertical-align:middle;margin-right:3px}
.portal-search{border:1px solid #d5e4eb;color:#7e919b;border-radius:25px;margin:36px auto 24px;padding:14px 16px;width:72%;font:11px Manrope,sans-serif;display:flex;justify-content:space-between;align-items:center}.portal-search b{font-size:22px;color:#4e9fca;line-height:.5}
.portal-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.portal-cards span{background:#eef7fa;border-radius:8px;color:#3f8bb0;padding:18px 5px;text-align:center;font:700 10px Manrope,sans-serif}
.portal-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.portal-lines i{height:46px;border-radius:6px;background:linear-gradient(180deg,#edf5f8 55%,#d9ebf2 55%);display:block}
@media(max-width:760px){
  .nav{gap:12px}.nav nav{display:flex;gap:12px;margin:0 0 0 auto;font-size:11px}.nav-cta{display:none}
  .hero{min-height:550px}.work{padding-top:15px}
  .section-top>span{display:none}.portal-preview{width:80%;min-height:230px;padding:14px}.portal-top{padding-bottom:12px}.portal-top>span:last-child{display:none}.portal-search{width:95%;margin:20px auto;padding:10px}.portal-cards{grid-template-columns:repeat(2,1fr)}.portal-cards span{padding:10px 3px}.portal-lines{display:none}
  .intro{margin-top:90px;padding:80px 0}.values{padding:80px 0 100px}.value-list h3{margin:24px 0 12px}
  footer{gap:10px}footer span:nth-child(2){display:none}
}
@media(max-width:410px){.brand>span:last-child{display:none}.nav nav{gap:13px}.hero-bottom{gap:12px}.hero-bottom>p{max-width:210px}}
@media(min-width:761px){
  .nav:not(.case-nav){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .nav:not(.case-nav) nav{margin-left:0;justify-self:center}
  .nav:not(.case-nav) .nav-cta{justify-self:end}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}