.hok{--ink:#151713;--cream:#f2eee5;--sand:#d8cbb7;--orange:#ef6c2f;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow:hidden}.hok *{box-sizing:border-box}.hok button{cursor:pointer}.hok-kicker{text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:700}.hok-cinematic{--p:0;--i:0;--r:0;--a:0;--f:0;height:500vh;background:#10150f;color:#fff;position:relative}.hok-stage{position:sticky;top:0;height:100vh;min-height:680px;overflow:hidden;background:radial-gradient(circle at calc(76% - var(--p)*24%) calc(30% + var(--p)*25%),#b6845755 0 12%,transparent 36%),linear-gradient(120deg,#0c110c,#283025 68%,#11160f)}.hok-grid{position:absolute;inset:0;opacity:calc(.16 - var(--f)*.1);background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:8.333vw 8.333vw;transform:perspective(700px) rotateX(calc(var(--p)*12deg)) scale(calc(1 + var(--p)*.15));transform-origin:bottom}.hok-sun{position:absolute;width:44vw;height:44vw;border-radius:50%;background:#c7915f;left:calc(60% - var(--r)*34%);top:calc(12% + var(--a)*18%);transform:scale(calc(1 - var(--a)*.55));opacity:calc(.72 - var(--f)*.45);box-shadow:0 0 100px #d8945555}.hok-chapter{position:absolute;left:4vw;top:35px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;z-index:5;opacity:calc(1 - var(--r)*1.8)}.hok-chapter span{margin-left:28px;color:#adb2a9}.hok-intro{position:absolute;left:6vw;top:50%;z-index:4;width:47vw;transform:translateY(calc(-50% - var(--i)*110px)) scale(calc(1 - var(--i)*.08));opacity:calc(1 - var(--r)*1.8)}.hok-intro h1{font:400 clamp(62px,8vw,126px)/.82 Georgia,serif;letter-spacing:-.065em;margin:28px 0;max-width:700px}.hok-lede{max-width:430px;color:#d6d6cc;line-height:1.7;font-size:16px;margin-bottom:26px}.hok-button{border:0;background:var(--orange);color:#fff;padding:17px 22px;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.hok-button span{margin-left:28px}.hok-word{position:absolute;z-index:1;font-size:14vw;font-weight:900;letter-spacing:-.09em;color:#ffffff10;white-space:nowrap;pointer-events:none}.hok-word-one{left:calc(28% - var(--i)*50%);top:25%;opacity:calc(1 - var(--r))}.hok-word-two{left:calc(100% - var(--a)*93%);bottom:1%;opacity:calc(var(--a) - var(--f))}.hok-solo{position:absolute;z-index:3;width:58vw;height:80vh;right:calc(-4vw + var(--r)*25vw);bottom:calc(-4vh + var(--r)*9vh);transform:scale(calc(.92 + var(--i)*.15 - var(--r)*.55)) rotate(calc(var(--r)*-4deg));opacity:calc(1 - var(--a)*2.2)}.hok-solo>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 45px 35px #000b)}.hok-orbit{position:absolute;inset:12%;border:1px solid #ffffff38;border-radius:50%;animation:hokOrbit 25s linear infinite;opacity:calc(var(--i) - var(--r))}.hok-orbit span{position:absolute;font-size:8px;letter-spacing:.15em;text-transform:uppercase;background:#172016;padding:6px}.hok-orbit span:nth-child(1){top:5%;left:15%}.hok-orbit span:nth-child(2){right:-4%;top:50%}.hok-orbit span:nth-child(3){bottom:4%;left:18%}.hok-assembly-copy{position:absolute;left:6vw;top:18%;z-index:6;width:42vw;opacity:calc(var(--r)*2 - var(--f)*2);transform:translateY(calc(70px - var(--r)*70px - var(--f)*70px))}.hok-assembly-copy h2,.hok-finale h2{font:400 clamp(48px,6vw,92px)/.9 Georgia,serif;letter-spacing:-.055em;margin:20px 0}.hok-assembly-copy>p:last-child{color:#aeb5ab;max-width:380px;line-height:1.7}.hok-assembly{position:absolute;left:15vw;right:8vw;bottom:2vh;height:58vh;z-index:5;display:flex;justify-content:center;align-items:flex-end;opacity:calc(1 - (var(--a) - .68)*4 - var(--f)*1.4);transform:translateY(calc(120px - var(--a)*120px))}.hok-unit{width:31%;position:relative}.hok-unit img{width:100%;height:46vh;object-fit:contain;filter:drop-shadow(0 35px 30px #000b)}.hok-unit span{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);font-size:8px;letter-spacing:.2em;white-space:nowrap}.hok-unit-left{transform:translateX(calc(-65vw + var(--a)*65vw)) rotate(calc(-12deg + var(--a)*12deg))}.hok-unit-center{transform:translateY(calc(65vh - var(--a)*65vh)) scale(1.08)}.hok-unit-right{transform:translateX(calc(65vw - var(--a)*65vw)) rotate(calc(12deg - var(--a)*12deg))}.hok-complete{position:absolute;right:3vw;bottom:1vh;width:58vw;height:82vh;z-index:5;opacity:calc((var(--a) - .68)*4 - var(--f)*1.4);transform:translateY(calc(6vh - var(--a)*6vh)) scale(calc(.9 + var(--a)*.1));transform-origin:center bottom}.hok-complete-frame{width:100%;height:100%;position:relative;overflow:hidden;border:1px solid #ffffff24;box-shadow:0 45px 80px #000a}.hok-complete-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#11160f2e,transparent 45%),linear-gradient(0deg,#0d120dc7,transparent 28%)}.hok-complete-frame img{width:100%;height:100%;object-fit:cover;object-position:center 58%;transform:scale(calc(1.12 - var(--a)*.12));filter:saturate(.78) contrast(1.04)}.hok-specs{position:absolute;left:4%;right:4%;bottom:3%;z-index:2;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.2em}.hok-finale{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,#1e2a1cdc,#0d110cf5 70%);opacity:var(--f);transform:scale(calc(.86 + var(--f)*.14));pointer-events:none}.hok-finale button{pointer-events:auto}.hok-progress{position:absolute;z-index:10;left:4vw;right:4vw;bottom:25px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;text-transform:uppercase;letter-spacing:.16em;font-size:8px}.hok-progress i{height:1px;background:linear-gradient(90deg,var(--orange) calc(var(--p)*100%),#ffffff33 0)}.hok-philosophy,.hok-collection,.hok-process{padding:120px 7vw}.hok-philosophy h2,.hok-heading h2,.hok-closing h2{font:400 clamp(52px,7vw,105px)/.9 Georgia,serif;letter-spacing:-.055em;margin:28px 0}.hok-philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:70px;padding-left:30%}.hok-philosophy-grid>p{font-size:19px;line-height:1.7}.hok-metrics{display:flex;gap:4vw}.hok-metrics div{display:flex;flex-direction:column}.hok-metrics strong{font:48px Georgia}.hok-metrics span{max-width:130px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.hok-collection{background:#dbd3c4}.hok-heading{display:grid;grid-template-columns:2fr 1fr;gap:8vw;align-items:end}.hok-heading em{color:#8f7f69}.hok-heading>p{line-height:1.8}.hok-products{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:70px}.hok-product{background:#ece7dd}.hok-product-image{height:570px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#e8e1d5,#c6b9a5)}.hok-product-image>span{position:absolute;top:20px;left:20px;font:italic 30px Georgia;color:#0005}.hok-product-image img{width:92%;height:92%;object-fit:contain;transition:transform .7s}.hok-product:hover img{transform:scale(1.04)}.hok-product-info{padding:22px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:20px}.hok-product-info small{font-size:9px;text-transform:uppercase;letter-spacing:.15em}.hok-product-info h3{font:46px Georgia;margin:4px 0}.hok-product-info p{font-size:12px}.hok-product-info button{width:44px;height:44px;border:1px solid #999;border-radius:50%;background:transparent}.hok-process{background:#efebe2}.hok-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid #aaa}.hok-steps article{padding:28px;min-height:220px;border-right:1px solid #aaa}.hok-steps article:first-child{padding-left:0}.hok-steps span{font:italic 22px Georgia;color:#888}.hok-steps h3{font:28px Georgia;margin:55px 0 16px}.hok-steps p{font-size:13px;line-height:1.6}.hok-closing{min-height:70vh;background:var(--orange);color:#fff;padding:9vw 7vw;display:flex;justify-content:space-between;align-items:center}.hok-round{width:210px;height:210px;border:1px solid #fff;border-radius:50%;background:transparent;color:#fff;text-transform:uppercase;letter-spacing:.1em}.hok-round span{display:block;margin-top:15px;font-size:25px}.hok-modal[hidden]{display:none}.hok-modal{position:fixed;z-index:1000;inset:0;background:#0a0c09db;backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.hok-modal-card{background:var(--cream);color:var(--ink);width:min(900px,100%);max-height:92vh;overflow:auto;padding:55px;position:relative}.hok-close{position:absolute;right:22px;top:14px;border:0;background:transparent;font-size:32px}.hok-modal-card h2{font:400 clamp(43px,5vw,72px)/.9 Georgia;margin:18px 0}.hok-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.hok-form-grid label{display:flex;flex-direction:column;gap:8px;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.hok-form-grid input,.hok-form-grid select,.hok-form-grid textarea{border:0;border-bottom:1px solid #999;background:transparent;padding:12px 0;font-size:14px}.hok-form-grid textarea{min-height:75px}.hok-wide{grid-column:1/-1}.hok-success{text-align:center;padding:50px}.hok-success>span{display:grid;place-items:center;margin:auto;width:70px;height:70px;border-radius:50%;background:var(--orange);color:#fff;font-size:30px}.hok-modal-open{overflow:hidden}@keyframes hokOrbit{to{transform:rotate(360deg)}}@media(max-width:900px){.hok-cinematic{height:430vh}.hok-intro{left:6vw;top:34%;width:88vw}.hok-intro h1{font-size:15vw}.hok-sun{width:76vw;height:76vw;left:calc(34% - var(--r)*28%);top:calc(34% + var(--a)*14%)}.hok-solo{width:95vw;height:58vh;right:calc(-20vw + var(--r)*25vw);bottom:0}.hok-orbit{display:none}.hok-assembly-copy{left:6vw;top:16%;width:88vw}.hok-assembly-copy h2,.hok-finale h2{font-size:12vw}.hok-assembly{left:0;right:0;height:48vh;bottom:8vh}.hok-unit{width:34%}.hok-unit img{height:37vh}.hok-unit-left{transform:translateX(calc(-110vw + var(--a)*110vw))}.hok-unit-center{transform:translateY(calc(65vh - var(--a)*65vh))}.hok-unit-right{transform:translateX(calc(110vw - var(--a)*110vw))}.hok-complete{right:3vw;bottom:7vh;width:94vw;height:56vh}.hok-philosophy,.hok-collection,.hok-process{padding:80px 6vw}.hok-philosophy-grid{grid-template-columns:1fr;padding-left:0}.hok-heading{grid-template-columns:1fr}.hok-products{grid-template-columns:1fr}.hok-product-image{height:460px}.hok-steps{grid-template-columns:1fr 1fr}.hok-closing{flex-direction:column;align-items:flex-start}.hok-round{align-self:flex-end;width:165px;height:165px}.hok-form-grid{grid-template-columns:1fr}.hok-wide{grid-column:auto}}@media(max-width:560px){.hok-progress span{display:none}.hok-product-image{height:360px}.hok-product-info{grid-template-columns:1fr auto}.hok-product-info>p{display:none}.hok-steps{grid-template-columns:1fr}.hok-steps article{border-right:0;border-bottom:1px solid #aaa}.hok-modal-card{padding:40px 24px}}@media(prefers-reduced-motion:reduce){.hok-orbit{animation:none}}