:root{--paper:#f6f6f6;--ink:#1d1d1d;--muted:#7b7b7b;--line:#dedede;--accent:#bebebe;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}button{cursor:pointer;color:inherit;border-radius:0}a{color:inherit;text-decoration:none}button{touch-action:manipulation}img{max-width:100%}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid #989898}::selection{background:#d2d2d2}button{transition:background .2s,color .2s}button:disabled{opacity:.5;cursor:wait}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#111111;color:#eee;gap:25px;border-bottom:1px solid #323232}.wordmark{display:flex;align-items:center;gap:15px;font-weight:600;font-size:29px;letter-spacing:-1px;white-space:nowrap}.wordmark span{font:9px monospace;letter-spacing:2.5px;padding-left:16px;border-left:1px solid #585858}.site-header nav{display:flex;gap:38px;font-size:12px;color:#acacac}.site-header nav a:hover{color:#f1f1f1}.share-trigger{border:1px solid #545454;background:none;color:#e2e2e2;padding:12px 18px;font-size:11px;white-space:nowrap}.share-trigger span{margin-left:22px}.hero{background:#111111;color:#f0f0f0;padding:0 5%;position:relative;isolation:isolate;transition:background .7s,color .7s;min-height:680px;overflow:hidden}.hero-ambient{position:absolute;width:550px;height:550px;border:1px solid #73737318;border-radius:50%;right:-140px;top:80px;z-index:-1}.hero-ambient:before{content:'';position:absolute;inset:50px;border:1px solid #73737315;border-radius:50%}.hero-intro{display:flex;justify-content:space-between;padding:24px 0;font:9px monospace;letter-spacing:1.6px;color:#8f8f8f}.hero-intro span:last-child{font-family:inherit;letter-spacing:2px}.hero-scene{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:4%;min-height:535px}.hero-copy{padding:40px 0 65px;animation:copy-arrive .9s var(--ease) both}.eyebrow{font:10px/1.8 monospace;letter-spacing:1.8px;color:#8f8f8f}.hero-copy h2{font-size:clamp(42px,5.7vw,81px);line-height:1.22;letter-spacing:-3px;font-weight:550;text-wrap:balance;margin:25px 0 28px;max-width:650px}.hero-product-name{font-size:13px;letter-spacing:1px;color:#a2a2a2}.hero-description{font-size:13px;line-height:2;color:#939393;max-width:310px;margin:20px 0 30px}.hero-enter{border:0;border-bottom:1px solid #787878;background:none;padding:12px 0;color:#e6e6e6;min-width:170px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.hero-enter span{font-size:23px;margin-left:35px}.hero-visual{border:0;background:none;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;min-width:0;position:relative;padding:0;animation:image-arrive 1.3s var(--ease) both}.hero-visual img{width:100%;height:430px;object-fit:contain;transform:scale(1);transition:transform 2s var(--ease)}.hero-visual:hover img{transform:scale(1.025)}.hero-visual>span{position:absolute;bottom:10px;right:0;font:8px monospace;letter-spacing:2px;color:#828282}.hero-bottom{border-top:1px solid #373737;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0}.hero-note{font-size:10px;color:#949494;letter-spacing:2px}.slide-dots{display:flex;gap:9px}.slide-dots button{height:25px;width:38px;background:none;border:0;padding:11px 0;position:relative}.slide-dots button:before{content:'';height:2px;background:#484848;position:absolute;inset:11px 0}.slide-dots i{position:absolute;left:0;top:11px;height:2px;background:#e1e1e1;width:0}.slide-dots button[aria-pressed=true] i{animation:slide-time 8.5s linear forwards}.hero.is-paused .slide-dots i{animation-play-state:paused}.slide-controls{display:flex;gap:18px;align-items:center}.slide-controls button{border:0;background:none;color:#b5b5b5;padding:5px;font-size:16px;min-width:25px;min-height:30px}.slide-controls>span{font:10px monospace;letter-spacing:1.5px;color:#898989;margin-left:15px}.hero.is-light{background:#e8e8e8;color:#282828}.is-light .hero-description,.is-light .hero-product-name,.is-light .hero-intro,.is-light .eyebrow{color:#797979}.is-light .hero-enter{color:#3a3a3a;border-color:#a4a4a4}.is-light .hero-bottom{border-color:#cccccc}.is-light .slide-controls button{color:#636363}.is-light .slide-dots button:before{background:#c7c7c7}.is-light .slide-dots i{background:#606060}.hero[data-scene=panton] .hero-visual img{mix-blend-mode:multiply;height:470px}.hero[data-scene=silk-scarf] .hero-visual img{height:450px;padding:20px}.hero[data-scene=earthrise]{background:#0a0a0a}.hero[data-scene=earthrise] .hero-visual img{height:450px;object-fit:contain}@keyframes copy-arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes image-arrive{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes slide-time{from{width:0}to{width:100%}}
.section-wrap{padding:95px 5%;max-width:1600px;margin:auto}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-top h1,.section-top h2{font-size:clamp(29px,3.2vw,45px);font-weight:500;letter-spacing:-1px;line-height:1.5;margin:14px 0 0}.count-note{font:10px monospace;color:#8d8d8d;white-space:nowrap;padding-bottom:10px}.gallery-tools{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:40px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.category-tabs{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.category-tabs button{border:0;background:none;padding:10px 12px;font-size:11px;color:#7d7d7d;white-space:nowrap}.category-tabs button[aria-pressed=true]{background:#272727;color:#f5f5f5}.category-tabs small{font:8px monospace;margin-left:6px;opacity:.6}.search-box{display:flex;align-items:center;gap:12px;max-width:240px;padding-left:22px;border-left:1px solid var(--line)}.search-box>span{font-size:25px;color:#909090}.search-box input{width:185px;min-width:0;border:0;background:none;font-size:11px;padding:8px 0;color:#3d3d3d}.search-box input::placeholder{color:#949494}.gallery-options{display:flex;align-items:center;justify-content:space-between;padding:22px 0 28px}.view-switch{display:flex;gap:20px}.view-switch button{background:none;border:0;font-size:10px;color:#9e9e9e;padding:5px 0}.view-switch button[aria-pressed=true]{color:#454545;border-bottom:1px solid #979797}.quiet-button{background:none;border:0;border-bottom:1px solid #b1b1b1;font-size:11px;color:#787878;padding:9px 0}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 25px}.work-card{min-width:0;display:flex;flex-direction:column}.card-open{text-align:left;border:0;padding:0;background:none;display:block;width:100%;flex:1}.card-image{height:290px;background:#eaeaea;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;transition:transform 1s var(--ease);display:block}.card-open:hover img{transform:scale(1.04)}.card-image.is-symbol img{padding:75px 24%;}.card-image.is-symbol:has(img[src*=shell]) img,.card-image.is-symbol:has(img[src*=mercedes]) img{padding:70px 29%}.card-image.is-black{background:#090909}.card-number{position:absolute;top:15px;left:17px;color:#868686;font:9px monospace;letter-spacing:1px}.is-black .card-number{color:#a9a9a9}.card-arrow{position:absolute;right:16px;bottom:14px;font-size:22px;color:#767676;opacity:0;transform:translate(-5px,5px);transition:opacity .3s,transform .3s}.card-open:hover .card-arrow,.card-open:focus-visible .card-arrow{opacity:1;transform:none}.reader-badge{position:absolute;top:14px;right:15px;color:#6d6d6d;background:#f4f4f4cf;padding:5px 8px;font-size:9px}.card-copy{padding-top:20px}.card-category{display:flex;gap:15px;font-size:10px;color:#8f8f8f;margin:0 0 12px}.card-category span{font-family:monospace;color:#a2a2a2}.card-copy h2{font-size:21px;line-height:1.5;font-weight:500;margin:0 0 12px;letter-spacing:-.3px}.card-description{font-size:12px;line-height:1.9;color:#8a8a8a;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-name{font-size:9px;line-height:1.8;color:#9d9d9d}.reactions{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:11px;margin-top:18px}.reactions button{border:0;background:none;display:flex;gap:6px;align-items:center;font-size:13px;color:#929292;padding:6px 0;min-height:30px}.reactions button>span{font-size:10px}.reactions button[aria-pressed=true]{color:#686868}.reactions button:hover{color:#434343}.empty-state{text-align:center;padding:80px 20px}.empty-state h2{font-weight:500;font-size:30px}.empty-state>p:not(.eyebrow){font-size:13px;color:#929292}.empty-state .dark-button{margin:20px}.dark-button{display:inline-flex;gap:40px;justify-content:space-between;align-items:center;background:#2c2c2c;color:#f1f1f1;border:1px solid #2c2c2c;padding:16px 25px;font-size:12px;white-space:nowrap}.dark-button:hover{background:#4f4f4f;color:white}.invitation{margin:0 5%;padding:70px 7%;background:#eaeaea;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.invitation h2{font-size:clamp(35px,4.2vw,60px);font-weight:500;line-height:1.3;letter-spacing:-2px;margin:24px 0}.invitation p:not(.eyebrow){font-size:13px;line-height:2;color:#848484;margin-bottom:30px}.invitation-art{min-height:350px;position:relative}.frame-line{position:absolute;left:15%;top:20%;width:65%;height:65%;border:1px solid #b3b3b3}.frame-b{transform:rotate(14deg);opacity:.65}.frame-c{transform:rotate(-14deg);opacity:.35}.invitation-symbol{position:absolute;top:36%;left:42%;font-size:65px;font-weight:200;color:#989898}.invitation-art small{position:absolute;bottom:0;right:0;font:8px/1.8 monospace;letter-spacing:2px;color:#979797}.local-note{font-size:11px;line-height:1.9;color:#929292;max-width:730px}.salon>.local-note{margin-top:25px}.discussion-list{margin-top:35px}.salon-empty{padding:45px;border:0;text-align:center}.salon-empty>span{font-family:Georgia,serif;font-size:65px;color:#b0b0b0;line-height:1}.salon-empty p{font-size:14px;line-height:1.9;color:#888888}.salon-empty a{font-size:11px;border-bottom:1px solid #bbbbbb;padding-bottom:5px;color:#7f7f7f}.salon-entry{border-top:1px solid #dbdbdb;padding:22px 0}.salon-entry>button{background:none;border:0;border-bottom:1px solid #c5c5c5;color:#838383;padding:5px 0;font-size:12px}.salon-entry .comment{border-top:0;padding-bottom:5px}.comment{padding:25px 0;border-top:1px solid #dadada}.comment>div{display:flex;align-items:center;gap:20px}.comment strong{font-size:12px;font-weight:500}.comment time{font:9px monospace;color:#9a9a9a}.comment>div>button{margin-left:auto;border:0;background:none;color:#a4a4a4;font-size:10px;padding:6px}.comment>p{font-size:14px;line-height:2;color:#757575;white-space:pre-wrap;overflow-wrap:anywhere}.comment-empty{border-top:1px solid #d3d3d3;font-size:13px;color:#949494;padding:30px 0}footer{padding:35px 5%;background:#141414;color:#cacaca;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .wordmark{font-size:25px}footer p{font-size:10px;color:#979797}footer>span{font:8px monospace;color:#858585;letter-spacing:1.3px}
/* A work is a full-screen visual narrative. */
dialog{color:var(--ink);border:0}dialog::backdrop{background:#131313cc;backdrop-filter:blur(8px)}.work-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;background:var(--paper);scroll-behavior:smooth}.reader-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#f5f5f5f2;backdrop-filter:blur(18px);height:65px;padding:0 4%;border-bottom:1px solid #e1e1e1}.reader-bar>button{background:none;border:0;font-size:17px;white-space:nowrap;padding:10px 0}.reader-bar>button span{font-size:10px;margin-left:10px;color:#8a8a8a}.reader-bar>#readerName{font:10px monospace;letter-spacing:.5px;max-width:30%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#808080}.reader-right{display:flex;gap:23px;align-items:center;font:9px monospace;color:#989898;min-width:0;max-width:40%}.reader-right>span:first-child{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px inherit}.reader-right>button{border:0;background:none;font-size:20px;padding:7px;color:#7d7d7d}.read-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px;overflow:hidden}.read-progress i{display:block;width:100%;height:100%;background:#858585;transform:scaleX(0);transform-origin:left}.work-opening{display:grid;grid-template-columns:1fr 1.1fr;min-height:calc(100dvh - 65px);background:#ebebeb;border-bottom:1px solid #dadada}.opening-heading{padding:70px 12% 60px 10%;display:flex;flex-direction:column;justify-content:center;align-items:start}.opening-heading h1{font-size:clamp(38px,5.7vw,78px);line-height:1.25;letter-spacing:-3px;font-weight:550;margin:30px 0;text-wrap:balance;overflow-wrap:anywhere}.opening-name{font-size:13px;line-height:1.7;letter-spacing:.5px;color:#868686}.opening-summary{font-size:14px;line-height:2;max-width:350px;color:#909090}.scroll-caption{font:9px monospace;letter-spacing:2px;color:#939393;display:flex;align-items:center;gap:40px;margin-top:50px}.scroll-caption i{font-size:22px;font-style:normal}.work-opening>figure{margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:#e6e6e6;overflow:hidden;min-width:0}.work-opening>figure>img{width:100%;height:calc(100dvh - 125px);max-height:850px;object-fit:contain;padding:35px;animation:image-arrive 1.4s var(--ease) both}.work-opening figcaption{font-size:9px;line-height:1.9;color:#969696;position:absolute;bottom:14px;left:25px;right:25px}.work-opening.dark-opening{background:#0c0c0c;color:#e8e8e8}.dark-opening>figure{background:#080808}.dark-opening figcaption{color:#898989}.symbol-opening>figure{background-image:linear-gradient(#d2d2d244 1px,transparent 1px),linear-gradient(90deg,#d2d2d244 1px,transparent 1px);background-size:70px 70px}.symbol-opening>figure>img{max-width:58%;height:240px;padding:0}.essay-wrap{max-width:1400px;margin:auto;padding:0 7%}.chapter-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:24px 0;border-bottom:1px solid #dcdcdc}.chapter-nav button{display:flex;align-items:center;gap:18px;background:none;border:0;border-right:1px solid #d6d6d6;padding:14px 20px;text-align:left;font-size:11px;line-height:1.8;color:#898989}.chapter-nav button:first-child{padding-left:0}.chapter-nav button:last-child{border-right:0}.chapter-nav span{font:9px monospace;color:#aaaaaa}.chapter-nav b{font-size:17px;font-weight:400;margin-left:auto}.essay-intro{max-width:580px;padding:55px 0 15px;margin:0 auto;font-size:14px;line-height:2.1;text-align:center;color:#949494}.visual-chapter{display:grid;grid-template-columns:1fr 1.13fr;grid-template-rows:auto auto;column-gap:9%;row-gap:20px;align-items:center;border-bottom:1px solid #d9d9d9;padding:110px 0;scroll-margin-top:90px}.chapter-title{grid-column:1;grid-row:1;align-self:end}.chapter-title h2{font-size:clamp(28px,3.3vw,46px);font-weight:500;line-height:1.4;letter-spacing:-1px;margin:20px 0;text-wrap:balance}.chapter-image{grid-column:2;grid-row:1/3;margin:0;min-width:0}.chapter-image>a{display:block;background:#ebebeb;overflow:hidden}.chapter-image img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;transition:transform 1.8s var(--ease)}.chapter-image:hover img{transform:scale(1.03)}.chapter-image img[src$='.svg']{height:330px;padding:70px}.chapter-image figcaption{font-size:10px;line-height:1.9;color:#909090;margin-top:15px}.chapter-image figcaption a{border-bottom:1px solid #bebebe;white-space:nowrap}.chapter-text{grid-column:1;grid-row:2;align-self:start}.article-extract>span,.aesthetic-note>span{font-size:10px;line-height:1.8;color:#999999;display:block}.article-extract>p,.aesthetic-note>p{font-size:15px;line-height:2.1;color:#767676;margin:13px 0 17px;white-space:pre-wrap;overflow-wrap:anywhere}.article-extract>a{font-size:11px;padding-bottom:6px;border-bottom:1px solid #bcbcbc;color:#8f8f8f}.aesthetic-note{margin-top:32px;border-left:2px solid #c3c3c3;padding-left:20px}.aesthetic-note>p{font-size:14px;color:#949494}.visual-chapter.is-reversed{grid-template-columns:1.13fr 1fr}.is-reversed .chapter-title,.is-reversed .chapter-text{grid-column:2}.is-reversed .chapter-image{grid-column:1}.reading-list{padding:90px 0;max-width:850px;margin:auto}.reading-list>h2{font-size:35px;font-weight:500;letter-spacing:-1px;margin:18px 0}.reading-list>p:not(.eyebrow){font-size:13px;color:#959595;margin-bottom:32px}.reading-list>a{display:flex;align-items:center;gap:28px;padding:25px 0;border-top:1px solid #dbdbdb}.reading-list>a>span{font:10px monospace;color:#a7a7a7}.reading-list h3{font-size:15px;font-weight:500;line-height:1.8;margin:0 0 8px}.reading-list a p{font-size:11px;color:#999999;line-height:1.8;margin:0}.reading-list b{font-size:22px;font-weight:400;color:#9b9b9b;margin-left:auto}.work-conversation{padding:75px 7%;background:#ededed}.conversation-inner{max-width:850px;margin:auto}.work-conversation h2{font-size:40px;letter-spacing:-1px;font-weight:500;margin:20px 0}.work-conversation .reactions{border:0;margin:0;padding:0}.work-conversation .local-note{margin:15px 0 30px}.comment-input-row{display:flex;justify-content:space-between;align-items:end;gap:25px}.comment-input-row label{font-size:11px;color:#8d8d8d;display:grid;gap:10px;width:260px}.comment-input-row input,.comment-label textarea{border:1px solid #c7c7c7;background:#f9f9f9;padding:14px;color:#575757;width:100%;border-radius:0}.comment-label{display:grid;gap:12px;font-size:11px;color:#8d8d8d;margin-top:24px}.comment-label textarea{resize:vertical;min-height:120px;line-height:1.9;font-size:14px}.comment-input-row button{margin-bottom:0}.work-conversation form>p{font-size:11px;color:#818181;min-height:18px}.submission-manage{margin-top:25px}.next-work{padding:80px 7%;max-width:1400px;margin:auto}.next-work>h2{font-size:30px;font-weight:500;letter-spacing:-1px}.next-work>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.next-work button{background:none;border:0;padding:0;text-align:left;min-width:0}.next-work img{width:100%;height:180px;object-fit:contain;background:#e9e9e9;display:block}.next-work img[src$='.svg']{padding:45px}.next-work button>span{display:block;font-size:9px;color:#a3a3a3;margin:17px 0 10px}.next-work strong{font-size:15px;font-weight:500;line-height:1.7}.reveal{opacity:1;transform:none;transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal:not(.revealed){opacity:.08;transform:translateY(28px)}
/* Reader submissions are stored as image blobs in the browser. */
.share-dialog{width:min(1120px,94vw);max-width:94vw;max-height:94dvh;padding:55px;background:#f6f6f6}.dialog-close{position:absolute;right:22px;top:18px;font-size:30px;background:none;border:0;padding:4px 10px;color:#888888}.share-heading h2{font-size:40px;font-weight:500;line-height:1.35;letter-spacing:-1px;margin:20px 0}.share-heading>p:not(.eyebrow){font-size:13px;color:#8a8a8a;line-height:1.9}.share-heading small{font-size:10px;line-height:1.9;color:#a0a0a0;display:block;max-width:700px}.share-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;margin-top:35px}.drop-zone{border:1px dashed #b9b9b9;min-height:290px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;text-align:center;cursor:pointer;background:#f0f0f0;transition:background .2s}.drop-zone.dragging{background:#dedede;border-color:#7f7f7f}.drop-zone>input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.drop-plus{font-size:55px;font-weight:200;line-height:1;color:#ababab}.drop-zone strong{font-size:13px;font-weight:400;color:#858585}.drop-zone>span:last-child{font-size:10px;line-height:1.9;color:#a4a4a4}.share-fields{display:flex;flex-direction:column;gap:19px}.share-fields label{display:block;font-size:11px;color:#848484;position:relative;line-height:1.8}.share-fields label>span{font-size:9px;color:#adadad;margin-left:12px}.share-fields input,.share-fields textarea,.share-fields select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #cfcfcf;background:#fbfbfb;color:#626262;font-size:12px;border-radius:0}.share-fields textarea{resize:vertical;min-height:140px;line-height:1.9}.share-fields input::placeholder,.share-fields textarea::placeholder{color:#acacac}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.share-submit{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #d9d9d9;margin-top:30px;padding-top:25px}.share-submit>p{font-size:12px;line-height:1.9;color:#8c8c8c}.view-submitted{background:none;border:0;border-bottom:1px solid #aeaeae;color:#717171;padding:6px 0;font-size:12px}.image-previews{display:flex;flex-direction:column;gap:15px;margin-top:18px}.preview-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #dbdbdb;padding-bottom:14px}.preview-item img{width:65px;height:65px;object-fit:cover}.preview-item>div{flex:1;min-width:0}.preview-item>div>span{display:block;font-size:9px;color:#9f9f9f;margin-bottom:9px}.preview-item input{width:100%;border:0;border-bottom:1px solid #d9d9d9;padding:6px 0;font-size:10px;background:none;color:#7d7d7d}.preview-item>button{background:none;border:0;font-size:22px;color:#afafaf;padding:8px}.my-submissions{margin-top:35px;border-top:1px solid #d9d9d9;padding-top:25px}.my-submission{display:flex;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #d9d9d9}.my-submission img{width:65px;height:65px;object-fit:cover}.my-submission>div{flex:1;min-width:0}.my-submission h3{font-size:14px;font-weight:500;overflow-wrap:anywhere;margin:0 0 8px}.my-submission p{font-size:10px;color:#9a9a9a;margin:0}.my-submission button{background:none;border:0;color:#969696;font-size:11px;padding:8px;white-space:nowrap}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);padding:13px 23px;background:#2c2c2c;color:#e8e8e8;font-size:12px;line-height:1.8;z-index:100;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero{padding-inline:max(5%,calc((100vw - 1450px)/2))}.hero-scene{min-height:600px}.hero-visual img{height:500px}}
@media(max-width:1100px){.gallery-tools{display:block}.search-box{margin-top:12px;border-left:0;border-top:1px solid var(--line);padding:12px 0 0;max-width:none}.search-box input{width:100%}.category-tabs{gap:3px}.card-image{height:250px}.hero-copy h2{font-size:60px}.hero-visual img{height:390px}.visual-chapter{column-gap:6%}.share-dialog{padding:45px 35px}}
@media(max-width:800px){.hero-scene{min-height:520px;gap:1%}.hero-copy h2{font-size:48px;letter-spacing:-2px}.hero-description{font-size:12px}.hero-visual img{height:340px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px}.section-wrap{padding:65px 6%}.invitation{margin-inline:6%;padding:50px 7%;gap:5%}.invitation-art{min-height:280px}.work-opening{grid-template-columns:1fr;min-height:0}.opening-heading{padding:55px 7% 40px}.opening-heading h1{font-size:49px;max-width:650px;margin:22px 0;letter-spacing:-2px}.opening-summary{max-width:600px}.scroll-caption{margin-top:25px}.work-opening>figure>img{height:470px;max-height:58dvh;padding:25px}.work-opening>figure{min-height:350px}.work-opening figcaption{position:static;padding:0 20px 15px}.symbol-opening>figure>img{height:180px}.symbol-opening>figure{padding-top:20px}.visual-chapter,.visual-chapter.is-reversed{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:60px 0}.chapter-title{order:1}.chapter-title h2{font-size:33px;margin:15px 0}.chapter-image{order:2}.chapter-text{order:3}.chapter-image img{max-height:500px}.essay-intro{text-align:left;font-size:13px;padding-top:35px}.chapter-nav{grid-template-columns:1fr}.chapter-nav button{border-right:0;border-bottom:1px solid #dadada;padding:12px 0}.chapter-nav button:last-child{border-bottom:0}.reading-list{padding:60px 0}.share-layout{grid-template-columns:1fr;gap:30px}.drop-zone{min-height:200px}.image-previews{display:grid;grid-template-columns:1fr 1fr;gap:14px}.preview-item{gap:8px}.preview-item img{width:50px;height:50px}.share-heading h2{font-size:34px}.reader-bar{gap:15px}.reader-bar>#readerName{max-width:35%}.reader-right{gap:13px}.reader-right>span:first-child{max-width:130px}.next-work img{height:150px}}
@media(max-width:540px){.site-header{height:74px;padding-inline:6%;gap:15px}.wordmark{font-size:25px;gap:10px}.wordmark span{display:none}.site-header nav{gap:20px;font-size:10px}.site-header nav a:last-child{display:none}.share-trigger{font-size:10px;padding:10px 12px}.share-trigger span{margin-left:10px}.hero{min-height:0;padding-inline:6%}.hero-intro{padding:20px 0;font-size:7px;letter-spacing:.6px}.hero-intro span:last-child{font-size:8px;letter-spacing:0}.hero-scene{display:flex;flex-direction:column;min-height:0;gap:0;align-items:stretch}.hero-copy{padding:35px 0 20px}.hero-copy h2{font-size:48px;line-height:1.22;letter-spacing:-2px;max-width:360px;margin:20px 0}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-description{max-width:300px;font-size:11px;line-height:1.9;margin:15px 0}.hero-product-name{font-size:11px}.hero-enter{font-size:11px;min-width:160px}.hero-visual{height:275px;min-height:0;margin-top:0}.hero-visual img,.hero[data-scene=earthrise] .hero-visual img{height:270px;object-fit:contain}.hero[data-scene=panton] .hero-visual img{height:290px}.hero[data-scene=silk-scarf] .hero-visual img{height:280px;padding:10px}.hero-visual>span{font-size:6px;bottom:3px}.hero-bottom{padding:17px 0;gap:14px;margin-top:12px}.hero-note{display:none}.slide-controls{gap:9px}.slide-controls>span{font-size:8px;margin-left:4px}.slide-dots{gap:7px}.slide-dots button{width:26px}.section-top{align-items:start;gap:16px}.section-top h1,.section-top h2{font-size:28px;line-height:1.5;letter-spacing:-1px}.section-top .eyebrow{font-size:8px;letter-spacing:1px}.count-note{font-size:8px;white-space:normal;min-width:55px;text-align:right;line-height:1.8;padding-top:12px}.gallery-tools{margin-top:27px;padding-top:10px}.category-tabs{gap:1px}.category-tabs button{font-size:10px;padding:9px 10px}.category-tabs small{display:none}.search-box{margin-top:8px}.search-box input{font-size:11px}.gallery-options{padding:17px 0 23px}.work-grid{grid-template-columns:1fr;gap:35px}.card-image{height:320px}.card-image.is-symbol img{padding:85px 26%}.card-copy h2{font-size:23px}.card-description{font-size:12px}.card-name{font-size:10px}.card-arrow{opacity:1;transform:none}.reactions{margin-top:15px}.invitation{grid-template-columns:1fr;padding:40px 8%;gap:20px}.invitation h2{font-size:42px}.invitation-art{min-height:200px;width:80%;margin:auto}.invitation p:not(.eyebrow){font-size:12px}.invitation-art .frame-line{height:65%;top:7%}.invitation-symbol{top:18%}.salon-empty{padding:35px 20px}footer{padding:30px 6%;flex-wrap:wrap;gap:15px}footer>span{width:100%;font-size:7px}footer p{font-size:10px}.reader-bar{height:58px;padding:0 6%;gap:12px}.reader-bar>button span{display:none}.reader-bar>#readerName{max-width:39%;font-size:9px}.reader-right{max-width:45%;gap:11px}.reader-right>span:first-child{max-width:85px;font-size:8px}.reader-right>span:nth-child(2){font-size:8px}.reader-right>button{font-size:17px}.opening-heading{padding:45px 7% 30px}.opening-heading h1{font-size:46px;line-height:1.22;margin:22px 0;letter-spacing:-2px}.opening-heading .eyebrow{font-size:9px}.opening-name{font-size:11px}.opening-summary{font-size:12px;line-height:1.9}.work-opening>figure{min-height:300px}.work-opening>figure>img{height:350px;max-height:55dvh;padding:20px}.symbol-opening>figure>img{height:150px;padding:0;max-width:55%}.scroll-caption{font-size:8px;margin-top:18px}.work-opening figcaption{font-size:8px}.essay-wrap{padding-inline:7%}.chapter-title h2{font-size:31px;line-height:1.4}.visual-chapter{padding:50px 0}.chapter-image img{max-height:440px}.chapter-image figcaption{font-size:9px}.article-extract>p{font-size:14px;line-height:2}.aesthetic-note>p{font-size:13px;line-height:2}.article-extract>span{font-size:9px}.chapter-image img[src$='.svg']{height:280px;padding:65px}.reading-list>h2{font-size:29px}.reading-list>a{gap:18px}.reading-list h3{font-size:13px}.reading-list a p{font-size:10px}.work-conversation{padding:50px 7%}.work-conversation h2{font-size:33px}.comment-input-row{gap:15px}.comment-input-row label{max-width:55%;font-size:10px}.comment-input-row .dark-button{padding:14px 15px;font-size:10px}.comment-label textarea{font-size:13px}.comment>p{font-size:13px}.next-work{padding:50px 7%}.next-work>h2{font-size:27px}.next-work>div{grid-template-columns:1fr;gap:25px}.next-work img{height:210px}.next-work strong{font-size:17px}.share-dialog{max-width:100%;width:100%;max-height:100dvh;height:100dvh;padding:40px 7%;margin:0}.share-heading h2{font-size:34px;letter-spacing:-1px;margin-top:23px}.dialog-close{top:10px;right:10px}.share-heading>p:not(.eyebrow){font-size:12px}.share-heading small{font-size:10px}.share-layout{margin-top:25px;gap:25px}.drop-zone{min-height:210px;gap:15px}.drop-plus{font-size:42px}.image-previews{grid-template-columns:1fr}.preview-item img{width:60px;height:60px}.share-fields{gap:18px}.share-fields textarea{min-height:170px}.field-pair{grid-template-columns:1fr;gap:18px}.share-submit{align-items:start;flex-direction:column;gap:8px}.share-submit>p{font-size:11px}.share-submit>.dark-button{width:100%;justify-content:space-between}.my-submission{gap:10px}.my-submission img{width:45px;height:45px}.my-submission h3{font-size:12px}.my-submission button{font-size:10px;padding:5px}.toast{font-size:11px}}
@media(prefers-reduced-motion:reduce){html,.work-dialog{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal:not(.revealed){opacity:1;transform:none}.slide-dots button[aria-pressed=true] i{width:100%}}

/* Light is neutral; colour belongs to the works. */
.read-progress i{background:#8ea6b9}.card-description,.article-extract>p{color:#626660}.card-category,.card-name,.chapter-image figcaption,.article-extract>span,.aesthetic-note>span,.local-note{color:#7c8179}.share-heading>p:not(.eyebrow),.share-fields label{color:#656b61}.share-heading small,.drop-zone>span:last-child{color:#858c7f}.reactions button[aria-pressed=true]{color:#333c2d}.share-fields input::placeholder,.share-fields textarea::placeholder{color:#8b9187}
.chapter-image.motion-ready img{transform:scale(calc(1 + var(--view-progress,0)*.045));transition:transform .25s linear}.chapter-image.motion-ready:hover img{transform:scale(calc(1.025 + var(--view-progress,0)*.045))}@media(prefers-reduced-motion:reduce){.chapter-image.motion-ready img,.chapter-image.motion-ready:hover img{transform:none}}
.site-header .style-preview-link{color:#c8c8c8;font-size:10px}.gallery{padding-top:55px}@media(max-width:540px){.site-header nav{gap:0}.site-header nav .style-preview-link{display:none}.gallery{padding-top:40px}}

@media(max-width:540px){.site-header nav>a[href="#salon"]{display:none}}
.work-dialog{transition:translate .44s cubic-bezier(.2,.7,.2,1),opacity .44s cubic-bezier(.2,.7,.2,1)}50%{translate:-9px 0}}22%{opacity:.95;scale:1.18}62%{opacity:.9;scale:1}to{opacity:0;scale:1}}