*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background:#f4f0ec;color:#1a1a1a;font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}a{text-decoration:none}.page{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#f4f0ec;color:#1a1a1a;min-height:100vh;overflow-x:hidden}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #1a1a1a;flex-wrap:wrap;gap:1rem}.logo{font-weight:800;font-size:clamp(1.1rem,3vw,1.5rem);text-transform:uppercase;letter-spacing:-.04em;color:#1a1a1a;text-decoration:none;animation:fadeSlideDown .5s cubic-bezier(.34,1.56,.64,1) both}.logoAccent{color:#ff5e00}.navRight{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;animation:fadeSlideDown .5s cubic-bezier(.34,1.56,.64,1) .1s both}.navSocial{color:#1a1a1a;text-decoration:none;font-weight:800;font-size:.9rem;text-transform:uppercase;transition:color .2s}.navSocial:hover{color:#ff5e00}.hero{padding:clamp(3rem,8vw,6rem) 2rem;border-bottom:2px solid #1a1a1a;position:relative;overflow:hidden}.heroTitle{font-weight:800;font-size:clamp(1rem,9vw,5.5rem);line-height:1.05;letter-spacing:-.04em;margin-bottom:2rem;display:flex;flex-direction:column}.heroLine{display:block;white-space:nowrap}.heroLine:nth-child(1){animation:fadeSlideUp .6s cubic-bezier(.34,1.56,.64,1) .3s both}.heroLine:nth-child(2){animation:fadeSlideUp .6s cubic-bezier(.34,1.56,.64,1) .5s both}.heroSub{font-size:clamp(1.1rem,4vw,1.4rem);max-width:1000px;line-height:1.5;font-weight:500;color:#333;animation:fadeSlideUp .6s cubic-bezier(.34,1.56,.64,1) .7s both}.marquee{background:#ff5e00;color:#1a1a1a;padding:.8rem 0;border-bottom:2px solid #1a1a1a;overflow:hidden;white-space:nowrap;animation:marqueeReveal .5s ease-out .8s both}.marqueeContent{font-weight:800;font-size:1.1rem;letter-spacing:.1em;display:inline-block;animation:marqueeScroll 30s linear infinite;text-transform:uppercase}.portfolio{padding:clamp(2rem,4vw,4rem) 2rem}.pillar{display:flex;border-top:2px solid #1a1a1a;padding:clamp(2rem,5vw,4rem) 0;gap:clamp(2rem,4vw,4rem)}.pillar:first-child{border-top:none;padding-top:0}.pillarLeft{flex:1;position:sticky;top:6rem;align-self:flex-start}.pillarLeft h2{font-weight:800;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.05;margin-bottom:1.5rem;word-wrap:break-word;letter-spacing:-.04em}.pillarLeft em{color:#ff5e00;font-style:normal}.pillarLeft p{font-size:1.2rem;line-height:1.6;max-width:400px;font-weight:500}.pillarRight{flex:1.5;display:flex;flex-direction:column;gap:3rem}.card{background:#fff;border:3px solid #1a1a1a;padding:clamp(1.5rem,4vw,2.2rem);border-radius:0;box-shadow:8px 8px #1a1a1a;scroll-margin-top:2rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s cubic-bezier(.175,.885,.32,1.275)}.cardDev{background-color:#fff;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #1a1a1a}.cardTop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.cardTop h3{font-weight:800;font-size:clamp(1.4rem,3vw,1.8rem);letter-spacing:-.04em;margin:0;background:#fff;padding:0 .5rem;margin-left:-.5rem;border-radius:0}.status{font-family:monospace;font-weight:800;font-size:1rem;background:#fff;padding:0 .4rem;letter-spacing:.05em}.cardBody{margin-bottom:3rem}.cardBody p{font-size:1.2rem;line-height:1.6;margin:0;background:#ffffffe6;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-weight:500}.link{display:inline-block;font-weight:800;text-decoration:none;font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em;background:#ff5e00;color:#1a1a1a;padding:1rem 2rem;border-radius:0;border:3px solid #1a1a1a;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:4px 4px #1a1a1a}.link:hover{background:#1a1a1a;color:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px #ff5e00}.footer{background:#1a1a1a;color:#f4f0ec;padding:clamp(3rem,8vw,6rem) 2rem 4rem}.footerGiant{font-weight:800;font-size:clamp(2rem,6.5vw,12rem);line-height:.85;letter-spacing:-.05em;margin-bottom:4rem;color:#f4f0ec;white-space:nowrap;text-transform:uppercase}.footerGiantAccent{color:#ff5e00}.footerLinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:1px solid #333;padding-top:3rem;gap:3rem}.col{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.col h4,.footerColHeading{font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#888;margin:0 0 .5rem}.col a{color:#f4f0ec;text-decoration:none;font-size:1.2rem;font-weight:700;transition:color .2s,padding-left .2s}.col a:hover{color:#ff5e00;padding-left:.5rem}.textBtn{background:transparent;border:none;color:#f4f0ec;font-size:1.2rem;font-weight:700;padding:0;cursor:pointer;font-family:inherit;text-align:left;transition:color .2s,padding-left .2s}.textBtn:hover{color:#ff5e00;padding-left:.5rem}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes marqueeReveal{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.motion-enhanced .animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.motion-enhanced .animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.legal-content{max-width:700px;margin:0 auto;padding:clamp(2rem,5vw,4rem) 2rem}.legal-content h1{font-weight:800;font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:-.04em;text-transform:uppercase;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #1a1a1a}.legal-content section{margin-bottom:2rem}.legal-content h2{font-weight:800;font-size:1.2rem;margin-bottom:.5rem}.legal-content p{color:#333;font-size:1.1rem;line-height:1.6}.legal-back{display:inline-block;margin-top:2rem;font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:#1a1a1a;text-decoration:none;padding:.8rem 1.5rem;border:2px solid #1a1a1a;transition:all .2s}.legal-back:hover{background:#1a1a1a;color:#f4f0ec}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.logo,.navRight,.heroLine,.heroSub,.marquee,.marqueeContent{animation:none}.motion-enhanced .animate-on-scroll,.motion-enhanced .animate-on-scroll.is-visible{opacity:1;transform:none;transition:none}.card,.link,.legal-back,.col a,.navSocial{transition:none}}@media(max-width:768px){.pillar{flex-direction:column;gap:3rem}.pillarLeft{position:relative;top:0;align-self:stretch}.card{box-shadow:4px 4px #1a1a1a}.card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #1a1a1a}}
