:root{--ink:#2d190f;--soft:#745343;--orange:#f36b21;--orange-dark:#d94a06;--yellow:#ffc62f;--cream:#fff8ea;--paper:#fffdf8;--line:#e6cdbb;--green:#b7ef3c;--max:1180px;font-family:Inter,ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 91% 3%,#ffd75b55 0 15rem,transparent 15.2rem),var(--cream)}img{display:block;max-width:100%}a{color:inherit}.site-header{position:sticky;z-index:30;top:0;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:24px;padding:10px max(20px,calc((100vw - var(--max))/2));border-bottom:1px solid #ead8c8;background:#fff8eaf2;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{width:48px;height:48px;overflow:hidden;border-radius:50%;background:#fff;box-shadow:0 4px 14px #7a31082b}.brand-mark img{width:auto;height:100%;max-width:none;position:relative;left:50%;transform:translateX(-50%) scale(1.05)}.brand>span:last-child{display:flex;align-items:baseline;gap:6px}.brand b{font-size:22px;letter-spacing:-.06em}.brand small{font-weight:750}.site-header nav{display:flex;align-items:center;gap:5px}.site-header nav a{padding:10px 14px;border-radius:99px;color:var(--soft);font-size:13px;font-weight:800;text-decoration:none}.site-header nav a:hover,.site-header nav a.active{color:#fff;background:var(--ink)}.site-header nav a.signup{margin-left:5px;border:2px solid var(--ink);color:var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}main{overflow:hidden}.hero,.section,.promise{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,7vw,86px);align-items:center;min-height:calc(100vh - 76px);padding:64px 0}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:var(--orange-dark);font-size:10px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.eyebrow>span{width:25px;height:3px;border-radius:3px;background:currentColor}.eyebrow.light{color:var(--yellow)}h1,h2{margin:0;font-family:"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;line-height:.95;letter-spacing:-.055em}h1{font-size:clamp(50px,6vw,82px)}h1 em,h2 em{color:var(--orange);font-style:normal}.lead{max-width:650px;margin:25px 0;color:var(--soft);font-size:clamp(16px,1.8vw,20px);line-height:1.58}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 21px;border:2px solid var(--ink);border-radius:99px;font-size:13px;font-weight:900;text-decoration:none}.button span{margin-left:22px;font-size:19px}.button.primary{border-color:var(--orange);color:#fff;background:var(--orange)}.button.secondary{background:#fff}.hero-board{position:relative;min-height:510px;border:3px solid var(--ink);border-radius:28px;background:var(--orange);box-shadow:12px 14px 0 var(--ink);transform:rotate(1deg)}.board-pattern{position:absolute;inset:0;border-radius:25px;opacity:.24;background-image:url('/assets/calcutronica.png');background-position:center;background-size:cover;mix-blend-mode:multiply}.project-shot{position:absolute;margin:0;overflow:hidden;border:3px solid var(--ink);border-radius:17px;background:#fff;box-shadow:7px 8px 0 var(--ink);transform:rotate(-4deg)}.project-shot img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.project-shot figcaption{position:absolute;left:10px;bottom:9px;padding:6px 9px;border-radius:99px;background:var(--yellow);font-size:9px;font-weight:900;text-transform:uppercase}.shot-one{left:-8%;top:11%;width:76%;height:45%}.shot-two{right:-6%;bottom:10%;width:75%;height:42%;transform:rotate(5deg)}.board-note{position:absolute;right:7%;top:7%;padding:13px 15px;border:3px solid var(--ink);border-radius:13px;background:var(--yellow);box-shadow:5px 5px 0 var(--ink);font-size:18px;font-weight:950;line-height:1.02;transform:rotate(5deg)}.promise{display:grid;grid-template-columns:.45fr 1.55fr;gap:35px;align-items:center;margin-bottom:110px;padding:30px 34px;border:3px solid var(--ink);border-radius:22px;background:var(--yellow);box-shadow:8px 9px 0 var(--ink)}.promise p{margin:0;font-size:12px;font-weight:950;text-transform:uppercase}.promise strong{font-size:clamp(22px,3vw,38px);line-height:1.1;letter-spacing:-.04em}.section{padding:100px 0}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end;margin-bottom:42px}.section-heading h2,.continuity h2{font-size:clamp(42px,5vw,67px)}.section-heading>p{margin:0 0 5px;color:var(--soft);font-size:17px;line-height:1.6}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0;margin:0;list-style:none}.process-grid li{min-height:260px;padding:24px;border:2px solid var(--ink);border-radius:21px;background:var(--paper);box-shadow:6px 7px 0 var(--ink)}.process-grid li:nth-child(2){background:var(--yellow)}.process-grid li:nth-child(3){color:#fff;background:var(--orange)}.process-grid span{display:block;font-size:10px;font-weight:950}.process-grid b{display:block;margin:75px 0 10px;font-size:28px;letter-spacing:-.04em}.process-grid p{margin:0;line-height:1.5}.continuity{display:grid;width:100%;max-width:none;grid-template-columns:1fr 1fr;gap:8vw;padding-inline:max(20px,calc((100vw - var(--max))/2));color:#fff;background:var(--ink)}.continuity-copy>p:not(.eyebrow){max-width:650px;color:#dfcec4;font-size:18px;line-height:1.6}.continuity-copy ul{display:grid;gap:12px;padding-left:20px;color:#f6e7dd;line-height:1.45}.continuity h2 em{color:var(--yellow)}.modality-stack{display:grid;gap:20px}.modality{padding:28px;border:3px solid var(--ink);border-radius:22px;color:var(--ink);box-shadow:8px 9px 0 #000;background:var(--green)}.modality.sunday{background:var(--yellow);transform:rotate(1deg)}.modality small{font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.modality h3{margin:9px 0;font-size:36px;letter-spacing:-.05em}.modality p{margin:0 0 20px;line-height:1.5}.modality a{display:flex;justify-content:space-between;padding-top:14px;border-top:2px solid var(--ink);font-weight:900;text-decoration:none}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.area-grid article{padding:26px;border:2px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 32px #6b2e0b12}.area-grid article>span{display:grid;width:54px;height:54px;place-items:center;border:2px solid var(--ink);border-radius:15px;background:var(--yellow);box-shadow:4px 4px 0 var(--ink);font-size:24px}.area-grid article:nth-child(2)>span{color:#fff;background:var(--orange)}.area-grid article:nth-child(3)>span{background:var(--green)}.area-grid h3{margin:23px 0 8px;font-size:24px}.area-grid p{margin:0;color:var(--soft);line-height:1.5}.projects{width:100%;max-width:none;padding-inline:max(20px,calc((100vw - var(--max))/2));color:#fff;background:var(--ink)}.light-heading>p{color:#d9c6ba}.light-heading h2 em{color:var(--yellow)}.project-gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:17px}.gallery-card{overflow:hidden;border-radius:22px;color:var(--ink);background:var(--paper)}.gallery-image{height:260px;overflow:hidden;background:#ede3d3}.gallery-image img{width:100%;height:100%;object-fit:cover}.gallery-image.pixel img{image-rendering:pixelated}.gallery-image.pattern img{opacity:.65;mix-blend-mode:multiply}.gallery-image.lab img{object-fit:cover;transform:scale(1.15)}.gallery-card>div:last-child{padding:22px}.gallery-card small{color:var(--orange-dark);font-size:9px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.gallery-card h3{margin:5px 0 7px;font-size:29px;letter-spacing:-.045em}.gallery-card p{margin:0;color:var(--soft);line-height:1.45}.family{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:center}.family h2{font-size:clamp(39px,4.7vw,64px)}.family>div>p:last-child{max-width:760px;color:var(--soft);font-size:18px;line-height:1.6}.family-cta{display:grid;grid-template-columns:1fr auto;gap:7px;padding:25px;border:3px solid var(--ink);border-radius:20px;background:var(--orange);box-shadow:8px 9px 0 var(--ink);color:#fff;text-decoration:none}.family-cta small,.family-cta strong{grid-column:1}.family-cta small{text-transform:uppercase;font-weight:900;letter-spacing:.1em}.family-cta strong{font-size:25px}.family-cta span{grid-column:2;grid-row:1/3;align-self:center;font-size:32px}footer{display:flex;justify-content:space-between;gap:22px;padding:32px max(20px,calc((100vw - var(--max))/2));color:#fff;background:var(--orange-dark)}footer a{font-weight:900;text-decoration:none}footer p{margin:0;color:#ffe2d2}
@media(max-width:850px){.site-header{min-height:68px}.site-header nav a:not(.active):not(.signup){display:none}.brand small{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:45px}.hero-board{min-height:410px;margin:15px 9% 30px}.promise{grid-template-columns:1fr;margin-bottom:55px}.section{padding:66px 0}.section-heading,.continuity,.family{grid-template-columns:1fr}.section-heading{gap:17px}.process-grid,.area-grid{grid-template-columns:repeat(2,1fr)}.process-grid b{margin-top:42px}.continuity{gap:38px}.project-gallery{grid-template-columns:1fr}.gallery-card{display:grid;grid-template-columns:44% 1fr}.gallery-image{height:230px}.family{gap:28px}footer{flex-direction:column}}
@media(max-width:520px){.site-header nav a.active{display:none}.site-header nav a.signup{font-size:11px}.hero,.section,.promise{width:min(100% - 28px,var(--max))}h1{font-size:47px}.hero-board{min-height:330px;margin-inline:4%}.shot-one{width:82%;height:44%}.shot-two{width:82%;height:40%}.board-note{font-size:14px}.promise{padding:23px}.process-grid,.area-grid{grid-template-columns:1fr}.process-grid li{min-height:210px}.continuity,.projects{padding-inline:14px}.project-gallery{grid-template-columns:1fr}.gallery-card{display:block}.gallery-image{height:200px}.modality h3{font-size:30px}footer{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
