:root{color-scheme:light;--ink:#191b20;--muted:#656971;--paper:#f5f6f8;--line:#d6d9df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fff;font:17px/1.55 'IBM Plex Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:6px;text-decoration-thickness:1px}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #477bbb;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}header{max-width:1440px;margin:auto;padding:25px 6%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font:19px/1.02 'Source Serif 4',serif}.brand img{filter:grayscale(1) brightness(.3)}nav{display:flex;gap:35px;font-size:15px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:#fff;padding:12px}.skip:focus{top:10px}.hero{max-width:1600px;margin:auto;overflow:hidden;position:relative;padding:68px 7% 0;background:linear-gradient(180deg,#fff 15%,#f1f3f6 100%)}.hero-copy{max-width:1200px;margin:auto;position:relative;z-index:2}.eyeline{font-size:16px;margin-bottom:22px;color:#575c66}h1{font-size:clamp(62px,7.4vw,112px);letter-spacing:-.065em;line-height:1.01}h1 span{color:#8a8f99}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-top:32px}.hero-bottom p{max-width:370px;font-size:18px;color:#565b64}.text-link{font-size:16px;white-space:nowrap;margin-right:7%}.hero-art{height:510px;max-width:1220px;margin:0 auto;position:relative;perspective:1600px;isolation:isolate}.screen{position:absolute;border:6px solid #25272e;border-radius:12px;background:#25272e;box-shadow:0 40px 65px -35px #171a2266;overflow:hidden}.screen img{display:block;width:100%;height:auto}.hockey-screen{width:69%;left:2%;top:52px;z-index:2;transform:rotateY(9deg) rotateX(6deg) rotateZ(-3deg);animation:hockey-in 1.7s cubic-bezier(.16,1,.3,1) both}.restaurant-screen{width:53%;right:-3%;top:120px;transform:rotateY(-16deg) rotateX(6deg) rotateZ(6deg);animation:restaurant-in 1.9s cubic-bezier(.16,1,.3,1) both}.ground-shadow{position:absolute;width:75%;height:50px;background:#252e3922;filter:blur(32px);bottom:5px;left:13%;z-index:-1}.work{max-width:1440px;padding:100px 6% 0;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px;gap:30px}.section-heading h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.045em}.section-heading>p{color:var(--muted);font-size:16px}.project{padding:46px 5% 22px;margin-bottom:38px;overflow:hidden}.hockey{background:#151c26;color:#f5f7fa}.restaurant{background:#eef0f3}.project-top{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px}.category{font-size:14px;margin-bottom:8px;color:var(--muted)}.hockey .category,.hockey .project-top>p,.hockey .project-bottom{color:#b5c0ce}.project h3{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;line-height:1.15}.project-top>p{font-size:16px;color:var(--muted)}.design-stage{position:relative;padding:0 15% 28px 0}.desktop-design{width:100%;height:auto;display:block;border:1px solid #ffffff24;box-shadow:0 18px 40px #0002}.phone{display:block;position:absolute;right:0;bottom:0;width:21%;height:88%;overflow:hidden;border:5px solid #30343c;border-radius:22px;background:#111;box-shadow:0 20px 32px #0003}.phone img{width:100%;height:auto;display:block}.project-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:14px;color:#575d67}.project-bottom a{color:inherit}.disclosure{max-width:800px;color:var(--muted);font-size:13px;margin:25px 0 0;line-height:1.65}.approach{max-width:1440px;padding:105px 6%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.approach h2,.contact h2{font-size:clamp(38px,4.5vw,62px);letter-spacing:-.055em;line-height:1.08}.approach h2 span{color:#8a8f99}.approach p{font-size:21px;max-width:36ch}.approach p+p{margin-top:20px;color:var(--muted);font-size:18px}.contact{background:var(--paper);padding:85px max(6%,calc((100% - 1268px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:start}.contact .category{margin-bottom:24px}.contact-intro>p:last-child{color:var(--muted);margin-top:24px;font-size:17px}.contact form{min-width:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{margin-bottom:22px}label{display:block;font-size:14px;margin-bottom:9px}label span{font-size:12px;color:var(--muted)}input,textarea{display:block;width:100%;background:#fff;border:1px solid #bfc4cc;border-radius:4px;padding:12px;color:var(--ink);font-size:16px}textarea{resize:vertical;min-height:110px}input::placeholder{color:#767c86}.button{background:#20232a;color:#fff;border:0;border-radius:5px;padding:14px 27px;min-height:49px;cursor:pointer;transition:background .15s,transform .15s}.button:hover{background:#3a404b}.button:active{transform:scale(.98)}.button:disabled{opacity:.6;cursor:wait}.form-note{font-size:13px;color:var(--muted);margin-top:15px}#form-status:not(:empty){margin-top:18px;font-size:15px;border-left:2px solid;padding-left:12px}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;left:-10000px}footer{max-width:1440px;margin:auto;padding:26px 6%;display:flex;justify-content:space-between;gap:22px;font-size:12px;color:var(--muted)}
@keyframes hockey-in{from{opacity:0;transform:translateY(65px) rotateY(19deg) rotateX(12deg) rotateZ(-7deg)}to{opacity:1;transform:rotateY(9deg) rotateX(6deg) rotateZ(-3deg)}}@keyframes restaurant-in{from{opacity:0;transform:translateY(90px) rotateY(-23deg) rotateX(12deg) rotateZ(10deg)}to{opacity:1;transform:rotateY(-16deg) rotateX(6deg) rotateZ(6deg)}}
@media(min-width:1450px){.hero-art{height:600px}}@media(max-width:900px){.hero{padding-top:45px}.hero-art{height:390px}.work{padding-top:65px}.project-top{align-items:start;flex-direction:column;gap:15px}.project-top>p br{display:none}.project{padding:32px 5% 22px}.approach{gap:7%;padding-top:70px;padding-bottom:70px}.contact{gap:7%;grid-template-columns:.85fr 1.15fr}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:600px){header{padding:20px 6%}.brand{font-size:16px}.brand img{width:36px;height:36px}nav{gap:22px;font-size:14px}.hero{padding:40px 6% 0}.eyeline{font-size:14px;margin-bottom:20px}h1{font-size:clamp(50px,12vw,72px)}.hero-bottom{display:block;margin-top:25px}.hero-bottom p{font-size:17px;max-width:30ch}.text-link{display:inline-block;margin-top:20px}.hero-art{height:280px;margin:12px -6% 0}.hockey-screen{width:82%;left:1%;top:34px;border-width:4px;border-radius:7px}.restaurant-screen{width:61%;right:-6%;top:108px;border-width:4px;border-radius:7px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:35px}.section-heading>p{margin-top:12px;font-size:15px}.section-heading>p br{display:none}.project{margin-left:-6.82%;margin-right:-6.82%;padding:28px 6% 20px;margin-bottom:20px}.project-top{margin-bottom:25px}.project h3{font-size:28px}.project-top>p{font-size:15px}.category{font-size:13px}.design-stage{padding-right:13%;padding-bottom:20px}.phone{width:24%;height:95%;border-width:3px;border-radius:12px}.project-bottom{font-size:12px}.disclosure{font-size:12px}.approach{display:block;padding-top:60px;padding-bottom:60px}.approach h2{font-size:45px}.approach>div{margin-top:25px}.approach p{font-size:19px}.approach p+p{font-size:17px}.contact{display:block;padding:55px 6%}.contact h2{font-size:44px}.contact form{margin-top:36px}.contact .category{margin-bottom:16px}.button{width:100%}footer{display:flex;flex-wrap:wrap;gap:12px 24px}footer span:last-child{width:100%}.form-note{line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screen{animation:none}.button{transition:none}}html[data-motion=still] .screen{animation:none}

/* Review revision: confident color, concise summaries and two distinct visual tiles. */
:root{--accent:#0756b8;--muted:#38445a}
h1 span,.approach h2 span{color:var(--accent)}
.eyeline,.category,.section-heading>p,.contact-intro>p:last-child{color:var(--muted)}
.hero{padding-top:45px}.hero-bottom{align-items:center;margin-top:25px}
.hero-summary{display:flex;flex-wrap:wrap;gap:8px 25px;list-style:none;margin:0;padding:0;font-size:16px;color:#233755}
.hero-summary li{display:flex;align-items:center;gap:9px}.hero-summary li:before{content:'';width:5px;height:5px;background:var(--accent);flex:none}
.text-link{color:var(--accent);font-weight:500;margin-right:0}
.design-notes{margin:0;padding-left:17px;font-size:15px;line-height:1.8;color:#253a56}.design-notes li::marker{color:var(--accent)}
.hockey .design-notes,.hockey .category,.hockey .project-bottom{color:#e0edff}.hockey .design-notes li::marker{color:#83bdff}
.restaurant{background:#eaf1fa}.project-bottom{color:#253a56}.disclosure{color:#38445a}
.approach{display:block;padding-top:75px;padding-bottom:75px}.approach h2{font-size:clamp(36px,4vw,52px)}.approach h2 br{display:none}.approach h2 span:before{content:' '}
.summary-tiles{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;margin-top:32px}
.summary-tiles article{padding:28px 32px 30px;overflow:hidden;position:relative;min-height:260px}
.identity-tile{background:#064ca5;color:#fff}.purpose-tile{background:#e9f1fc;color:#102c56}
.summary-tiles h3{font-size:27px;letter-spacing:-.04em;line-height:1.2;margin-bottom:13px}
.summary-tiles ul{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 23px;font-size:15px}
.summary-tiles li{padding-left:13px;position:relative}.summary-tiles li:before{content:'';width:4px;height:4px;background:currentColor;position:absolute;left:0;top:10px}
.type-sample{height:125px;display:flex;gap:24px;align-items:center;line-height:1;font-size:94px;letter-spacing:-8px;margin-bottom:16px}.type-sample span:first-child{font-family:'Source Serif 4',serif}.type-sample span:last-child{font-weight:500;color:#b3d6ff}
.mini-layout{height:125px;width:208px;margin-bottom:16px;display:grid;grid-template-columns:90px 1fr;gap:10px;padding:13px;background:#fff;border:1px solid #a8bfdc;transform:rotate(-4deg)}
.mini-image{grid-row:span 2;background:url('/images/web-design/mi-casita-portfolio-mobile.jpg') center top/cover}.mini-lines{align-self:center;height:31px;background:repeating-linear-gradient(to bottom,#193c6c 0 3px,transparent 3px 12px)}.mini-action{height:21px;background:var(--accent);align-self:end;width:70%}
.button{background:var(--accent)}.button:hover{background:#03418e}.form-note,footer,label span{color:#38445a}
@media(max-width:900px){.hero-bottom{align-items:start}.hero-summary{max-width:400px}.summary-tiles article{padding:25px}.summary-tiles ul{display:block}.summary-tiles li+li{margin-top:6px}}
@media(max-width:600px){.hero{padding-top:32px}.hero-summary{display:block;font-size:15px}.hero-summary li+li{margin-top:7px}.hero-bottom{margin-top:22px}.text-link{margin-top:20px}.design-notes{font-size:14px}.approach{padding-top:50px;padding-bottom:50px}.approach h2{font-size:36px;max-width:12ch}.approach h2 br{display:block}.approach h2 span:before{content:none}.summary-tiles{grid-template-columns:1fr;margin-top:24px;gap:16px}.summary-tiles article{min-height:230px}.summary-tiles h3{font-size:26px}.type-sample,.mini-layout{height:105px}.type-sample{font-size:80px}.summary-tiles ul{display:flex;gap:6px 18px}.summary-tiles li+li{margin:0}}