@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Playfair+Display:ital,wght@1,400;1,500&display=swap');
:root{--ink:#101713;--deep:#0c120e;--ivory:#f1f0e8;--gold:#ccb078;--muted:#b7bcb4;--line:rgba(213,221,206,.2)}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--ivory);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:450}em{font-family:'Playfair Display',Georgia,serif;font-weight:400;color:var(--gold)}.header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:30px;position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(240,240,225,.13)}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-icon{width:49px;height:49px;display:block;background:var(--gold);mask:url('assets/kraken-mark-small.png') center/contain no-repeat}.brand>span:last-child{font:15px Georgia,serif;letter-spacing:3px}.brand small{display:block;font:7px Arial,sans-serif;letter-spacing:3px;text-align:center;margin-top:8px}.header nav{display:flex;gap:28px;font-size:12px}.header nav a{color:#deded4}.header nav a:hover,.text-link:hover{color:var(--gold)}.header-actions{display:flex;gap:25px;align-items:center}.header-actions button{border:0;background:none;font-size:11px}.header-actions button span{color:#9c9f95}.contact-link{border:1px solid #8b815e;padding:14px 20px;font-size:12px;display:flex;gap:28px}.contact-link:hover{background:var(--gold);color:var(--ink)}#menu{display:none}.hero{height:min(950px,100svh);min-height:760px;position:relative;overflow:hidden;background:#080d09}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,13,9,.94) 0%,rgba(7,13,9,.8) 29%,rgba(7,13,9,.2) 64%,rgba(7,13,9,.02) 100%)}.hero-content{position:relative;z-index:2;padding:205px 6.2% 80px;max-width:1100px}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.9px;font-weight:550}.hero .eyebrow{color:var(--gold);display:flex;gap:12px;align-items:center}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--gold);box-shadow:0 0 13px #c4a66a99;flex-shrink:0}h1{font-size:clamp(72px,7.8vw,125px);letter-spacing:-6px;line-height:1.02;margin:36px 0 28px}h1 span,h1 em{display:block}h1 em{letter-spacing:-5px;white-space:nowrap}.hero-desc{font-size:19px;line-height:1.7;color:#e2e4da}.hero-buttons{display:flex;align-items:center;gap:32px;margin-top:34px}.button{display:flex;align-items:center;justify-content:space-between;gap:34px;min-height:55px;padding:17px 23px;font-size:12px;font-weight:550;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:var(--deep)}.gold:hover{background:#e1c68f}.text-link{font-size:12px;display:inline-flex;gap:18px;align-items:center}.hero-note{margin-top:48px;font-size:9px;letter-spacing:1.6px;color:#a9b0a4}.hero-bottom{position:absolute;bottom:28px;left:6.2%;right:6.2%;display:flex;align-items:center;gap:24px;font-size:9px;letter-spacing:1.7px;color:#b7bdae;z-index:3}.motion-toggle{margin-left:auto;background:#10171388;border:1px solid #7c806b55;padding:10px 13px;display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.1px}.scroll-down{border:1px solid #7c806b55;border-radius:50%;height:34px;width:34px;display:grid;place-content:center;font-size:17px}.discipline-strip{padding:27px 6.2%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:17px;color:#d8dccf}.asterisk{font-size:25px;color:var(--gold)}section:not(.hero){padding:95px 6.2%;scroll-margin-top:0}.section-light{background:var(--ivory);color:var(--ink)}.section-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #263a2d2b}.section-top .eyebrow{color:#5f634f}.small-label{font-size:9px;letter-spacing:1.3px;color:#656e62}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin:35px 0 45px}h2{font-size:clamp(40px,4.5vw,70px);line-height:1.08;letter-spacing:-2.6px}.section-light em{color:#8d6e34}.section-intro>p{font-size:14px;line-height:1.8;max-width:305px;color:#5c655a;padding-bottom:4px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-image{padding:25px 25px 0;position:relative;overflow:hidden;aspect-ratio:1.5;display:flex;flex-direction:column}.boat{background:#becbc0}.traffic{background:#d0cfc6}.project-image img{display:block;width:100%;height:auto;object-fit:cover;object-position:top;transition:transform .6s;box-shadow:0 16px 35px #1b2e2620}.project:hover .project-image img{transform:translateY(-7px)}.browserbar{display:flex;justify-content:space-between;align-items:center;min-height:25px;padding:4px 10px;background:#f7f8f2;font-size:7px;color:#66726a;border-radius:6px 6px 0 0}.browserbar span:first-child{letter-spacing:2px;color:#aaa}.project-hover{position:absolute;right:20px;bottom:20px;padding:12px 15px;background:var(--ink);color:var(--ivory);font-size:11px;opacity:0;transform:translateY(8px);transition:.25s}.project:hover .project-hover,.project:focus-visible .project-hover{opacity:1;transform:none}.project-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:24px}.project-caption .eyebrow{font-size:8px;color:#746b4b}.project h3{font-size:27px;letter-spacing:-.7px;margin-top:7px}.project h3 span{font-size:18px;display:inline-block;margin-left:10px}.project-caption>p{font-size:12px;line-height:1.6;color:#566150;max-width:210px}.tags{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.tags span{border:1px solid #263a2d33;padding:5px 10px;font-size:9px;border-radius:20px}.work-footnote{font-size:10px;line-height:1.7;color:#65715e;margin-top:28px}.services .section-top{border-color:var(--line)}.services .eyebrow,.services .small-label{color:var(--gold)}.services .section-intro>p{color:#b5bcae}.service-explorer{display:grid;grid-template-columns:1fr 1fr;gap:70px}.service-tabs{padding-top:5px}.service-tab{width:100%;padding:26px 0;display:flex;align-items:center;gap:22px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:#aeb9a7}.service-tab>span:first-child{font-size:10px;color:#9a9e88}.service-tab strong{font-size:24px;font-weight:450;letter-spacing:-.5px}.tab-arrow{margin-left:auto;font-size:20px;transition:transform .25s}.service-tab.active{color:var(--gold)}.service-tab:hover .tab-arrow{transform:translate(3px,-3px)}.service-contact{margin-top:32px;color:#d4d9cb}.service-visual{height:290px;overflow:hidden;background:#202d22;position:relative}.identity-art{position:relative;padding:24px;height:100%;background:linear-gradient(130deg,#172218,#26372b);overflow:hidden}.art-corner{font-size:7px;letter-spacing:2px;color:#cbb98e}.identity-mark{position:absolute;right:25px;top:56px;width:185px;height:185px;background:linear-gradient(120deg,#f0d398,#927948);mask:url('assets/kraken-mark-small.png') center/contain no-repeat;transform:rotate(-10deg)}.art-wordmark{position:absolute;left:25px;top:90px;font:26px/1.15 Georgia,serif;letter-spacing:4px;color:#e5d4a8}.art-wordmark span{display:block;margin-top:12px;font:6px Arial,sans-serif;letter-spacing:2px}.swatches{position:absolute;bottom:25px;right:25px;display:flex;gap:5px}.swatches i{display:block;width:27px;height:27px;background:#cbb078}.swatches i:nth-child(2){background:#f1f0e8}.swatches i:nth-child(3){background:#0c120e}.art-bottom{position:absolute;bottom:25px;left:25px;font-size:27px;color:#e4dec8}.art-bottom span{font-size:6px;letter-spacing:1px;margin-left:8px}.service-copy{padding-top:23px}.service-copy h3{font-size:24px;letter-spacing:-.5px}.service-copy>p{margin-top:12px;font-size:13px;line-height:1.8;color:#b5bfae}.service-copy .service-deliverables{font-size:10px;color:var(--gold);padding-top:8px}.website-art{background:#e7e8df;color:#18281c;height:100%;padding:24px;display:flex;gap:25px;align-items:center}.website-art .mock-page{padding:20px;background:#fffdf4;width:75%;box-shadow:15px 20px 0 #bac5b5}.mock-page small{font-size:7px;letter-spacing:2px}.mock-page h4{font-size:32px;line-height:1.1;margin:22px 0;font-weight:450}.mock-page b{font-size:8px;padding:9px 12px;background:#1d3428;color:#fff}.mock-mobile{width:75px;height:160px;background:#253c2c;border:4px solid #16241a;border-radius:12px;padding:12px 5px;color:#e8e3d0}.mock-mobile span{font:italic 15px Georgia;display:block;margin-top:30px}.growth-art{height:100%;padding:28px;background:#d6dccf;color:#253c2c}.growth-art small{letter-spacing:2px;font-size:8px}.growth-path{display:flex;align-items:flex-end;justify-content:space-around;height:125px;margin-top:25px;border-bottom:1px solid #819179}.growth-path i{display:block;width:13%;background:#60785b;height:30%}.growth-path i:nth-child(2){height:43%}.growth-path i:nth-child(3){height:60%}.growth-path i:nth-child(4){height:73%}.growth-path i:nth-child(5){height:95%;background:#a38a4f}.growth-art p{font-size:10px;margin-top:20px;line-height:1.7}.content-art{height:100%;padding:30px;display:flex;gap:18px;align-items:center;justify-content:center;background:#222e25}.content-art>div{width:135px;height:190px;padding:14px;background:#cbb078;color:#1c271e;transform:rotate(-7deg);box-shadow:0 12px 30px #0003;display:flex;flex-direction:column;justify-content:space-between}.content-art>div+div{background:#e7e8da;transform:rotate(8deg)}.content-art small{font-size:6px;letter-spacing:1px}.content-art strong{font:italic 30px Georgia}.content-art span{font-size:7px}.engagements{display:grid;grid-template-columns:1fr 1fr;border:1px solid #283b2c3d}.engagement{padding:35px 38px}.engagement+.engagement{border-left:1px solid #283b2c3d}.engagement-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.engagement h3{font-size:40px;line-height:1.12;letter-spacing:-1.6px;margin:25px 0 20px}.engagement>p:not(.engagement-note){font-size:14px;line-height:1.7;max-width:355px;color:#535f4e}.engagement ul{list-style:none;margin:25px 0;padding:0;font-size:12px;line-height:2.6}.engagement li::before{content:'↗';margin-right:13px;color:#83713f}.engagement .button{margin-top:20px}.outline{border-color:#40513b;color:var(--ink)}.outline:hover{background:#e0e3d5}.dark{background:var(--ink);color:var(--ivory)}.dark:hover{background:#304832}.featured{background:#e4e7d9}.pill{font-size:8px;letter-spacing:1px;background:#cbd5bd;padding:6px 8px;border-radius:14px}.engagement-note{font-size:10px;line-height:1.6;margin-top:15px;color:#687260}.approach{background:#19241b}.approach .eyebrow{color:var(--gold);margin-bottom:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.steps article{border-top:1px solid var(--line);padding-top:23px}.steps article>span{font-size:10px;color:var(--gold)}.steps h3{font-size:20px;letter-spacing:-.3px;margin:19px 0 12px}.steps p{font-size:13px;line-height:1.8;color:#bbc3b2;max-width:300px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#0b120d}.contact .eyebrow{color:var(--gold)}.contact h2{font-size:clamp(66px,7vw,105px);margin:34px 0;letter-spacing:-4px}.contact-intro>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#bec8b5}.contact-local{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.4px;margin-top:45px}form{display:grid;grid-template-columns:1fr;align-self:center}form label{font-size:11px;color:#d3dacb;margin-top:20px;margin-bottom:8px}form label:first-child{margin-top:0}input,textarea,select{width:100%;border:0;border-bottom:1px solid #6a775e;background:transparent;color:var(--ivory);padding:9px 0 13px;border-radius:0;font-size:14px}input::placeholder,textarea::placeholder{color:#9ca793}textarea{resize:vertical}select option{background:var(--ink);color:var(--ivory)}form .button{margin-top:24px;width:100%}.form-note{font-size:10px;line-height:1.7;margin-top:14px;color:#a6b49a}footer{padding:35px 6.2%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px}footer .brand-icon{width:35px;height:35px}footer .brand>span:last-child{font-size:12px;letter-spacing:2px}footer p{font-size:11px;color:#aebaa2}footer>a:last-of-type{font-size:11px}footer>small{grid-column:1/-1;color:#85947a;font-size:9px;letter-spacing:.5px}dialog{border:1px solid #58664b;background:#162119;color:var(--ivory);width:min(580px,92vw);padding:40px;max-height:90svh}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}dialog h2{font-size:35px;margin:20px 0}dialog>p:not(.eyebrow){font-size:12px;line-height:1.7;color:#bfc8b4}dialog textarea{font-size:12px;line-height:1.7;background:#0c140e;padding:14px;margin:20px 0;min-height:220px}.dialog-close{position:absolute;right:15px;top:10px;font-size:28px;border:0;background:none}#copy-status{padding-top:10px}.menu-open nav{display:flex}.hero video.paused{opacity:1}@media(min-width:1500px){.hero-content{padding-top:230px}}@media(max-width:1150px){.header{padding:0 4%;gap:15px}.header nav{gap:18px;font-size:10px}.header-actions{gap:14px}.brand>span:last-child{font-size:12px;letter-spacing:2px}.brand-icon{width:40px}.header nav a:last-child{max-width:90px}.contact-link{padding:12px;gap:20px}.hero-content{padding-top:195px}.hero{min-height:740px}h1{font-size:90px}.service-explorer{gap:35px}.service-tab strong{font-size:20px}.identity-mark{width:140px;right:18px}.art-wordmark{font-size:22px}.engagement{padding:30px}.contact{gap:65px}}
@media(max-width:760px){html{scroll-padding-top:20px}.header{height:80px;padding:0 6%;position:absolute}.header .brand-icon{width:35px;height:38px}.brand{gap:9px}.brand>span:last-child{font-size:11px;letter-spacing:2px}.brand small{font-size:5px;letter-spacing:2px}.header nav{display:none;position:absolute;top:79px;left:0;right:0;background:#101713;flex-direction:column;padding:25px 6%;gap:25px;border-bottom:1px solid var(--line);font-size:14px}.header nav a:last-child{max-width:none}.header-actions{gap:12px}.header .contact-link{display:none}#menu{display:block;font-size:20px;padding:8px}.menu-open nav{display:flex}.hero{height:850px;min-height:0;max-height:1050px}.hero video{object-position:63% center;opacity:.8}.hero-shade{background:linear-gradient(90deg,#071009d9,#07100955),linear-gradient(0deg,#071009 0%,transparent 55%)}.hero-content{padding:190px 6% 70px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;max-width:250px;line-height:1.8}h1{font-size:clamp(52px,12vw,90px);line-height:1.1;letter-spacing:-3.2px;margin-top:32px}h1 em{letter-spacing:-3px}.hero-desc{font-size:16px;max-width:320px}.hero-buttons{align-items:flex-start;flex-direction:column;gap:25px;margin-top:30px}.hero-buttons .button{min-height:54px;padding:17px 20px;gap:28px}.hero-note{font-size:7px;line-height:1.8;max-width:260px;margin-top:34px;letter-spacing:1.4px}.hero-bottom{left:6%;right:6%;bottom:24px;gap:10px}.hero-bottom>span{font-size:7px;letter-spacing:1px;max-width:130px;line-height:1.7}.motion-toggle{font-size:9px;padding:9px}.scroll-down{display:none}.discipline-strip{padding:22px 6%;gap:9px;font-size:11px;line-height:1.6}.discipline-strip .asterisk{font-size:17px}.discipline-strip .asterisk:last-child{display:none}section:not(.hero){padding:62px 6%}.section-top{padding-bottom:20px;gap:15px}.eyebrow{font-size:8px;letter-spacing:1.5px}.small-label{font-size:7px;letter-spacing:1px;max-width:130px;text-align:right}.section-intro{display:block;margin:28px 0 32px}h2{font-size:42px;letter-spacing:-1.9px}.section-intro>p{max-width:100%;font-size:13px;margin-top:22px;line-height:1.8}.projects{grid-template-columns:1fr;gap:35px}.project-image{padding:20px 20px 0;aspect-ratio:1.4}.project-caption{align-items:flex-start;gap:15px}.project h3{font-size:25px}.project-caption>p{font-size:11px;max-width:145px;line-height:1.7}.project-caption .eyebrow{font-size:7px}.project-hover{opacity:1;transform:none;font-size:9px;padding:9px;right:13px;bottom:13px}.tags span{font-size:8px}.work-footnote{font-size:9px}.service-explorer{display:flex;flex-direction:column;gap:28px}.service-tab{padding:20px 0;gap:18px}.service-tab strong{font-size:20px}.service-contact{margin-top:22px;font-size:11px}.service-visual{height:290px}.service-copy h3{font-size:23px}.service-copy>p{font-size:13px}.identity-mark{width:155px;right:23px}.art-wordmark{font-size:24px}.engagements{grid-template-columns:1fr}.engagement{padding:28px}.engagement+.engagement{border-left:0;border-top:1px solid #283b2c3d}.engagement h3{font-size:36px}.engagement>p:not(.engagement-note){font-size:13px}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps article{padding-top:20px}.steps h3{font-size:21px;margin:14px 0 10px}.steps p{max-width:none}.contact{grid-template-columns:1fr;gap:45px}.contact h2{font-size:72px;letter-spacing:-3px;margin:25px 0}.contact-intro>p:not(.eyebrow){font-size:15px}.contact-local{margin-top:25px;font-size:8px}footer{grid-template-columns:1fr auto;padding:30px 6%;gap:25px}footer p{grid-column:1/-1;grid-row:2}footer>a:last-of-type{font-size:10px}footer .brand>span:last-child{font-size:10px}footer>small{font-size:8px}dialog{padding:30px 23px}dialog h2{font-size:31px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.hero video{display:none}.hero{background:url('assets/kraken-hero.png') 65% center/cover no-repeat}}