@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#111022;--panel:#211d39;--edge:#635d83;--text:#f8f4ee;--muted:#c3bbd1;--acid:#d9ff70;--violet:#a394e8;--paper:#f0e8dc;--ink:#241d37}
body{background:radial-gradient(circle at 90% 7%,#342653 0,transparent 35%),var(--bg);font-family:'DM Sans',sans-serif}
body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}
h1,h2,h3{font-family:'Archivo Black',sans-serif;letter-spacing:-.07em;font-weight:400;text-wrap:balance}
.eyebrow{font-family:'Space Mono',monospace;letter-spacing:.08em;color:var(--acid)}
.site-header{background:#17152bc9;backdrop-filter:blur(20px);border-bottom:1px solid #6d6480;position:sticky;top:0}
.head-row{min-height:80px}.brand{display:inline-flex;align-items:center;gap:7px;font-family:'Archivo Black',sans-serif;font-size:1.35rem;letter-spacing:-.08em;white-space:nowrap}.brand img{object-fit:contain;width:38px;height:38px}.brand-dot{color:var(--acid)}
.head-row nav a{font-family:'Space Mono',monospace;text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.header-contact{padding:11px 16px;background:var(--acid);color:var(--ink);border:1px solid var(--acid);font-family:'Space Mono',monospace;text-transform:uppercase;font-size:.75rem}.header-contact:hover{background:var(--paper);color:var(--ink)}
.hero{position:relative;min-height:790px;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--edge);padding-top:27px}.hero:before{content:"";position:absolute;z-index:-2;width:70%;height:65%;right:-9%;top:9%;background:radial-gradient(circle,#745cc6 0,#433273 43%,transparent 70%);filter:blur(24px);opacity:.6}.hero-top,.hero-bottom{position:relative;z-index:5}.hero-copy{position:relative;z-index:3;padding-top:70px;max-width:780px}.hero h1{font-size:clamp(4.2rem,8.7vw,8.8rem);line-height:.96;margin:0 0 25px;text-transform:uppercase;max-width:800px}.hero h1 em{display:inline-block;color:var(--acid);font-style:normal;transform:rotate(-3deg);text-shadow:5px 6px 0 #493266}.hero-copy>p{max-width:490px;font-size:1.3rem;color:#f2eaf8}.hero-actions{margin:30px 0 70px}.button{font-family:'Space Mono',monospace;font-size:.84rem;text-transform:uppercase;letter-spacing:0;border:1px solid #b3aac7}.button.primary{color:var(--ink);box-shadow:5px 5px 0 #8c71cc}.button.ghost{background:#292342a6}.hero-bottom{border-top:1px solid #82769e;font-family:'Space Mono',monospace}
.hero-collage{position:absolute;right:-3%;top:15%;width:min(64%,780px);height:580px;z-index:2;pointer-events:none}.collage-orbit{position:absolute;right:4%;top:5%;width:76%;height:85%;border-radius:50%;background:repeating-radial-gradient(circle,#c7b7ee50 0 1px,transparent 2px 24px),radial-gradient(circle,#8a73c78f,transparent 65%);transform:rotate(-15deg)}.collage-chrome{position:absolute;width:78%;height:auto;right:1%;top:22%;filter:drop-shadow(16px 26px 11px #0807178f);transform:rotate(-9deg)}.collage-bird{position:absolute;width:40%;height:auto;top:-6%;left:5%;filter:drop-shadow(12px 24px 12px #06041099);transform:rotate(-18deg)}.collage-ticket{position:absolute;left:6%;bottom:4%;background:var(--paper);color:var(--ink);width:210px;min-height:170px;padding:18px 20px;transform:rotate(9deg);box-shadow:12px 16px 0 #100e2580;clip-path:polygon(0 0,100% 0,100% 94%,94% 100%,88% 95%,81% 100%,74% 95%,68% 100%,61% 95%,54% 100%,47% 95%,40% 100%,33% 95%,26% 100%,19% 95%,12% 100%,5% 95%,0 100%)}.collage-ticket span,.collage-ticket small{display:block;font:700 .65rem 'Space Mono',monospace;letter-spacing:.1em}.collage-ticket strong{display:block;font:1.6rem/1.05 'Archivo Black',sans-serif;letter-spacing:-.06em;margin:17px 0}.collage-stamp{position:absolute;right:10%;bottom:2%;display:grid;place-content:center;text-align:center;width:100px;height:100px;background:#f4a5cc;color:#281e3c;border:3px dashed #2a1d41;border-radius:50%;font:700 1rem/1.2 'Space Mono',monospace;transform:rotate(17deg)}
.section-intro{padding:125px 0 42px}.section-intro h2{font-size:clamp(2.3rem,4.7vw,4.6rem)}
.bento{gap:18px}.tile{position:relative;overflow:hidden;min-height:330px;background:var(--panel);border:1px solid #9b8cb3;padding:34px;box-shadow:6px 6px 0 #100d23}.tile:before{content:"";position:absolute;width:240px;height:240px;right:-70px;top:-80px;border-radius:50%;background:repeating-conic-gradient(from 10deg,#ffffff24 0deg 2deg,transparent 2deg 8deg);opacity:.7}.tile:nth-child(2){background:#e2d8ef;color:var(--ink)}.tile:nth-child(2) p,.tile:nth-child(4) p{color:#403651}.tile:nth-child(2) .eyebrow,.tile:nth-child(4) .eyebrow{color:#443478}.tile:nth-child(3){background:#463978}.tile:nth-child(4){background:#d9ff70;color:var(--ink)}.tile:nth-child(5){background:#3a284e}.tile h2{font-size:clamp(2.3rem,3.6vw,3.7rem);position:relative}.tile p,.tile-end{position:relative}.tile-end b{color:inherit}.tile:hover{background:#47366b;transform:translate(-3px,-3px)}.tile:nth-child(2):hover{background:#f0e8f7}.tile:nth-child(4):hover{background:#e8ffac}
.product-band{position:relative;gap:80px;border:0;margin:130px 0 90px;padding:75px 55px;background:var(--paper);color:var(--ink);transform:rotate(-1deg);box-shadow:15px 17px 0 #68539b}.product-band:after{content:"FIELD NOTES  /  XZCUTE";position:absolute;right:25px;top:21px;color:#554870;font:700 .65rem 'Space Mono',monospace;letter-spacing:.1em}.product-band>*{transform:rotate(1deg)}.product-band .eyebrow{color:#584597}.product-band p{color:#554b64}.product-links a{border-color:#7d718d}.product-links a:hover{color:#6547a7}
.closing{position:relative;overflow:hidden;min-height:440px;padding:65px 0 120px}.closing h2{position:relative;z-index:1}.closing .button{position:relative;z-index:2}.closing-sloth{position:absolute;right:2%;bottom:-26%;width:35%;max-width:400px;transform:rotate(10deg);filter:drop-shadow(15px 12px 4px #0007)}
.page-hero{position:relative;overflow:hidden;padding:95px 0 115px}.page-hero:after{content:"";position:absolute;right:-4%;top:7%;width:260px;height:260px;background:url('/assets/bird.webp') center/contain no-repeat;opacity:.33;transform:rotate(-20deg);pointer-events:none}.page-hero h1{font-size:clamp(3.5rem,8vw,7rem);line-height:1.02;text-transform:uppercase;max-width:920px}.page-hero p{color:#ded5e9}.page-hero .button{position:relative;z-index:1}.crumb{font-family:'Space Mono',monospace;font-size:.7rem;text-transform:uppercase}
.index-group{border-color:#6d6386}.index-group h2,.detail-grid h2,.service-sections h2{font-family:'Archivo Black',sans-serif}.index-links a,.detail-list a,.related a{border-color:#776b92}.detail-list,.contact-panel form{background:#302746;border:1px solid #9b8bb2;box-shadow:8px 8px 0 #0a0917}.detail-grid{align-items:start}.service-sections section{border-color:#70648b}.side-note{background:var(--paper);color:var(--ink);padding:24px;transform:rotate(-3deg);box-shadow:7px 9px 0 #55447b}.side-note .eyebrow{color:#5a4199}.side-note p{color:#4e435e}.product-cards a{background:#34284d;border-color:#a89abc;box-shadow:8px 8px 0 #0b091c}.product-cards a:nth-child(2){background:#e4d9ef;color:var(--ink)}.product-cards a:nth-child(2) p{color:#574d62}.product-cards a:hover{background:#563c82}.product-cards a:nth-child(2):hover{background:#f4eafd}.contact-panel textarea{background:#1c1730;border-color:#a094b7}footer{background:#211a38;border-color:#807397}.footer-grid strong{color:#d3c6e7}
@media(max-width:980px){.hero-collage{right:-18%;top:28%;width:70%;opacity:.8}.hero-copy{max-width:72%}.hero h1{font-size:clamp(4.1rem,9vw,7rem)}.collage-ticket{left:0}}
@media(max-width:760px){.head-row{min-height:69px}.head-row nav{padding:6px 0 2px}.header-contact{font-size:.69rem;padding:9px 10px}.hero{min-height:760px}.hero-copy{padding-top:38px;max-width:100%}.hero h1{font-size:clamp(3.3rem,12vw,5.7rem);max-width:650px}.hero-copy>p{font-size:1.12rem;max-width:450px}.hero-actions{margin-bottom:270px}.hero-collage{width:95%;height:340px;right:-4%;top:auto;bottom:30px;opacity:1}.collage-chrome{width:74%;right:3%;top:19%}.collage-bird{width:37%;left:5%;top:-6%}.collage-ticket{width:135px;min-height:113px;padding:10px;bottom:12%;left:2%}.collage-ticket strong{font-size:1rem;margin:9px 0}.collage-ticket span,.collage-ticket small{font-size:.5rem}.collage-stamp{width:64px;height:64px;font-size:.66rem;right:1%;bottom:8%}.hero-bottom{font-size:.68rem}.section-intro{padding-top:85px}.tile{min-height:300px}.product-band{margin:90px 7px;padding:60px 27px 40px;gap:30px}.product-band:after{font-size:.5rem}.closing{min-height:520px;padding-bottom:240px}.closing-sloth{width:75%;right:-11%;bottom:-18%}.page-hero{padding:65px 0 75px}.page-hero:after{width:130px;height:130px;top:10%;opacity:.18}.page-hero h1{font-size:clamp(3.1rem,11vw,5rem)}.detail-grid,.service-body,.contact-panel{gap:35px}.contact-panel form{padding:22px}}
@media(prefers-reduced-motion:reduce){.hero h1 em,.collage-bird,.collage-chrome{transform:none}}

/* The headline and cutouts each have a defined stage, so the message stays legible. */
.hero{min-height:720px;background:linear-gradient(118deg,#19142c 0%,#251e42 61%,#302452 100%)}
.hero:before{width:52%;height:66%;right:0;top:14%;opacity:.38}
.hero-copy{width:54%;max-width:640px;padding-top:68px}
.hero h1{font-size:clamp(4.15rem,5vw,6.65rem);line-height:.99;max-width:none;margin-bottom:28px}
.hero h1 span,.hero h1 em{display:block;white-space:nowrap}
.hero h1 em{width:max-content;max-width:100%;transform:rotate(-2deg);margin-top:6px}
.hero-copy>p{max-width:470px;font-size:1.22rem;line-height:1.5}
.hero-actions{margin-bottom:55px}
.hero-collage{right:-1%;top:15%;width:53%;height:540px;z-index:2}
.collage-orbit{width:91%;height:89%;right:0;top:0}
.collage-chrome{width:93%;right:0;top:22%;transform:rotate(-7deg)}
.collage-bird{width:37%;left:7%;top:0;transform:rotate(-10deg)}
.collage-ticket{left:3%;bottom:0;transform:rotate(7deg)}
.collage-stamp{right:5%;bottom:2%}
.closing{min-height:490px;margin:45px 0 100px;padding:72px 56px;display:grid;grid-template-columns:54% 46%;gap:0;overflow:hidden;background:linear-gradient(105deg,#e8dfed 0%,#e8dfed 54%,#302448 54%,#302448 100%);color:var(--ink);box-shadow:12px 12px 0 #6a538d}
.closing-copy{position:relative;z-index:2;align-self:center;max-width:540px;padding-right:36px}
.closing .eyebrow{color:#59428e}
.closing h2{font-size:clamp(2.45rem,3.6vw,3.85rem);line-height:1.08;margin:18px 0 20px;letter-spacing:-.065em}
.closing p{font-size:1.06rem;line-height:1.55;color:#51465f;max-width:430px;margin-bottom:28px}
.closing .button{background:#302448;color:#f8f4ee;border-color:#302448;box-shadow:5px 5px 0 #a38ac3}
.closing .button:hover{background:#59428e;color:#fff}
.closing-art{position:absolute;right:0;top:0;bottom:0;width:46%;min-width:0}
.closing-art:before{content:"";position:absolute;inset:-35px -60px -70px -20px;background:repeating-radial-gradient(circle at 54% 57%,#aa92d541 0 1px,transparent 2px 24px);opacity:.65}
.closing-sloth{position:absolute;right:12px;bottom:12px;width:min(91%,470px);max-width:none;height:auto;transform:none;filter:drop-shadow(10px 18px 12px #09071588)}
@media(max-width:980px){.hero-copy{width:56%;max-width:none}.hero h1{font-size:clamp(3.55rem,6.8vw,5.8rem)}.hero-collage{right:-6%;top:20%;width:55%;height:480px;opacity:1}.collage-ticket{width:165px;min-height:145px}.collage-ticket strong{font-size:1.2rem}.closing{grid-template-columns:56% 44%;padding:58px 38px}.closing-sloth{width:94%;right:3%;bottom:12px}}
@media(max-width:760px){.hero{min-height:800px}.hero-copy{width:100%;max-width:none;padding-top:38px}.hero h1{font-size:clamp(3.25rem,11.7vw,5.8rem);line-height:.99}.hero-copy>p{font-size:1.06rem;max-width:430px}.hero-actions{margin:26px 0 285px}.hero-collage{width:98%;height:310px;right:-4%;top:auto;bottom:34px}.collage-chrome{width:81%;right:1%;top:18%}.collage-bird{width:36%;top:-8%;left:2%}.collage-ticket{width:126px;min-height:112px;left:4%;bottom:7%;padding:9px}.collage-ticket strong{font-size:.94rem;margin:8px 0}.collage-ticket span,.collage-ticket small{font-size:.46rem}.collage-stamp{width:63px;height:63px;font-size:.62rem;right:3%;bottom:7%}.closing{display:block;min-height:760px;margin:35px 0 85px;padding:42px 30px;background:linear-gradient(180deg,#e8dfed 0%,#e8dfed 48%,#302448 48%,#302448 100%)}.closing-copy{max-width:100%;padding:0}.closing h2{font-size:clamp(2.35rem,8.8vw,3.7rem)}.closing p{font-size:1rem;margin-bottom:22px}.closing-art{left:0;right:0;top:auto;bottom:0;width:100%;height:48%}.closing-art:before{inset:0}.closing-sloth{width:min(85%,370px);right:3%;bottom:0}}
@media(max-width:430px){.hero{min-height:750px}.hero h1{font-size:clamp(3rem,11.4vw,4rem)}.hero-actions{margin-bottom:250px}.hero-collage{height:275px}.closing{min-height:700px;padding:35px 23px}.closing h2{font-size:2.25rem}.closing-art{height:45%}}

.method{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;margin:115px 0 130px;padding:75px 0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.method-intro h2{font-size:clamp(2.4rem,4vw,4.4rem);margin:22px 0}
.method-intro p{max-width:450px;font-size:1.1rem}
.method-steps>div{display:grid;grid-template-columns:130px 1fr;column-gap:25px;padding:25px 0;border-top:1px solid #776b92}
.method-steps>div:last-child{border-bottom:1px solid #776b92}
.method-steps span{grid-row:span 2;color:var(--acid);font:700 .68rem 'Space Mono',monospace;letter-spacing:.03em;padding-top:5px}
.method-steps h3{font-size:1.55rem;margin:0 0 8px;letter-spacing:-.05em}
.method-steps p{margin:0;max-width:390px}
.thesis{margin:0 0 130px;padding:70px clamp(30px,6vw,90px);background:#e8dfed;color:var(--ink);box-shadow:10px 10px 0 #6a538d}
.thesis .eyebrow{color:#59428e}.thesis h2{max-width:850px;margin:22px 0;font-size:clamp(2.5rem,5vw,5rem)}.thesis p{max-width:750px;color:#51465f;font-size:1.15rem;line-height:1.65}
@media(max-width:760px){.method{grid-template-columns:1fr;gap:30px;margin:75px 0 85px;padding:55px 0}.method-steps>div{grid-template-columns:1fr;gap:9px}.method-steps span{grid-row:auto}.method-steps h3{font-size:1.4rem}.thesis{margin-bottom:90px;padding:48px 27px}.thesis p{font-size:1.05rem}}