:root{--paper:#f5f4ee;--ink:#17191b;--muted:#686d70;--line:#d8dad5;--blue:#314ff2;--lime:#c9f461;--display:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--lime);color:var(--ink)}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--ink);color:white;padding:12px 16px}.skip-link:focus{top:16px}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.page-shell{overflow:hidden}.section-pad{padding-inline:clamp(24px,5.5vw,100px)}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(24px,5.5vw,100px);position:fixed;left:0;right:0;top:0;z-index:20;transition:background .3s,box-shadow .3s,height .3s}.site-header.is-scrolled{height:72px;background:rgba(245,244,238,.9);backdrop-filter:blur(20px);box-shadow:0 1px 0 rgba(15,18,20,.09)}.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-size:14px;font-weight:800;letter-spacing:-.04em}.brand-mark{width:31px;height:31px;background:var(--ink);border-radius:7px;color:white;display:grid;place-items:center;font-size:22px;letter-spacing:-.12em;line-height:1;padding-right:4px}.brand-mark span{color:var(--lime)}.site-header nav{display:flex;gap:36px;align-items:center;font-size:13px;font-weight:600}.site-header nav a,.header-contact{transition:opacity .2s}.site-header nav a:hover,.header-contact:hover{opacity:.52}.header-contact{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px}.header-contact span{margin-left:14px}.menu-button,.mobile-nav{display:none}.hero{padding-top:134px;min-height:min(850px,100svh);display:flex;flex-direction:column}.hero-topline,.hero-bottom{display:flex;justify-content:space-between;align-items:center}.eyebrow,.hero-index,.hero-bottom,.visual-label,.project-number,.status,.step-num,.contact-top,.site-footer,.work-note{font-size:11px;line-height:1.4;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.eyebrow{display:inline-flex;align-items:center;gap:11px}.signal-dot{width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 5px rgba(49,79,242,.1)}.hero-index{color:#8a8e8c}.hero-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:4vw;align-items:center;flex:1;min-height:600px}.hero-copy{position:relative;z-index:2;padding-bottom:45px}.hero h1,.section-heading h2,.approach h2,.about h2,.contact h2{font-family:var(--display);font-weight:700;letter-spacing:-.075em;line-height:1.07;margin:0}.hero h1{font-size:clamp(72px,7.9vw,134px);white-space:nowrap}.hero h1 em,.section-heading h2 em,.approach h2 em,.about h2 em,.contact h2 em{font-style:normal;color:var(--blue)}.hero-copy p{font-size:clamp(17px,1.45vw,20px);line-height:1.6;max-width:520px;margin:33px 0 33px;color:#4f5657;letter-spacing:-.025em}.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 19px;border-radius:3px;font-size:12px;font-weight:700;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{transform:translateY(-3px);box-shadow:0 14px 24px rgba(0,0,0,.16)}.button-dark{background:var(--ink);color:#fff}.button span{font-size:18px;font-weight:400}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #aeb1ac;padding:10px 0}.text-link span{margin-left:9px}.hero-art{height:min(560px,52vw);min-height:430px;position:relative;isolation:isolate;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:9% 7% 9% 0;border:1px solid #dddeda;border-radius:50%;transform:rotate(-22deg) scaleX(1.18)}.art-caption{position:absolute;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.16em;z-index:3}.art-caption-top{top:8%;right:3%;color:#838784}.art-caption-bottom{bottom:9%;left:4%;display:flex;gap:80px}.art-caption-bottom span{font-size:17px;line-height:8px}.orbit{position:absolute;border:1px solid #e4e4de;border-radius:50%;transform:rotate(-26deg);left:13%;top:10%;width:70%;height:80%}.orbit-two{left:24%;top:21%;width:48%;height:58%}.orbit-three{left:35%;top:32%;width:26%;height:36%}.art-cluster{position:absolute;left:11%;top:15%;width:78%;height:67%;transform:rotate(-10deg)}.art-cluster i{position:absolute;width:4px;height:4px;border-radius:50%;background:#b9bbb5}.art-cluster i:nth-child(1){left:2%;top:32%}.art-cluster i:nth-child(2){left:10%;top:18%}.art-cluster i:nth-child(3){left:18%;top:47%}.art-cluster i:nth-child(4){left:14%;top:69%}.art-cluster i:nth-child(5){left:23%;top:26%}.art-cluster i:nth-child(6){left:28%;top:10%}.art-cluster i:nth-child(7){left:29%;top:79%}.art-cluster i:nth-child(8){left:34%;top:52%}.art-cluster i:nth-child(9){left:42%;top:20%}.art-cluster i:nth-child(10){left:43%;top:65%}.art-cluster i:nth-child(11){left:47%;top:86%}.art-cluster i:nth-child(12){left:51%;top:36%}.art-cluster i:nth-child(13){left:54%;top:5%}.art-cluster i:nth-child(14){left:60%;top:68%}.art-cluster i:nth-child(15){left:64%;top:23%}.art-cluster i:nth-child(16){left:66%;top:90%}.art-cluster i:nth-child(17){left:72%;top:49%}.art-cluster i:nth-child(18){left:74%;top:8%}.art-cluster i:nth-child(19){left:78%;top:79%}.art-cluster i:nth-child(20){left:83%;top:33%}.art-cluster i:nth-child(21){left:88%;top:61%}.art-cluster i:nth-child(22){left:94%;top:17%}.art-cluster i:nth-child(23){left:95%;top:72%}.art-cluster i:nth-child(24){left:37%;top:33%}.art-line{position:absolute;inset:0;width:100%;height:100%;color:var(--blue);overflow:visible}.art-line .trace{stroke-dasharray:56 850;animation:trace 9s linear infinite}@keyframes trace{to{stroke-dashoffset:-900}}.art-node{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:4px;background:var(--paper);box-shadow:0 8px 26px rgba(30,39,37,.11);font-size:10px;font-weight:800;color:var(--blue)}.art-node span{color:var(--ink);font-size:10px;letter-spacing:.01em}.art-node-a{left:12%;top:58%}.art-node-b{left:48%;top:27%}.art-node-c{right:6%;top:61%}.hero-bottom{border-top:1px solid var(--line);height:78px;color:#777e7c}.scroll-line{height:1px;width:min(24vw,310px);background:var(--line)}.work{background:#fff;padding-top:145px;padding-bottom:143px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:68px}.section-heading h2,.approach h2,.about h2{font-size:clamp(45px,5vw,76px);margin-top:18px}.section-heading>p{font-size:17px;line-height:1.65;color:var(--muted);max-width:330px;margin:0 0 4px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:82px 25px}.project-hoku{grid-column:span 2}.project-visual{height:clamp(330px,35vw,550px);position:relative;overflow:hidden;border-radius:4px;transition:transform .6s cubic-bezier(.18,.8,.2,1),box-shadow .6s}.project:hover .project-visual{transform:translateY(-5px);box-shadow:0 25px 50px rgba(13,18,35,.13)}.project-hoku .project-visual{height:clamp(420px,42vw,650px)}.visual-label{position:absolute;bottom:24px;left:28px;color:rgba(255,255,255,.65);z-index:2}.hoku-visual{background:#101122;color:#fff}.visual-grid,.raid-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000)}.hoku-glow{position:absolute;width:65%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#6639e8 0%,rgba(95,60,225,.5) 25%,transparent 68%);left:5%;top:5%;filter:blur(8px);animation:breathe 7s ease-in-out infinite alternate}@keyframes breathe{to{transform:scale(1.18);opacity:.65}}.hoku-symbol{position:absolute;left:14%;top:12%;font-size:clamp(220px,29vw,480px);line-height:1;color:#bea1ff;filter:drop-shadow(0 0 55px rgba(149,106,255,.6));transform:rotate(-15deg);font-family:Arial}.hoku-ui{position:absolute;right:8%;top:16%;width:35%;height:66%;background:rgba(21,22,42,.84);border:1px solid rgba(255,255,255,.25);border-radius:13px;box-shadow:0 30px 80px rgba(0,0,0,.5);backdrop-filter:blur(20px);padding:6%;display:flex;flex-direction:column;justify-content:space-between;transform:perspective(900px) rotateY(-9deg) rotateX(4deg)}.hoku-ui>span{font-size:10px;letter-spacing:.2em;color:#c0b5d7}.spark{display:flex;align-items:end;gap:4%;height:48%;border-bottom:1px solid #716e8b}.spark i{background:linear-gradient(#b694ff,#6445e4);width:6%;height:20%;border-radius:3px 3px 0 0}.spark i:nth-child(2){height:35%}.spark i:nth-child(3){height:26%}.spark i:nth-child(4){height:51%}.spark i:nth-child(5){height:39%}.spark i:nth-child(6){height:64%}.spark i:nth-child(7){height:56%}.spark i:nth-child(8){height:72%}.spark i:nth-child(9){height:62%}.spark i:nth-child(10){height:86%}.spark i:nth-child(11){height:77%}.hoku-ui-bottom{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#c9c8d0}.hoku-ui-bottom span:last-child{color:#c7aaff}.raid-visual{background:#d7f159;color:#142311}.raid-grid{background-image:linear-gradient(rgba(20,35,17,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(20,35,17,.12) 1px,transparent 1px);background-size:32px 32px;mask-image:none;transform:perspective(350px) rotateX(28deg) scale(1.8)}.raid-ring{position:absolute;border:1px solid rgba(20,35,17,.35);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);aspect-ratio:1}.raid-ring-one{width:45%}.raid-ring-two{width:78%}.raid-crosshair{position:absolute;top:12%;right:10%;font-size:38px;font-weight:300}.raid-title{position:absolute;left:8%;top:48%;transform:translateY(-50%);font-family:var(--display);font-size:clamp(68px,9vw,150px);font-weight:800;letter-spacing:-.09em;line-height:1}.raid-title span{display:block;margin-left:12%;font-style:italic}.raid-visual .visual-label{color:#334128}.pacee-visual{background:#24144f;color:white}.pacee-visual:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 65% 54%,#7152e4 0,transparent 43%);opacity:.8}.pacee-road{position:absolute;border:2px solid rgba(242,234,255,.32);width:88%;height:35%;left:8%;top:33%;border-radius:50%;transform:rotate(-18deg)}.pacee-road-two{width:53%;height:19%;left:27%;top:40%;border-style:dashed;opacity:.6}.pacee-pin{position:absolute;width:13px;height:13px;background:#f6af55;border:3px solid white;border-radius:50%;box-shadow:0 0 0 9px rgba(246,175,85,.18);z-index:1}.pin-one{left:19%;top:45%}.pin-two{left:53%;top:28%}.pin-three{right:15%;bottom:30%}.pacee-logo{position:absolute;font-family:var(--display);font-size:clamp(100px,10vw,165px);font-weight:800;letter-spacing:-.09em;left:9%;top:29%;text-shadow:0 20px 50px rgba(0,0,0,.23)}.pacee-logo span:not(.period){color:#faac64}.pacee-logo .period{color:#faac64}.pacee-tag{position:absolute;right:8%;bottom:22%;font-size:13px;letter-spacing:.03em}.project-meta{display:flex;justify-content:space-between;gap:32px;padding-top:22px}.project-number{color:var(--blue)}.project h3{font-family:var(--display);font-size:clamp(24px,2.25vw,33px);letter-spacing:-.055em;margin:11px 0 8px}.project p{font-size:14px;line-height:1.6;color:var(--muted);margin:0;max-width:550px}.status{color:#757b79;white-space:nowrap;padding-top:5px;text-align:right;font-size:9px}.project:not(.project-hoku) .project-meta{display:block}.project:not(.project-hoku) .status{display:block;text-align:left;margin-top:14px}.work-note{color:#9a9d98;margin:62px 0 0;text-transform:none;letter-spacing:.01em;font-weight:500;font-size:12px}.approach{background:#1a1c21;color:#fff;padding-top:140px;padding-bottom:165px}.approach-heading{max-width:850px}.approach h2{margin:21px 0 22px}.approach h2 em{color:var(--lime)}.approach-heading>p{font-size:19px;line-height:1.65;color:#aeb3b1;max-width:610px}.approach-track{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:115px;position:relative}.track-line{position:absolute;top:3px;left:0;right:0;height:1px;background:#41454a}.track-line span{display:block;height:100%;width:33%;background:var(--lime)}.approach-step{padding-top:32px}.step-num{color:var(--lime)}.approach-step h3{font-family:var(--display);font-size:clamp(25px,2.6vw,36px);letter-spacing:-.055em;margin:30px 0 10px}.approach-step p{color:#9ea5a3;line-height:1.6;font-size:14px;max-width:210px;margin:0}.about{background:var(--paper);padding-top:160px;padding-bottom:170px;display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.about-label{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.about-monogram{font-family:var(--display);font-weight:800;letter-spacing:-.15em;font-size:clamp(180px,27vw,390px);line-height:.7;color:#e1e3d9;margin-left:-.07em}.about-monogram span{color:var(--blue)}.about h2{margin-top:0}.about-copy p{font-size:17px;line-height:1.7;color:#58605e;max-width:580px}.about-copy p:first-of-type{margin-top:35px}.about-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:40px}.about-links a{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:7px}.contact{background:var(--lime);padding-top:60px;padding-bottom:75px}.contact-top,.contact-bottom{display:flex;justify-content:space-between;align-items:center}.contact-top .eyebrow{font-size:11px}.contact-top>span:last-child{font-size:11px;letter-spacing:.08em}.contact-main{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:110px 0 105px}.contact h2{font-size:clamp(55px,7.8vw,118px)}.contact h2 em{color:var(--ink);font-style:italic;font-weight:500}.contact-arrow{flex:none;width:clamp(82px,9vw,140px);height:clamp(82px,9vw,140px);display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:clamp(35px,4vw,58px);transition:transform .3s,background .3s,color .3s}.contact-arrow:hover{background:var(--ink);color:var(--lime);transform:rotate(45deg)}.contact-bottom{border-top:1px solid rgba(23,25,27,.45);padding-top:22px;font-size:13px;font-weight:700}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(24px,5.5vw,100px);background:#1a1c21;color:#c8cbc7;font-size:10px}.site-footer a:hover{color:white}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.18,.8,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1100px){.hero-main{grid-template-columns:1fr .78fr}.hero h1{font-size:clamp(63px,7.4vw,90px)}.hero-art{min-height:380px}.hoku-ui{width:41%}}@media(max-width:760px){.site-header{height:70px}.site-header.is-scrolled{height:64px}.brand-name{font-size:13px}.site-header nav,.header-contact{display:none}.menu-button{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:8px;cursor:pointer}.menu-button span{display:block;width:23px;height:2px;background:var(--ink)}.mobile-nav:not([hidden]){display:flex;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--paper);z-index:19;flex-direction:column;padding:40px 24px;gap:28px;font-family:var(--display);font-size:28px;font-weight:700}.hero{padding-top:109px;min-height:auto}.hero-main{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.hero-copy{padding:88px 0 18px}.hero h1{font-size:clamp(57px,11.5vw,86px);white-space:normal}.hero-copy p{margin:24px 0 26px;font-size:17px}.hero-art{height:450px;min-height:0;margin:0 -24px}.hero-bottom{height:66px}.hero-bottom .scroll-line{display:none}.work,.approach{padding-top:95px;padding-bottom:100px}.section-heading{display:block;margin-bottom:42px}.section-heading h2,.approach h2,.about h2{font-size:clamp(45px,8vw,62px)}.section-heading>p{margin-top:22px}.project-grid{display:block}.project{margin-bottom:55px}.project-hoku .project-visual,.project-visual{height:380px}.hoku-symbol{font-size:250px;left:8%;top:17%}.hoku-ui{width:43%;height:61%;right:7%;top:19%;padding:5%}.project-meta{display:block}.status{display:block;text-align:left;margin-top:15px}.project h3{font-size:27px}.raid-title{font-size:clamp(67px,15vw,120px)}.pacee-logo{font-size:clamp(95px,18vw,140px)}.approach-track{gap:28px;margin-top:72px}.about{display:block;padding-top:100px;padding-bottom:105px}.about-label{display:block}.about-monogram{display:none}.about-copy{margin-top:28px}.about-copy p{font-size:16px}.contact{padding-top:38px;padding-bottom:42px}.contact-main{padding:85px 0}.contact h2{font-size:clamp(46px,9vw,70px)}.contact-arrow{width:75px;height:75px;font-size:34px}.site-footer{flex-wrap:wrap}}@media(max-width:520px){.hero-index{display:none}.hero-copy{padding-top:75px}.hero h1{font-size:clamp(49px,12.5vw,64px)}.hero-art{height:370px}.art-node{font-size:8px;padding:7px}.art-node span{font-size:8px}.art-caption{font-size:8px}.art-node-a{left:9%;top:58%}.art-node-c{right:2%}.hero-actions{gap:20px}.button{gap:15px}.hero-bottom span:first-child{display:none}.hero-bottom{justify-content:flex-end}.project-hoku .project-visual,.project-visual{height:290px}.hoku-symbol{font-size:205px}.hoku-ui{height:64%;top:18%;width:45%}.hoku-ui>span,.hoku-ui-bottom{font-size:7px}.raid-title{font-size:70px}.pacee-logo{font-size:90px}.approach-track{display:block}.track-line{top:0;bottom:0;width:1px;height:auto;left:3px;right:auto}.track-line span{width:100%;height:33%}.approach-step{padding:0 0 0 32px;margin:0 0 42px}.approach-step h3{margin:10px 0 8px}.approach-step p{max-width:260px}.contact-top>span:last-child{display:none}.contact-main{display:block;padding:80px 0 70px}.contact h2{font-size:clamp(45px,11.8vw,64px)}.contact-arrow{margin-top:40px}.contact-bottom{display:block}.contact-bottom span{display:block;margin-top:10px}.site-footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}