
:root{--paper:#f6f4ef;--ink:#25282a;--muted:#656661;--purple:#5745a5;--line:#d8d6cf;--peach:#f0b99a;--green:#d9e5cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.skip{position:absolute;top:-70px;left:20px;background:#fff;padding:12px;z-index:99}.skip:focus{top:12px}.mast{max-width:1440px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:14px;font-weight:800;letter-spacing:.045em;display:flex;align-items:center;gap:10px}.symbol{font-size:29px;line-height:1}.brand-note{font-size:10px;font-weight:400;max-width:120px;border-left:1px solid var(--line);padding-left:14px;line-height:1.4;letter-spacing:0;margin-left:12px}.mast nav{display:flex;gap:28px;font-size:12px;font-weight:700}.mast nav a:hover,.text-link:hover,.footer-links a:hover{color:var(--purple)}.mast [aria-current]{border-bottom:2px solid var(--purple)}main{max-width:1440px;margin:auto}.hero{padding:70px 5% 66px;display:grid;grid-template-columns:1.02fr 1fr;gap:7%;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;line-height:1.6}.small-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple);margin-right:7px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,6.5vw,90px);line-height:.99;font-weight:500;letter-spacing:-.065em;margin:24px 0}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--purple);letter-spacing:-.065em}p.intro{font-size:17px;max-width:440px;color:var(--muted);line-height:1.75;margin:26px 0}.actions{display:flex;gap:27px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;padding:15px 20px;font-size:12px;font-weight:700;border:1px solid transparent;transition:transform .15s}.button:hover{transform:translateY(-2px)}.solid{background:var(--ink);color:#fff}.light{background:var(--paper);color:var(--ink)}.text-link{font-size:12px;font-weight:700;display:inline-block;border-bottom:1px solid;padding:4px 0}.footnote{font-size:10px;color:var(--muted);margin:27px 0 0}.composition{height:510px;position:relative;background:#e6e2ee;overflow:hidden;border:1px solid #d1cbdc}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#d5cfdf77 1px,transparent 1px),linear-gradient(90deg,#d5cfdf77 1px,transparent 1px);background-size:42px 42px}.art-index{position:absolute;left:22px;top:20px;font:10px monospace;letter-spacing:.1em}.orb{position:absolute;border-radius:50%;width:260px;height:260px;background:var(--purple);top:60px;left:55px}.orb-b{left:auto;right:-90px;top:-90px;background:#c7bddf;width:350px;height:350px}.orb-a{background:repeating-linear-gradient(0deg,#5745a5 0,#5745a5 4px,#7766bc 4px,#7766bc 5px)}.signal{position:absolute;top:136px;left:17%;display:flex;gap:5px;align-items:center;height:90px;transform:rotate(-8deg);z-index:2}.signal i{display:block;background:#e8f0a9;width:5px;height:25px}.signal i:nth-child(3n){height:57px}.signal i:nth-child(4n){height:86px}.signal i:nth-child(5n){height:42px}.art-card{position:absolute;left:11%;right:8%;bottom:74px;background:#fcfbf7;padding:28px 26px;transform:rotate(-4deg);box-shadow:8px 15px 0 #29223618;border:1px solid #fff}.art-card strong{display:block;font:400 40px/1.06 Georgia,serif;letter-spacing:-.05em;margin:15px 0 24px}.art-card .eyebrow{font-size:8px;color:var(--purple)}.art-steps{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:13px;font-size:9px}.art-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:18px 20px;font-size:8px;background:#dcd6e8;letter-spacing:.1em}.ticker{display:flex;justify-content:space-between;gap:18px;padding:22px 5%;border-block:1px solid var(--line);font:italic 17px Georgia,serif}.ticker span:before{content:'✳';font:15px Arial;margin-right:13px;color:var(--purple)}.section{padding:76px 5%}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:36px}h2{font-size:clamp(30px,4vw,47px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin-bottom:0}.section-heading>p{font-size:14px;max-width:340px;color:var(--muted);margin:0}.projects{display:grid;grid-template-columns:1.12fr 1fr;gap:35px}.project{min-width:0;display:block}.project-cover{height:470px;position:relative;overflow:hidden;padding:30px}.violet{background:var(--purple);color:var(--paper)}.cover-number{font:11px monospace;position:absolute;left:24px;top:22px}.cover-word{font-size:112px;font-weight:800;line-height:.87;letter-spacing:-.09em;display:block;position:absolute;top:77px;left:34px}.cover-dot{color:#dbeda8}.cover-caption{position:absolute;bottom:26px;font-size:8px;letter-spacing:.13em}.project-info{display:flex;justify-content:space-between;gap:20px;padding-top:19px}.project-info .eyebrow{font-size:8px;color:var(--muted)}h3{font-size:24px;line-height:1.15;letter-spacing:-.035em;margin:7px 0 9px;font-weight:500}.project-info p,.note-project p{font-size:13px;color:var(--muted);margin:0;max-width:370px}.circle-arrow{display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;font-size:19px;margin-top:12px}.project:hover .circle-arrow{background:var(--purple);color:white}.project-stack{display:grid;gap:25px}.small-cover{height:225px;padding:24px;position:relative;overflow:hidden}.peach{background:var(--peach)}.small-cover strong{position:absolute;bottom:18px;left:25px;font:italic 70px/1 Georgia,serif;z-index:1}.memory-shape{position:absolute;border:1px solid #b57555;width:135px;height:135px;transform:rotate(30deg);right:60px;top:35px;border-radius:50% 0}.memory-shape:before{content:'';position:absolute;inset:-20px;border:1px solid #b57555;border-radius:50% 0}.memory-shape:after{content:'';position:absolute;inset:20px;border:1px solid #b57555;border-radius:50% 0}.note-project{padding:25px;border:1px solid var(--line);background:#efeee7}.note-project h3{font-size:28px;margin:15px 0}.note-project .text-link{margin-top:15px}.principle{padding:70px 8%;background:#292a2a;color:var(--paper);position:relative;overflow:hidden}.principle .eyebrow{color:#bfb7d9}.principle h2{font-size:clamp(40px,5vw,67px)}.principle h2 em{color:#cabeed}.principle p:not(.eyebrow){max-width:410px;color:#bdbebb;font-size:14px;margin:25px 0}.principle-mark{position:absolute;right:8%;top:25px;font-size:285px;line-height:1;color:#504565;font-weight:400}.principle .button{position:relative;z-index:1}.latest{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.latest p:not(.eyebrow){font-size:14px;color:var(--muted)}.latest .date{font-size:10px!important;letter-spacing:.1em;margin:3px 0 22px}footer{max-width:1440px;margin:auto;padding:38px 5% 25px;border-top:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}footer p{font-size:11px;color:var(--muted);margin:10px 0}.footer-links{display:flex;gap:25px;align-items:start;font-size:11px}.copyright{flex-basis:100%;border-top:1px solid var(--line);padding-top:20px}.detail-hero{padding:90px 8% 50px}.detail-hero h1{font-size:clamp(53px,7vw,93px)}.detail-hero .intro{max-width:530px}.thread-art{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:42px;margin-top:60px;background:#e4deef;color:var(--purple)}.thread-art span{font:12px monospace}.thread-art b{font:400 35px Georgia,serif;display:block;margin-top:12px}.thread-art i{font-size:30px;font-style:normal}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.step-number{font:11px monospace;color:var(--purple);border-top:1px solid var(--line);padding-top:18px;display:block}.steps h2{font-size:27px;margin:24px 0 18px}.steps p{font-size:14px;color:var(--muted);min-height:130px}.status{font-size:9px;display:inline-block;padding:7px 11px;background:#e5e9dc}.callout{margin:0 5% 70px;padding:40px;background:#eeebe2;border-left:3px solid var(--purple)}.callout h2{font-size:36px;margin:15px 0}.callout p{font-size:15px;max-width:640px;color:var(--muted)}.prose{max-width:720px;margin:0 auto;padding:0 30px 90px}.prose p{line-height:1.9;color:var(--muted)}.prose .lead{font-size:21px;color:var(--ink)}.prose h2{font-size:29px;margin:42px 0 16px}.prose blockquote{font:italic 31px/1.4 Georgia,serif;color:var(--purple);margin:40px 0;padding-left:24px;border-left:2px solid var(--purple)}.note-hero{max-width:980px;margin:auto}
@media(min-width:1441px){body{border-inline:1px solid var(--line);max-width:1440px;margin:auto}}@media(max-width:900px){.brand-note{display:none}.hero{gap:5%;padding-block:45px}.composition{height:435px}.art-card strong{font-size:32px}.orb{left:15px}.signal{left:12%;gap:4px}.cover-word{font-size:92px}.project-cover{height:425px}.ticker{font-size:14px}.ticker span:before{margin-right:6px}.principle-mark{right:3%;font-size:200px;top:100px}.steps{gap:23px}.steps p{min-height:190px}}@media(max-width:650px){.mast{padding:20px 6%;align-items:start;flex-direction:column;gap:18px}.mast nav{gap:24px;font-size:11px}.hero{grid-template-columns:1fr;padding:35px 6% 38px;gap:36px}h1{font-size:64px}.composition{height:430px}.intro{font-size:16px!important}.hero-copy .footnote{max-width:270px}.ticker{display:grid;grid-template-columns:1fr 1fr;padding:18px 6%;font-size:13px;gap:15px}.section{padding:48px 6%}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin-top:20px}.projects{grid-template-columns:1fr;gap:34px}.project-cover{height:440px}.cover-word{font-size:105px}.small-cover{height:230px}.project-stack{gap:30px}.principle{padding:48px 6%}.principle-mark{font-size:140px;right:-20px;top:130px;opacity:.4}.principle p:not(.eyebrow){max-width:290px}.latest{grid-template-columns:1fr;gap:26px}footer{padding:30px 6%}.footer-links{gap:22px;flex-wrap:wrap}.detail-hero{padding:45px 6% 35px}.detail-hero h1{font-size:54px}.thread-art{padding:23px 17px;gap:10px;margin-top:37px}.thread-art b{font-size:24px}.thread-art i{font-size:18px}.steps{grid-template-columns:1fr;gap:30px}.steps p{min-height:0}.callout{padding:28px 22px;margin-inline:6%}.callout h2{font-size:32px}.prose{padding:0 6% 55px}.prose .lead{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

