:root{--black:#080808;--bone:#eeeae0;--red:#681c27;--line:rgba(238,234,224,.18);--ink:#111}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--bone);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.page-header{position:fixed;inset:0 0 auto;height:72px;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;background:#080808ed;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{font-weight:700;font-size:14px;letter-spacing:-.06em;line-height:.82}.brand span{display:block}.tabs{display:flex;align-items:center;gap:28px;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.tabs a{position:relative;padding:28px 0}.tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:1px;background:var(--bone)}.page-kicker{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#918d84}.page-hero{min-height:74vh;padding:150px 5vw 70px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line)}.page-hero h1{margin:45px 0 0;max-width:1100px;font-size:clamp(72px,11vw,180px);line-height:.76;letter-spacing:-.1em;text-transform:uppercase;font-weight:600}.page-hero h1 i{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--bone)}.hero-foot{display:flex;justify-content:space-between;align-items:end;gap:40px}.hero-foot p{max-width:520px;margin:0;color:#aaa69c;font-size:16px;line-height:1.7}.hero-foot span{font-size:10px;letter-spacing:.22em;text-transform:uppercase}.collection{background:#eeece6;color:var(--ink)}.collection-bar{display:flex;justify-content:space-between;padding:20px 4vw;border-bottom:1px solid #bdbab2;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.product-grid{display:grid;grid-template-columns:repeat(2,1fr)}.card{border-right:1px solid #bdbab2;border-bottom:1px solid #bdbab2;cursor:pointer}.card:nth-child(even){border-right:0}.card-art{height:66vh;min-height:540px;background:#dedbd4;position:relative;overflow:hidden}.card-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:.55s ease}.card-art img:last-of-type{opacity:0}.card:hover .card-art img:first-of-type{opacity:0}.card:hover .card-art img:last-of-type{opacity:1;transform:scale(1.025)}.card-num{position:absolute;left:22px;top:22px;z-index:2;font-size:10px;letter-spacing:.2em}.card-view{position:absolute;right:18px;bottom:18px;z-index:2;padding:11px 14px;border:1px solid #111;background:#eeece6d9;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.card-info{padding:30px 32px 34px;display:grid;grid-template-columns:1fr auto;gap:18px}.card-info h2{margin:0;font-size:clamp(32px,4vw,58px);line-height:.86;letter-spacing:-.065em;text-transform:uppercase}.card-info p{grid-column:1/-1;margin:0;max-width:520px;color:#5c5c5c;font-size:15px;line-height:1.65}.price{font-size:18px}.story-intro{padding:150px 5vw 110px;display:grid;grid-template-columns:1.25fr .75fr;gap:9vw;align-items:end}.story-intro h2,.code-block h2{margin:0;font-size:clamp(62px,9vw,145px);line-height:.78;letter-spacing:-.09em;text-transform:uppercase;font-weight:600}.story-intro p{margin:0;color:#b1ada4;font-size:18px;line-height:1.8}.story-band{min-height:92vh;display:grid;grid-template-columns:1fr 1fr;background:#eeece6;color:#111}.story-image{background:url('assets/hero-v4.png') center/cover no-repeat;min-height:70vh}.story-copy{padding:8vw 6vw;display:flex;flex-direction:column;justify-content:space-between}.story-copy b{font-size:10px;letter-spacing:.25em;text-transform:uppercase}.story-copy blockquote{margin:0;font-size:clamp(45px,6vw,94px);line-height:.88;letter-spacing:-.07em;text-transform:uppercase;font-weight:600}.story-copy p{max-width:480px;color:#555;font-size:16px;line-height:1.75}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.principle{padding:70px 4vw;border-right:1px solid var(--line)}.principle:last-child{border:0}.principle span{font-size:10px;letter-spacing:.2em;color:#8f8b82}.principle h3{margin:60px 0 18px;font-size:36px;letter-spacing:-.05em;text-transform:uppercase}.principle p{color:#aaa69c;line-height:1.7}.code-hero{min-height:100vh;padding:150px 5vw 70px;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}.code-zero{font-size:min(24vw,360px);font-weight:700;letter-spacing:-.18em;color:#681c27;line-height:.65}.code-hero blockquote{margin:0;font-size:clamp(52px,7vw,112px);line-height:.84;letter-spacing:-.075em;text-transform:uppercase;font-weight:600}.code-lines{background:#eeece6;color:#111}.code-block{min-height:70vh;padding:8vw 6vw;display:grid;grid-template-columns:.5fr 1.5fr;gap:8vw;border-bottom:1px solid #c2bfb7;align-items:center}.code-number{font-size:12px;letter-spacing:.25em;color:#681c27}.code-block p{max-width:670px;color:#555;font-size:18px;line-height:1.8}.footer{padding:90px 4vw 26px}.footer-logo{font-size:clamp(64px,11vw,180px);line-height:.72;letter-spacing:-.1em;text-transform:uppercase;font-weight:600}.footer-bottom{margin-top:80px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#777}.modal,.cart{position:fixed;z-index:60;background:#f3f1eb;color:#0b0b0b;transition:.4s cubic-bezier(.7,0,.2,1)}.modal{inset:0;display:grid;grid-template-columns:60% 40%;transform:translateY(105%)}.modal.open{transform:none}.modal-gallery{display:grid;grid-template-columns:1fr 1fr;background:#dfdcd5}.modal-gallery img{width:100%;height:100vh;object-fit:contain}.modal-info{padding:8vh 4vw;overflow:auto}.close{position:absolute;top:22px;right:26px;z-index:4;border:0;background:none;font-size:28px;cursor:pointer}.modal-info h2{font-size:clamp(44px,5vw,80px);line-height:.84;letter-spacing:-.07em;text-transform:uppercase}.label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin:28px 0 10px}.options{display:flex;gap:8px;flex-wrap:wrap}.option{border:1px solid #aaa;background:none;padding:12px 15px;min-width:52px}.option.active{background:#111;color:#fff}.add,.checkout{width:100%;display:block;margin-top:28px;padding:18px;border:0;background:#0b0b0b;color:#fff;text-align:center;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.details{color:#555;line-height:1.7;font-size:14px;margin-top:24px}.cart{right:0;top:0;bottom:0;width:min(440px,100%);padding:30px;transform:translateX(105%);box-shadow:-20px 0 60px #0005}.cart.open{transform:none}.cart-list{margin:65px 0 28px}.cart-item{display:grid;grid-template-columns:65px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid #ccc}.cart-item img{width:65px;height:65px;object-fit:contain}.cart-item button{border:0;background:none;font-size:22px}.bag-link{white-space:nowrap}@media(max-width:850px){.page-header{height:64px;padding:0 18px}.tabs{gap:17px}.tabs a{font-size:9px;padding:25px 0}.tabs a:first-child{display:none}.tabs a.active:after{bottom:15px}.page-hero{min-height:65svh;padding:120px 20px 52px}.page-hero h1{font-size:clamp(62px,20vw,94px)}.hero-foot{display:block}.hero-foot span{display:block;margin-top:28px}.collection-bar{padding:17px 20px}.collection-bar span:last-child{display:none}.product-grid{display:block}.card{border-right:0}.card-art{height:54svh;min-height:430px}.card-info{padding:28px 20px 36px}.card-info h2{font-size:48px}.story-intro{display:block;padding:105px 20px 88px}.story-intro h2{font-size:60px;margin-bottom:45px}.story-intro p{font-size:16px}.story-band{display:block}.story-copy{min-height:72svh;padding:72px 20px}.story-copy blockquote{font-size:50px}.principles{display:block}.principle{padding:55px 20px;border-right:0;border-bottom:1px solid var(--line)}.principle h3{margin-top:35px}.code-hero{display:block;min-height:90svh;padding:130px 20px 70px}.code-zero{font-size:52vw;margin-bottom:80px}.code-hero blockquote{font-size:50px}.code-block{display:block;min-height:0;padding:80px 20px}.code-block h2{font-size:56px;margin:36px 0}.code-block p{font-size:16px}.footer{padding:80px 20px 24px}.footer-bottom{display:block;line-height:2}.modal{display:block;overflow:auto}.modal-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.modal-gallery img{flex:0 0 100%;height:56svh;scroll-snap-align:start}.modal-info{padding:44px 20px 90px;overflow:visible}.modal .add{position:sticky;bottom:10px}.cart{width:100%;padding:24px 20px}.close{position:fixed;width:48px;height:48px;border-radius:50%;background:#f3f1ebdd}.brand{font-size:12px}}