:root{--cream:#f4f2e9;--ink:#243e32;--muted:#637067;--sage:#cbd4b2;--line:#243e3229;font-family:Satoshi,Arial,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b76635;outline-offset:6px}.overflow-x-hidden{overflow-x:hidden}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-6xl{max-width:72rem}.skip{position:absolute;left:20px;top:-100px;background:white;padding:15px;z-index:99}.skip:focus{top:20px}nav{max-width:1440px;margin:24px auto;display:flex;align-items:center;justify-content:space-between;padding:19px 28px;border:1px solid var(--line);border-radius:60px;width:calc(100% - 80px);background:#ffffff75}.wordmark{display:inline-flex;gap:0;align-items:center;font-size:27px;letter-spacing:-1.5px;font-weight:900}.wordmark span{font-weight:400}.wordmark i{font-style:normal;margin-left:10px;font-size:25px}nav>div{display:flex;gap:34px;font-size:14px}.nav-cta{background:var(--ink);color:#fff;border-radius:40px;padding:13px 20px;font-size:13px}.nav-cta span{margin-left:20px}.hero{text-align:center;padding:75px 40px 0;background:radial-gradient(ellipse at 50% 20%,#e2e6d580,transparent 62%)}h1,h2,h3,p{margin:0}h1{font-size:clamp(3rem,6.2vw,6.7rem);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0 auto}h2{font-weight:500;font-size:clamp(2.5rem,4.8vw,5.3rem);line-height:1.08;letter-spacing:-.055em}h3{font-weight:500;letter-spacing:-.04em}.hero>p{font-size:18px;line-height:1.65;margin:28px auto;color:var(--muted)}.actions{display:flex;justify-content:center;gap:14px;margin:30px auto 58px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:18px 25px;border-radius:40px;font-size:14px;font-weight:700;transition:transform .3s,background .3s}.button:hover{transform:translateY(-3px)}.dark{background:var(--ink);color:#fff}.light{background:var(--cream);color:var(--ink);border:1px solid var(--line)}.hero-photo{position:relative;height:530px;max-width:1440px;margin:auto;overflow:hidden;border-radius:9px;background:#d0c6b5}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#101f22a8)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 57%;filter:saturate(.65) contrast(1.04);transition:transform .7s}.hero-photo:hover img{transform:scale(1.05)}.image-note{position:absolute;bottom:35px;left:40px;right:40px;display:flex;justify-content:space-between;text-align:left;color:white;z-index:1;font-size:20px}.marquee{border-bottom:1px solid var(--line);padding:30px 0;overflow:hidden;font-size:14px;letter-spacing:.16em}.marquee>div{width:max-content;animation:marquee 45s linear infinite;word-spacing:35px}@keyframes marquee{to{transform:translateX(-50%)}}.chapter{max-width:1440px;margin:auto;padding:150px 65px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:62px}.section-heading h2{flex:1}.section-heading>p{font-size:16px;line-height:1.75;max-width:330px;color:var(--muted)}.inline-image{display:inline-block;width:105px;height:48px;border-radius:99px;overflow:hidden;vertical-align:middle;transform:rotate(-8deg)}.inline-image img{width:100%;height:100%;object-fit:cover;filter:sepia(.3)}.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:260px 260px;grid-auto-flow:dense;gap:16px}.tile{position:relative;overflow:hidden;border-radius:8px;padding:32px;transition:transform .7s}.tile:hover{transform:translateY(-4px)}.tile .arrow{position:absolute;right:27px;top:25px;font-size:25px}.tile h3{font-size:31px;line-height:1.15}.tile p{margin-top:14px;font-size:14px;line-height:1.6;max-width:270px}.tall{grid-column:span 2;grid-row:span 2;background:#34483c;color:white;display:flex;align-items:end}.tall>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.64) saturate(.4);transition:transform .7s}.tall:hover>img{transform:scale(1.05)}.tall>div{position:relative;width:100%}.tall h3{font-size:44px}.tall .arrow{top:auto;bottom:0;right:0}.wide{grid-column:span 2;background:#e2dfd3;display:flex;align-items:center}.wide>div{max-width:58%}.swatches{position:absolute;right:35px;bottom:38px;display:flex;transform:rotate(-15deg)}.swatches i{display:block;width:62px;height:110px;border-radius:40px;margin-left:-22px;box-shadow:0 5px 15px #0002;background:repeating-linear-gradient(90deg,#b9ad94 0 2px,#a79c85 2px 3px)}.swatches i:nth-child(2){background:repeating-linear-gradient(90deg,#6e7b69 0 2px,#50614e 2px 3px)}.swatches i:nth-child(3){background:#bf825b}.small{display:flex;flex-direction:column;justify-content:end}.sage{background:var(--sage)}.cream{background:#e9d9be}.chapters{padding-top:70px}.stack-card{display:grid;grid-template-columns:1fr 1fr;gap:50px;min-height:480px;border-top:1px solid var(--line);padding:55px 40px;background:#e8e9dc;border-radius:12px;margin-bottom:30px;position:relative;transform-origin:center top}.stack-card:nth-child(2){background:#e4ddce}.stack-card:nth-child(3){background:#cbd4bc}.stack-card h3{font-size:60px;line-height:1.05}.stack-card p{max-width:370px;line-height:1.8;margin:24px 0 32px;color:#3f5348}.text-link{font-weight:700;font-size:14px;display:inline-flex;gap:40px;border-bottom:1px solid;padding-bottom:8px}.chapter-art{min-height:340px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:50% 50% 5px 5px;background:#b4c19b}.chapter-art span{font-size:34px;letter-spacing:-.045em;z-index:1;position:relative}.orbit{width:280px;height:280px;border:1px solid #f4f2e9;position:absolute;border-radius:50%;box-shadow:0 0 0 30px #f4f2e933,0 0 0 60px #f4f2e922,0 0 0 90px #f4f2e911}.material-art{background:#d7c8b2;gap:10px}.material-art i{height:210px;width:80px;border-radius:50px;background:repeating-linear-gradient(90deg,#77836e 0 2px,#5e6e55 2px 3px);transform:rotate(20deg)}.material-art i:nth-child(2){background:#a17051;transform:rotate(5deg)}.material-art i:nth-child(3){background:repeating-linear-gradient(45deg,#e6d7b9 0 2px,#ccb992 2px 3px);transform:rotate(-10deg)}.material-art span,.movement-art span{position:absolute;bottom:28px;font-size:12px;letter-spacing:.15em}.movement-art{background:#a2b69b}.movement-art>div{width:190px;height:190px;border:2px solid #f4f2e9;border-radius:50%;box-shadow:25px 0 0 -2px #a2b69b,25px 0 0 0 #f4f2e9,50px 0 0 -2px #a2b69b,50px 0 0 0 #f4f2e9;transform:rotate(-30deg)}.material-section{padding-top:70px}.accordion{display:flex;gap:12px;margin-top:55px;min-height:330px}.accordion-item{border:0;border-radius:8px;flex:1;text-align:left;padding:35px;position:relative;background:#e6e1d4;color:var(--ink);transition:flex .7s,background .4s;min-width:0;overflow:hidden}.accordion-item:nth-child(2){background:#d4d9c5}.accordion-item:nth-child(3){background:#c3d0b8}.accordion-item.active{flex:2}.accordion-title{font-size:55px;letter-spacing:-.05em;display:block}.accordion-copy{display:block;max-width:280px;margin-top:35px;font-size:16px;line-height:1.65;opacity:0;transition:opacity .25s}.active .accordion-copy{opacity:1}.accordion-symbol{position:absolute;top:38px;right:25px;font-size:24px}.library{padding-top:50px}.search{display:flex;flex-direction:column;gap:14px;max-width:600px}.search>span{font-size:13px;font-weight:700}.search input{background:transparent;border:0;border-bottom:1px solid #859081;padding:16px 0;color:var(--ink);width:100%;font-size:19px;border-radius:0}#library-status{font-size:14px;color:var(--muted);margin:28px 0}.guide-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide{padding:30px;background:#e7e8dc;border-radius:8px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .7s,background .3s}.guide:hover{transform:translateY(-5px);background:#dce0ce}.guide h3{font-size:27px;line-height:1.25}.guide span{font-size:13px;margin-top:25px}footer{padding:90px 65px 30px;background:radial-gradient(ellipse at 90% 0%,#42624c,transparent 65%),var(--ink);color:var(--cream)}.footer-top,.footer-bottom{max-width:1310px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top{padding:35px 0 100px}.footer-top h2{font-size:clamp(3rem,6.2vw,6.5rem)}.footer-bottom{border-top:1px solid #ffffff30;padding-top:30px;font-size:12px}.footer-bottom p{opacity:.7}
@media(min-width:1600px){.chapter{padding-top:180px;padding-bottom:180px}}@media(max-width:900px){nav{width:calc(100% - 40px);padding:15px 22px}nav>div{display:none}.hero{padding:65px 20px 0}.hero-photo{height:420px}.chapter{padding:100px 30px}.section-heading{gap:30px}.section-heading>p{max-width:260px}.bento{grid-template-rows:230px 230px}.tile{padding:25px}.tile h3{font-size:27px}.tall h3{font-size:36px}.swatches{right:15px}.swatches i{width:45px;height:90px}.stack-card{gap:25px;padding:40px 25px}.stack-card h3{font-size:46px}.chapter-art{min-height:300px}.accordion-item{padding:25px}.accordion-title{font-size:42px}.guide-list{grid-template-columns:repeat(2,1fr)}footer{padding:70px 30px 30px}}@media(max-width:600px){nav{margin-top:16px;width:calc(100% - 28px);padding:12px 18px}.wordmark{font-size:24px}.nav-cta{font-size:11px;padding:12px}.nav-cta span{margin-left:5px}.hero{padding-top:48px}h1{font-size:clamp(2.45rem,9vw,3.4rem);letter-spacing:-.06em}.hero>p{font-size:15px;max-width:315px}.desktop{display:none}.actions{gap:10px;margin-bottom:35px}.button{font-size:11px;padding:16px 18px;gap:15px}.hero-photo{height:330px}.image-note{bottom:22px;left:22px;right:22px;display:block;font-size:17px}.image-note span{display:block}.marquee{font-size:11px;padding:23px 0}.chapter{padding:90px 22px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{max-width:100%;margin-top:22px;font-size:15px}.inline-image{width:75px;height:35px}.bento{grid-template-columns:repeat(2,1fr);grid-template-rows:340px 210px 210px;gap:12px}.tall{grid-row:span 1}.wide{grid-column:span 2}.tile{padding:24px}.tall h3{font-size:38px}.tile .arrow{right:22px;top:18px}.tall .arrow{top:auto;bottom:0}.small h3{font-size:29px}.small p{font-size:12px}.stack-card{grid-template-columns:1fr;padding:30px 24px;gap:25px;min-height:0}.stack-card h3{font-size:43px}.stack-card p{font-size:15px;margin:20px 0 25px}.chapter-art{min-height:250px}.material-section{padding-top:10px}.accordion{flex-direction:column;gap:10px;margin-top:30px}.accordion-item{flex:none;padding:25px;min-height:95px;transition:min-height .5s}.accordion-item.active{flex:none;min-height:240px}.accordion-copy{display:none;margin-top:20px}.active .accordion-copy{display:block}.accordion-symbol{top:30px}.library{padding-top:25px}.guide-list{grid-template-columns:1fr}.guide{min-height:170px}.footer-top{display:block;padding:10px 0 60px}.footer-top .button{margin-top:35px}.footer-bottom{align-items:start;flex-wrap:wrap}.footer-bottom p{order:3;width:100%}footer{padding:60px 25px 28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.stack-card{transform:none!important}}