:root{--accent:#333}.gallery{background:#eeefeb;color:#20211f}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding:28px 4.3%;border-bottom:1px solid #cbd0c6}.six-logo{font-family:'DM Sans',sans-serif;font-size:32px;font-weight:700;letter-spacing:-.07em;display:flex;align-items:center;gap:22px}.six-logo>span{font-size:9px;font-weight:500;letter-spacing:.13em;max-width:70px;line-height:1.4}.collection-link{font-size:12px;display:flex;gap:24px;align-items:center}.collection-link>span{font-size:21px}.gallery-intro{padding:35px 4.3% 45px}.intro-top{display:flex;justify-content:space-between;align-items:center}.intro-top .label,.edition{font-size:9px;letter-spacing:.14em;font-family:'DM Sans',sans-serif;color:#697061}.intro-main{display:grid;grid-template-columns:1fr .8fr .4fr;align-items:end;padding-top:26px;gap:30px}.intro-main h1{font-size:clamp(36px,4.4vw,71px);letter-spacing:-.055em;font-weight:500;line-height:1.4;margin:0}.intro-main h1>span{color:#717a65}.intro-description{padding-bottom:4px}.intro-description>p{font-size:15px;line-height:1.9;margin:0 0 14px;letter-spacing:.02em}.intro-description .intro-how{font-size:12px;color:#74786c;margin:0}.collection-count{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;font-family:'DM Sans',sans-serif;font-size:92px;line-height:1;letter-spacing:-.08em;font-weight:500}.collection-count>span{font-size:9px;letter-spacing:.1em;line-height:1.5;padding-bottom:8px}.sample-collection{padding:0 4.3% 70px}.collection-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bfc6b5;padding:22px 0}.collection-heading h2{font-size:13px;font-weight:500;margin:0}.collection-heading>span{font-size:10px;color:#74786c}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 24px}.sample-card{min-width:0;display:block}.browser-frame{border:1px solid #c8cec0;background:white;overflow:hidden;transition:transform .4s,box-shadow .4s}.sample-card:hover .browser-frame{transform:translateY(-6px);box-shadow:0 15px 28px #39402c13}.browser-line{height:23px;background:#f8f9f5;border-bottom:1px solid #dfe2d9;display:flex;align-items:center;gap:4px;padding:0 8px;position:relative}.browser-line i{width:4px;height:4px;border:1px solid #afb5a8;border-radius:50%}.browser-line span{position:absolute;left:50%;transform:translateX(-50%);font:7px 'DM Sans',sans-serif;letter-spacing:.15em;color:#73796b}.live-preview{position:relative;aspect-ratio:1.5;overflow:hidden;isolation:isolate;background:#ddd}.live-preview iframe{border:0;width:1200px;height:800px;transform:scale(var(--preview-scale,.3));transform-origin:top left;pointer-events:none;position:absolute;top:0;left:0;max-width:none}.open-preview{position:absolute;right:15px;bottom:15px;background:#20211f;color:white;padding:12px 17px;border-radius:30px;font-size:11px;opacity:0;translate:0 8px;transition:opacity .3s,translate .3s}.sample-card:hover .open-preview,.sample-card:focus-visible .open-preview{opacity:1;translate:0 0}.card-meta{display:flex;gap:12px;padding:18px 0 0;align-items:baseline}.card-num{font-family:'DM Sans',sans-serif;font-size:10px;color:#73796b}.card-meta h3{font-size:16px;font-weight:500;letter-spacing:-.02em;margin:0;display:flex;gap:13px;align-items:baseline;flex-wrap:wrap}.card-meta h3 span{font-size:11px;color:#6f7566}.card-meta p{font-size:11px;color:#74786c;margin:7px 0 0;line-height:1.7}.card-arrow{font-size:22px;margin-left:auto}.gallery-ending{margin:0 4.3%;padding:55px 0 65px;border-top:1px solid #bfc6b5;display:flex;justify-content:space-between;align-items:end}.gallery-ending p{font-size:29px;line-height:1.6;letter-spacing:-.03em;margin:0}.gallery-ending a{font-size:13px;display:flex;align-items:center;gap:45px;border-bottom:1px solid #333;padding-bottom:12px}.gallery-ending a span{font-size:25px}.gallery-footer{background:#21241e;color:#e8ece1;display:flex;align-items:center;gap:40px;padding:35px 4.3%}.gallery-footer p{font-size:10px;line-height:1.8;letter-spacing:.03em}.gallery-footer button{background:none;color:inherit;border:1px solid #6e7564;padding:10px 14px;margin-left:auto;font-size:11px}.sample-card:nth-child(2){--card-delay:.08s}.sample-card:nth-child(3){--card-delay:.16s}.sample-card{animation:word-in .8s var(--card-delay,0s) both}@media(min-width:1700px){.gallery-intro,.sample-collection,.gallery-header,.gallery-footer{padding-left:calc((100vw - 1550px)/2);padding-right:calc((100vw - 1550px)/2)}.gallery-ending{margin-left:calc((100vw - 1550px)/2);margin-right:calc((100vw - 1550px)/2)}}@media(max-width:1050px){.sample-grid{grid-template-columns:repeat(2,1fr)}.collection-count{font-size:70px}.intro-main{grid-template-columns:1fr 1fr}.collection-count{display:none}.intro-main h1{font-size:49px}}@media(max-width:620px){.gallery-header{padding:20px 6%}.six-logo{font-size:28px;gap:14px}.six-logo>span{font-size:8px}.collection-link{font-size:10px;gap:9px}.gallery-intro{padding:27px 6% 32px}.intro-top .label{font-size:8px}.edition{display:none}.intro-main{display:block;padding-top:22px}.intro-main h1{font-size:44px;line-height:1.4}.intro-description{padding-top:24px;display:flex;gap:20px}.intro-description>p{font-size:12px;margin:0}.intro-description .intro-how{font-size:10px;line-height:1.9;align-self:end}.sample-collection{padding:0 6% 45px}.collection-heading{display:block;padding:19px 0}.collection-heading h2{font-size:12px}.collection-heading>span{display:block;font-size:9px;margin-top:8px}.sample-grid{grid-template-columns:1fr;gap:31px}.card-meta{padding-top:15px}.card-meta h3{font-size:16px}.card-meta p{font-size:11px}.open-preview{opacity:1;translate:0 0;padding:9px 13px;font-size:10px;right:12px;bottom:12px}.gallery-ending{display:block;margin:0 6%;padding:36px 0}.gallery-ending p{font-size:23px}.gallery-ending a{width:fit-content;margin-top:25px;font-size:12px}.gallery-footer{padding:25px 6%;flex-wrap:wrap;gap:20px}.gallery-footer p{font-size:9px;order:3;width:100%;margin:0}.gallery-footer button{font-size:10px}}