:root{--ivory:#f4efe4;--paper:#fbf8f0;--navy:#102d35;--navy2:#0a2229;--sea:#3f7d76;--sea-light:#b8d0c4;--terra:#c86d4b;--sand:#dfcaa8;--ink:#173039;--muted:#67777a;--line:rgba(16,45,53,.18);--white:#fffdf8;--pad:clamp(22px,5vw,76px);--radius:3px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:400 16px/1.65 "DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:92px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:30;color:var(--navy);transition:.35s}.site-header.scrolled{height:72px;background:rgba(244,239,228,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;letter-spacing:.17em}.brand-symbol{width:27px;height:27px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(45deg)}.brand-symbol i:first-child{background:var(--terra);border-radius:50% 50% 0 50%}.brand-symbol i:last-child{background:var(--sea);border-radius:0 50% 50% 50%}
.site-nav{display:flex;align-items:center;gap:34px;font-size:13px}.site-nav>a:not(.nav-cta){position:relative}.site-nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--terra);transition:.25s}.site-nav>a:hover:after{right:0}.nav-cta{border:1px solid var(--navy);padding:10px 16px;transition:.25s}.nav-cta:hover{color:var(--white);background:var(--navy)}.nav-cta span,.button span,.line-link span{margin-left:16px;display:inline-block;transition:.25s}.nav-cta:hover span,.button:hover span,.line-link:hover span{transform:translate(3px,-3px)}.menu-button{display:none;background:transparent;border:0}
.hero{min-height:100svh;padding:145px var(--pad) 34px;display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:1fr auto;gap:36px;position:relative;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 48%,rgba(218,192,148,.2));clip-path:polygon(56% 0,100% 0,100% 100%,82% 100%);z-index:-2}.sun-disc{position:absolute;width:min(42vw,610px);height:min(42vw,610px);border-radius:50%;right:5vw;top:13vh;background:#e8d5ad;z-index:-1;box-shadow:-90px 80px 100px rgba(89,64,34,.08)}
.hero-copy{align-self:center;position:relative;z-index:2;max-width:820px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:600}.eyebrow:before{content:"";display:inline-block;width:32px;height:1px;background:var(--terra);vertical-align:middle;margin-right:13px}.hero h1,.section-head h2,.process-intro h2,.systems-copy h2,.why h2,.about h2,.contact h2{font:400 clamp(58px,7.3vw,112px)/.92 "DM Serif Display",serif;letter-spacing:-.035em;margin:28px 0}.hero h1 em,.section-head h2 em,.process-intro h2 em,.why h2 em,.contact h2 em{font-weight:400;color:var(--terra)}.hero-intro{max-width:610px;font-size:clamp(17px,1.4vw,21px);color:#52686c}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:40px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:218px;border:0;padding:15px 19px;cursor:pointer;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--navy);color:var(--white);box-shadow:12px 14px 0 rgba(63,125,118,.18)}.text-link{font-size:13px;border-bottom:1px solid var(--line);padding:8px 0}
.hero-art{align-self:center;position:relative;min-width:0}.hero-art-frame{position:relative;overflow:hidden;isolation:isolate;background:#eee8db;box-shadow:0 34px 70px rgba(54,45,31,.15);aspect-ratio:944/800}.hero-art-frame img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.015);transform:scale(1.002)}.hero-art-light,.hero-art-glow,.hero-art-shade{position:absolute;inset:-30%;pointer-events:none}.hero-art-light{z-index:2;background:linear-gradient(112deg,transparent 35%,rgba(255,250,222,0) 41%,rgba(255,247,210,.42) 48%,rgba(255,248,217,.12) 56%,transparent 63%);mix-blend-mode:screen;filter:blur(5px);transform:translate3d(-17%,0,0) rotate(-3deg);animation:hero-light-sweep 17s ease-in-out infinite alternate}.hero-art-glow{z-index:1;inset:-18%;background:radial-gradient(circle at 30% 32%,rgba(255,239,178,.34),transparent 39%);mix-blend-mode:soft-light;animation:hero-glow-drift 14s ease-in-out infinite alternate}.hero-art-shade{z-index:3;inset:0;background:linear-gradient(118deg,transparent 49%,rgba(16,45,53,.1) 70%,transparent 89%);mix-blend-mode:multiply;transform:translateX(12%);animation:hero-shade-drift 17s ease-in-out infinite alternate}.hero-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.15em;font-size:9px}
@keyframes hero-light-sweep{0%{transform:translate3d(-18%,-2%,0) rotate(-3deg);opacity:.56}48%{opacity:.82}100%{transform:translate3d(17%,3%,0) rotate(-1deg);opacity:.64}}
@keyframes hero-glow-drift{0%{transform:translate3d(-4%,-2%,0) scale(.98);opacity:.55}100%{transform:translate3d(8%,5%,0) scale(1.04);opacity:.92}}
@keyframes hero-shade-drift{0%{transform:translateX(13%);opacity:.52}100%{transform:translateX(-7%);opacity:.78}}
.section-pad{padding:clamp(90px,12vw,180px) var(--pad)}.section-head{display:grid;grid-template-columns:1fr 3fr;gap:40px;margin-bottom:75px}.section-head h2{font-size:clamp(48px,6vw,86px);margin:0}.section-head>div>p{max-width:560px;color:var(--muted);font-size:18px;margin:24px 0 0}
.work{background:var(--paper)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project{padding:24px;transition:transform .4s,box-shadow .4s}.project:hover{transform:translateY(-8px)}.project-ifoot{background:#eadcc8;box-shadow:0 25px 60px rgba(75,54,33,.1)}.project-vast{background:var(--navy);color:var(--white);margin-top:90px;box-shadow:0 25px 60px rgba(5,25,30,.18)}.project-top{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.14em;font-size:9px;margin-bottom:20px}.project-visual{height:440px;display:grid;place-items:center;position:relative;overflow:hidden}.project-ifoot .project-visual{background:#c98a68}.project-vast .project-visual{background:radial-gradient(circle at 70% 25%,#315960,#081d25 62%)}.browser-card{width:82%;height:72%;padding:23px;position:relative;z-index:2;box-shadow:0 28px 55px rgba(0,0,0,.23)}.ifoot-card{background:#fbf5e9;color:#3d4b48}.vast-card{background:rgba(8,29,37,.9);border:1px solid rgba(255,255,255,.17)}.browser-nav{display:flex;justify-content:space-between;align-items:center;font-size:11px}.browser-nav small{border:1px solid currentColor;padding:5px 8px;font-size:7px}.browser-copy{margin-top:58px}.browser-copy>small{letter-spacing:.16em;font-size:7px}.browser-copy h3{font:400 clamp(36px,4vw,58px)/.95 "DM Serif Display";margin:12px 0 24px}.browser-copy h3 em{color:var(--terra);font-weight:400}.browser-copy>span{font-size:10px;border-bottom:1px solid;padding-bottom:4px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips b{font-size:8px;font-weight:400;border:1px solid rgba(255,255,255,.24);padding:5px 9px}.visual-sun{position:absolute;width:180px;height:180px;border-radius:50%;background:#e6c97f;right:-60px;top:-40px}.visual-orbit{position:absolute;width:240px;height:240px;border:1px solid rgba(184,208,196,.22);border-radius:50%;left:-90px;bottom:-100px;box-shadow:0 0 0 35px rgba(184,208,196,.025),0 0 0 70px rgba(184,208,196,.02)}.project-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:24px;align-items:end}.project-bottom h3{font:400 34px "DM Serif Display";margin:0}.project-bottom p{font-size:13px;margin:5px 0 0;opacity:.7;max-width:330px}.project-bottom>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;text-align:right}
.services{background:var(--ivory)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:410px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px;display:flex;flex-direction:column;transition:.35s}.service-card:hover{background:var(--paper);transform:translateY(-5px);box-shadow:0 20px 40px rgba(16,45,53,.08)}.service-card>span{font-size:9px;letter-spacing:.15em}.service-card h3{font:400 30px "DM Serif Display";margin:auto 0 12px}.service-card p{color:var(--muted);font-size:14px}.service-card small{font-size:9px;text-transform:uppercase;letter-spacing:.11em;margin-top:12px}.service-shape{display:block;width:105px;height:105px;margin:42px auto 25px;position:relative}.shape-arch{border-radius:60px 60px 0 0;background:var(--sea)}.shape-steps{background:linear-gradient(to top right,transparent 0 33%,var(--terra) 34% 49%,transparent 50% 66%,var(--sand) 67%)}.shape-eye{border:1px solid var(--navy);border-radius:100% 0 100% 0;transform:rotate(45deg)}.shape-eye:after{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:var(--sea);inset:0;margin:auto}.shape-sun{border-radius:50%;background:var(--sand);box-shadow:32px 30px 0 var(--terra)}
.process-section{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:12vw}.process-intro h2{font-size:clamp(50px,5.5vw,82px)}.process-intro>p:last-child{color:var(--muted);max-width:500px;font-size:18px}.process-list{list-style:none;margin:0;padding:0}.process-list li{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--line)}.process-list li:last-child{border-bottom:1px solid var(--line)}.process-list li>span{font-size:10px;letter-spacing:.13em;color:var(--terra)}.process-list h3{font:400 30px "DM Serif Display";margin:0}.process-list p{margin:3px 0;color:var(--muted);font-size:14px}
.systems{background:var(--navy);color:var(--white);display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;overflow:hidden}.systems-art{min-height:570px;position:relative;background:linear-gradient(140deg,#396c68,#173c43)}.systems-art:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 45%,rgba(255,255,255,.13) 45.2%,transparent 46%)}.system-window{position:absolute;left:9%;top:12%;width:74%;height:55%;background:var(--paper);color:var(--navy);padding:25px;box-shadow:32px 36px 0 rgba(4,23,29,.22)}.system-window span{font-size:9px;text-transform:uppercase;letter-spacing:.14em}.system-window b{float:right;font-size:10px}.system-window i{display:block;height:1px;background:var(--line);margin-top:43px}.system-window i:nth-of-type(2){width:72%}.system-window i:nth-of-type(3){width:43%}.system-window strong{position:absolute;left:25px;bottom:24px;font:400 24px "DM Serif Display"}.small-window{width:45%;height:26%;left:auto;right:1%;top:auto;bottom:7%;background:var(--terra);color:var(--white);box-shadow:-20px -20px 0 rgba(244,239,228,.1)}.small-window strong{font-size:19px}.section-label.light{color:var(--sea-light)}.systems-copy{align-self:center}.systems-copy h2{font-size:clamp(58px,6vw,92px);color:var(--white)}.systems-copy>p:not(.section-label){color:#b8cacb;font-size:17px;max-width:540px}.line-link{display:inline-block;border-bottom:1px solid rgba(255,255,255,.4);padding:12px 0;margin-top:22px;font-size:13px}
.why{background:var(--ivory)}.why-statement{display:grid;grid-template-columns:1fr 3fr;margin:50px 0 90px}.why-statement h2{grid-column:2;font-size:clamp(50px,6vw,88px);margin:0}.why-points{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.why-points article{padding:30px 40px 20px 0;border-right:1px solid var(--line)}.why-points article+article{padding-left:40px}.why-points article:last-child{border-right:0}.why-points span{font-size:9px;color:var(--terra)}.why-points h3{font:400 26px "DM Serif Display";margin:55px 0 12px}.why-points p{color:var(--muted);font-size:14px}
.about{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about-mark{height:580px;background:#d8c7aa;position:relative;overflow:hidden;display:grid;place-items:center}.about-mark:before{content:"";position:absolute;width:76%;height:76%;border-radius:50% 50% 0 0;background:var(--sea);bottom:0}.about-mark div{position:absolute;width:40%;height:56%;border-radius:100px 100px 0 0;background:var(--navy);bottom:0}.about-mark span{font:400 150px "DM Serif Display";color:var(--ivory);position:relative;z-index:2}.about-copy{align-self:center}.about-copy h2{font-size:clamp(48px,5vw,75px)}.about-copy>p{color:var(--muted);font-size:17px;max-width:600px}.about-detail{border-left:2px solid var(--terra);padding-left:20px;margin-top:35px!important;color:var(--navy)!important;font-size:14px!important}
.contact{background:var(--navy2);color:var(--white);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-copy h2{font-size:clamp(58px,6vw,92px)}.contact-copy>p:not(.section-label){color:#a9bec0;max-width:520px}.contact-copy>a{display:inline-block;margin-top:20px;border-bottom:1px solid #607a7c;padding-bottom:5px}.contact-form{align-self:end}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#a9bec0;margin-bottom:27px}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;border:0;border-bottom:1px solid #415a5d;background:transparent;color:var(--white);padding:13px 0;border-radius:0;outline:0;text-transform:none;letter-spacing:0;font-size:15px}.contact-form select option{color:#111}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--terra)}.contact-form textarea{resize:vertical}.button-light{background:var(--terra);color:var(--white);width:100%}.hp-field{position:absolute!important;left:-9999px!important}.form-status{font-size:13px;min-height:24px;color:#a9bec0}.form-status.success{color:#a9d8c6}.form-status.error{color:#ff9d87}
footer{padding:30px var(--pad);background:var(--navy2);color:#849a9c;border-top:1px solid #294348;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;font-size:10px}footer p:last-child{text-align:right}footer p span{display:block}.footer-brand{color:var(--white);font-size:12px}.footer-brand .brand-symbol{width:22px;height:22px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.service-grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:72px}.project-visual{height:360px}.browser-card{width:88%}}
@media(max-width:800px){.site-header{height:72px}.menu-button{display:block;width:42px;height:42px;position:relative;z-index:3}.menu-button span{position:absolute;width:22px;height:1px;background:var(--navy);left:10px;transition:.25s}.menu-button span:first-child{top:16px}.menu-button span:nth-child(2){top:24px}.menu-button[aria-expanded=true] span:first-child{top:20px;transform:rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){top:20px;transform:rotate(-45deg)}.site-nav{position:fixed;inset:0;background:var(--ivory);flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--pad);font:400 42px "DM Serif Display";transform:translateX(100%);transition:.35s}.site-nav.open{transform:none}.nav-cta{font:500 15px "DM Sans";margin-top:15px}.hero{grid-template-columns:1fr;padding-top:120px}.sun-disc{width:600px;height:600px;right:-300px;top:35%}.hero-art{width:min(100%,720px);margin-inline:auto}.hero-note{display:none}.section-head,.process-section,.systems,.about,.contact{grid-template-columns:1fr}.section-head{gap:30px}.work-grid{grid-template-columns:1fr}.project-vast{margin-top:0}.process-section,.systems,.about,.contact{gap:70px}.why-statement{grid-template-columns:1fr}.why-statement h2{grid-column:1}.systems-art{min-height:500px}.about-mark{height:500px}footer{grid-template-columns:1fr;gap:12px}footer p{margin:0}footer p:last-child{text-align:left}footer p span{display:inline;margin-left:10px}}
@media(max-width:560px){.hero h1{font-size:53px}.hero-intro{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art-frame{box-shadow:0 22px 45px rgba(54,45,31,.14)}.section-pad{padding-top:90px;padding-bottom:90px}.section-head h2{font-size:46px}.project{padding:14px}.project-visual{height:310px}.browser-card{height:78%;padding:16px}.browser-copy{margin-top:35px}.project-bottom{display:block}.project-bottom>span{display:block;text-align:left;margin-top:16px}.service-grid{grid-template-columns:1fr}.service-card{min-height:350px}.service-shape{margin-top:28px}.why-points{grid-template-columns:1fr}.why-points article,.why-points article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.why-points h3{margin-top:25px}.about-mark{height:390px}.about-mark span{font-size:110px}.systems-art{min-height:390px}.system-window{width:80%;height:58%;padding:18px}.small-window{width:58%;height:28%}.form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}