:root{--bg:#f3f2ed;--stone:#e7e4db;--ink:#1d201d;--muted:#6f736c;--line:#1d201d24;--shell:min(92vw,1400px);--gap:24px;--head:"Archivo",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:var(--shell);margin-inline:auto}h1,h2,h3{font-family:var(--head);letter-spacing:-.03em;font-weight:500;line-height:1.08}.micro{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:10.5px;font-weight:500;display:block}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.img-wrap{background:var(--stone);overflow:hidden}.img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.site-nav{z-index:30;color:var(--ink);position:absolute;top:0;left:0;right:0}.site-nav.on-image{color:#fff}.nav{justify-content:space-between;align-items:center;height:100px;display:flex}.brand{width:136px;color:var(--ink);display:block}.on-image .brand{color:#fff}.tijs-logo{width:100%;height:auto;display:block;overflow:visible}.tijs-logo path{vector-effect:non-scaling-stroke}.logo-outline{fill:none;stroke:currentColor;stroke-width:1.15px;stroke-linejoin:round}.logo-hatch{fill:none;stroke:currentColor;stroke-width:.6px;opacity:.85}.logo-guides{fill:none;stroke:currentColor;stroke-width:.45px;opacity:.75}.logo-text{fill:currentColor}.animate .logo-outline path{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.1s cubic-bezier(.3,.6,.3,1) forwards logoDraw;animation-delay:calc(var(--i)*60ms)}.animate .logo-hatch path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.25s ease-out forwards logoDraw;animation-delay:calc(.5s + var(--i)*8ms)}.animate .logo-guides{animation:1.8s forwards logoGuides}.animate .logo-guides path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.6s forwards logoDraw;animation-delay:calc(.1s + var(--i)*12ms)}.animate .logo-text path{opacity:0;animation:.4s 1.2s forwards logoFade}@keyframes logoDraw{to{stroke-dashoffset:0}}@keyframes logoFade{to{opacity:1}}@keyframes logoGuides{0%,45%{opacity:.4}to{opacity:.75}}.nav-box{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);background:#ffffff59;align-items:center;display:flex}.on-image .nav-box{background:#0c110d1f;border-color:#ffffff4d}.nav-box>a{padding:14px 16px;font-size:12.5px}.nav-box>a+a,.nav-socials{border-left:1px solid var(--line)}.on-image .nav-box>a+a,.on-image .nav-socials{border-left-color:#ffffff38}.nav-cta{font-weight:600}.nav-cta span,.text-link span{transition:transform .28s;display:inline-block}.nav-cta:hover span,.text-link:hover span{transform:translate(3px,-3px)}.nav-socials,.footer-socials{align-items:center;display:flex}.nav-socials a{padding:12px 10px;display:flex}.nav-socials svg,.footer-socials svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:17px;height:17px}.nav-socials a:hover,.footer-socials a:hover{opacity:.6}.menu-toggle{cursor:pointer;color:inherit;background:0 0;border:0;padding:10px;display:none}.menu-toggle span:not(.sr-only){background:currentColor;width:24px;height:1.5px;margin:6px 0;transition:transform .25s;display:block}.hero{color:#fff;height:100svh;min-height:640px;position:relative;overflow:hidden}.hero-media{filter:brightness(1.1)saturate(1.03);background-position:50%;background-size:cover;animation:2.4s ease-out both heroIn;position:absolute;inset:0}@keyframes heroIn{0%{transform:scale(1.04)}to{transform:scale(1)}}.hero:after{content:"";z-index:1;background:linear-gradient(#0509062e 0,#05090600 26% 55%,#0509066b);position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;justify-content:flex-end;height:100%;padding-bottom:64px;display:flex;position:relative}.hero h1{max-width:900px;margin:0;font-size:clamp(38px,4.4vw,66px);font-weight:500}.hero p{color:#ffffffe6;max-width:620px;margin:16px 0 0;font-size:15.5px;font-weight:300}.hero-tags{letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;gap:0;margin:26px 0 0;padding:0;font-size:11px;list-style:none;display:flex}.hero-tags li{border-left:1px solid #fff6;padding:0 16px}.hero-tags li:first-child{border-left:0;padding-left:0}.section{padding:104px 0}.section-tight{padding:0 0 100px}.section-head{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px;padding-top:22px;display:flex}.section-head h2{max-width:760px;margin:0;font-size:clamp(30px,3vw,46px)}.section-head.split>div{flex:58%}.section-head.split>p{color:var(--muted);flex:0 34%;margin:0}.text-link{white-space:nowrap;font-size:12.5px;font-weight:600}.project-grid{gap:48px var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.project-card .img-wrap{aspect-ratio:4/3}.project-card:hover img{transform:scale(1.035)}.project-meta{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding-top:13px;padding-bottom:12px;display:flex}.project-meta h3{margin:0;font-size:17px}.project-meta span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10.5px}.project-card.is-hidden{display:none}.filters{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-bottom:40px;padding-top:22px;display:flex}.filters button{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;padding:9px 16px;font-size:12.5px;transition:background .2s,color .2s}.filters button:hover{border-color:var(--ink)}.filters button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.quote{padding:20px 0 0}.quote p{text-align:center;max-width:900px;font-family:var(--head);letter-spacing:-.02em;margin:0 auto;font-size:clamp(22px,2.3vw,34px);font-weight:400;line-height:1.3}.quote p:before,.quote p:after{content:"“"}.quote p:after{content:"”"}.services-grid{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.service-card .img-wrap{aspect-ratio:4/5}.service-card:hover img{transform:scale(1.035)}.service-title{background:var(--bg);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;width:calc(100% - 36px);margin:-44px 0 0 auto;padding:16px 14px 10px;display:flex;position:relative}.service-title h3{margin:0;font-size:clamp(19px,1.6vw,24px)}.service-title svg,.next-project svg{fill:none;stroke:currentColor;stroke-width:1.3px;flex:none;width:40px;height:16px}.shaft{transform-origin:0;transition:transform .3s}.head{transition:transform .3s}.service-card:hover .shaft,.next-project a:hover .shaft{transform:scaleX(1.18)}.service-card:hover .head,.next-project a:hover .head{transform:translate(5px)}.steps{gap:var(--gap);grid-template-columns:repeat(4,1fr);display:grid}.steps>div{border-top:1px solid var(--line);padding-top:18px}.steps .num{color:var(--muted);letter-spacing:.1em;font-size:11px}.steps h3{margin:14px 0 8px;font-size:20px}.steps p{color:var(--muted);margin:0;font-size:14px}.contact-block{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8vw;padding:90px 0 110px;display:grid}.contact-block h2{margin:0;font-size:clamp(30px,3vw,46px)}.contact-side p{color:var(--muted);margin:0 0 26px}.contact-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:17px 0;transition:padding .25s;display:flex}.contact-side .contact-row:first-of-type,.contact-list .contact-row:first-child{border-top:1px solid var(--line)}a.contact-row:hover{padding-left:6px}.contact-row span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;align-self:center;font-size:10.5px}.contact-row strong{font-weight:500}.page-hero{padding:170px 0 64px}.page-hero h1{max-width:900px;margin:0;font-size:clamp(36px,4.2vw,62px)}.page-hero p{max-width:680px;color:var(--muted);margin:20px 0 0;font-size:16px}.detail-hero{padding-top:120px}.back-link{color:var(--muted);margin-bottom:18px;font-size:12.5px;display:inline-block}.back-link:hover{color:var(--ink)}.detail-cover{display:block;overflow:hidden}.detail-cover img{object-fit:cover;width:100%;max-height:82vh}.detail-body{grid-template-columns:1fr 1.3fr;gap:8vw;padding:56px 0 70px;display:grid}.detail-body h1{margin:0;font-size:clamp(34px,3.6vw,54px)}.detail-text p{color:#3c403b;margin:0 0 18px;font-size:16px}.gallery{columns:2;column-gap:var(--gap);padding-bottom:40px}.g-item{margin-bottom:var(--gap);break-inside:avoid;cursor:zoom-in;display:block;overflow:hidden}.g-item img{width:100%;height:auto;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.g-item:hover img{transform:scale(1.025)}.next-project{border-top:1px solid var(--line);padding:30px 0 100px}.next-project a{justify-content:space-between;align-items:center;gap:20px;display:flex}.next-project h2{margin:0;font-size:clamp(28px,3vw,44px)}.next-project svg{width:60px;height:22px}.lightbox{z-index:100;opacity:0;pointer-events:none;background:#0e100ef0;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.lightbox.open{opacity:1;pointer-events:auto}.lightbox img{object-fit:contain;max-width:92vw;max-height:88vh}.lightbox button{color:#fff;cursor:pointer;opacity:.75;background:0 0;border:0;padding:18px;font:300 34px/1 Manrope,sans-serif;position:absolute}.lightbox button:hover{opacity:1}.lb-close{top:10px;right:14px}.lb-prev{top:50%;left:10px;transform:translateY(-50%)}.lb-next{top:50%;right:10px;transform:translateY(-50%)}.lb-count{text-align:center;color:#fff9;letter-spacing:.1em;font-size:12px;position:absolute;bottom:20px;left:0;right:0}.about-layout{grid-template-columns:1.3fr 1fr;align-items:start;gap:7vw;display:grid}.about-text p{color:#3c403b;margin:0 0 20px;font-size:16px}.values-box{background:var(--stone);padding:34px 34px 26px}.values-box h2{margin:0 0 18px;font-size:24px}.values-box ul{margin:0;padding:0;list-style:none}.values-box li{border-top:1px solid var(--line);padding:12px 0 12px 26px;font-size:14.5px;position:relative}.values-box li:before{content:"";background:var(--ink);width:12px;height:1px;position:absolute;top:21px;left:0}.team-grid{gap:40px var(--gap);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.team-card .img-wrap{aspect-ratio:3/4}.team-card img{filter:grayscale()}.team-card h3{margin:13px 0 3px;font-size:16px}.team-card span{color:var(--muted);font-size:12.5px;line-height:1.4;display:block}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:8vw;display:grid}.contact-img{aspect-ratio:4/3}.footer{background:var(--stone);color:#454944;font-size:13.5px}.footer-inner{grid-template-columns:1.6fr 1fr 1.2fr 1fr;align-items:start;gap:32px;padding:48px 0 34px;display:grid}.footer-brand{width:120px;color:var(--ink);display:block}.footer a:hover{color:var(--ink)}.footer .micro{margin-bottom:8px}.footer-socials{gap:14px}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:16px 0 22px;font-size:11.5px;display:flex}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.reveal.in{opacity:1;transform:none}@media (width<=1100px){.nav-box .phone{display:none}.project-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);row-gap:36px}.team-grid{grid-template-columns:repeat(3,1fr)}.about-layout,.detail-body,.contact-grid{grid-template-columns:1fr;gap:40px}.footer-inner{grid-template-columns:1fr 1fr}}@media (width<=760px){:root{--shell:calc(100vw - 32px);--gap:16px}.nav{height:80px}.brand{width:104px}.menu-toggle{z-index:2;display:block;position:relative}.nav-box{background:var(--bg);color:var(--ink);opacity:0;pointer-events:none;border:0;flex-direction:column;justify-content:center;align-items:stretch;padding:100px 24px 40px;transition:opacity .25s;position:fixed;inset:0}.on-image .nav-box{background:var(--bg)}.nav-box>a{font-family:var(--head);border-bottom:1px solid var(--line);padding:14px 0;font-size:26px;border-left:0!important}.nav-box .phone{display:block}.nav-socials{padding-top:16px;border-left:0!important}.nav-socials a{padding:8px 16px 8px 0}.nav-socials svg{width:22px;height:22px}.menu-open .nav-box{opacity:1;pointer-events:auto}.menu-open .site-nav{color:var(--ink)}.brand{z-index:2;position:relative}.menu-open .brand{color:var(--ink)}.menu-open .menu-toggle span:first-child{transform:translateY(3.75px)rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){transform:translateY(-3.75px)rotate(-45deg)}.hero{min-height:560px}.hero-content{padding-bottom:44px}.hero p{font-size:14.5px}.hero-tags{letter-spacing:.08em;font-size:10px}.hero-tags li{padding:0 8px}.section{padding:72px 0}.section-head{flex-direction:column;align-items:flex-start;gap:16px}.project-grid,.services-grid,.steps{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.contact-block{grid-template-columns:1fr;gap:28px;padding:64px 0 80px}.page-hero{padding:130px 0 44px}.gallery{columns:1}.detail-hero{padding-top:90px}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:4px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.hero-media img{object-fit:cover;width:100%;height:100%}
