:root{--paper:#f5f6f2;--white:#fff;--ink:#213532;--sub:#536662;--green:#204e48;--line:#d7e0dc;--dark:#183b37;--gutter:clamp(20px,3.1vw,52px);font-family:"Red Hat Text","Noto Sans SC",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}body,button,input{font-family:"Red Hat Text","Noto Sans SC",sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}img{display:block;max-width:100%}figure,p,h1,h2{margin:0}h1,h2{font-weight:600}p{line-height:1.65}em{font-style:normal;color:var(--green)}::selection{color:var(--white);background:var(--green)}:focus-visible{outline:2px solid var(--green);outline-offset:5px}.skip-link{position:absolute;left:12px;top:-80px;z-index:30;padding:12px 18px;background:var(--ink);color:white}.skip-link:focus{top:12px}
.site-header{height:72px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;background:rgba(245,246,242,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{display:inline-flex;gap:11px;align-items:center;text-decoration:none;font-size:16px;font-weight:700;letter-spacing:-.04em}.brand img{border-radius:8px}.site-nav{display:flex;align-items:center;gap:clamp(25px,3vw,48px)}.site-nav a{text-decoration:none;font-size:14px;font-weight:600}.site-nav a:hover,.text-link:hover,.about-link:hover{opacity:.63}.site-nav .nav-download{background:var(--ink);color:var(--paper);padding:12px 16px;display:flex;gap:18px;align-items:center}.menu-toggle{display:none}
.hero{padding:0 var(--gutter);overflow:hidden}.hero-title-wrap{position:relative;padding-top:clamp(48px,6vw,88px);padding-bottom:1.5vw}.hero h1{font-family:"Red Hat Display",sans-serif;font-size:clamp(112px,20.1vw,330px);font-weight:900;letter-spacing:-.095em;line-height:.82;white-space:nowrap}.hero-title-line{display:block;transform-origin:left bottom}.hero-title-desc{position:absolute;right:0;bottom:2.3vw;font-family:"Noto Sans SC",sans-serif;font-size:clamp(15px,1.32vw,21px);font-weight:500;letter-spacing:0;line-height:1.4}.hero-photo{height:clamp(410px,52vw,780px);overflow:hidden;background:#334652}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 59%;transform:scale(1.01)}.hero-bottom{min-height:175px;padding:30px 0 60px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.hero-bottom p{font-size:clamp(18px,2vw,27px);font-weight:500;line-height:1.45}.text-link{text-decoration:none;font-size:15px;font-weight:600;display:inline-flex;gap:60px;text-decoration:underline;text-underline-offset:7px;padding:8px 0}.text-link span{font-size:19px}
.intro{padding:clamp(125px,16vw,250px) var(--gutter) clamp(130px,15vw,220px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:7vw;align-items:end}.intro h2{font-size:clamp(48px,6.2vw,105px);line-height:1.15;letter-spacing:-.075em}.intro p{max-width:420px;font-size:clamp(17px,1.35vw,21px);color:var(--sub);padding-bottom:.3em}
.work-section{padding:clamp(80px,9vw,150px) var(--gutter)}.work-heading{display:flex;justify-content:space-between;gap:9vw;align-items:end;margin-bottom:clamp(35px,5vw,85px)}.work-heading h2,.palette-heading h2,.signature-copy h2{font-size:clamp(38px,4.75vw,78px);line-height:1.15;letter-spacing:-.07em}.work-heading p,.palette-heading p,.signature-copy p{max-width:450px;font-size:clamp(16px,1.3vw,20px);color:var(--sub)}
.color-section{background:#e9eeea}.color-work{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(325px,.9fr);gap:clamp(50px,7vw,125px);align-items:center}.color-preview{height:clamp(540px,58vw,850px);position:relative;overflow:hidden;touch-action:pan-y;user-select:none;background:#ddd}.color-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;pointer-events:none}.color-reveal,.color-hit{clip-path:circle(31% at 59% 43%)}.color-hit{position:absolute;inset:0;touch-action:none;cursor:grab}.color-hit:active{cursor:grabbing}.color-details{max-width:580px}.large-note{font-size:clamp(38px,4.4vw,68px);font-weight:600;line-height:1.19;letter-spacing:-.07em;margin-bottom:32px}.color-details>p:not(.large-note){font-size:18px;color:var(--sub);max-width:34ch}.shape-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:44px 0 36px}.shape-button{min-height:51px;background:transparent;border:1px solid #a8bbb5;color:var(--ink);font-size:15px;transition:background .2s,color .2s,border-color .2s}.shape-button:hover,.shape-button.is-active{background:var(--green);border-color:var(--green);color:white}.size-control{display:grid;grid-template-columns:1fr;gap:14px;font-size:15px;font-weight:600}.size-control input{width:100%;accent-color:var(--green);cursor:pointer}.size-control output{font-size:13px;color:var(--sub);justify-self:end;margin-top:-14px}.color-details .detail-caption{font-size:14px!important;line-height:1.6;margin-top:46px;color:var(--sub)}
.collage-section{background:var(--paper)}.collage-art{display:grid;grid-template-columns:1.38fr .62fr;grid-template-rows:1fr 1fr;gap:clamp(12px,1.4vw,24px);height:clamp(480px,63vw,900px);background:#fff;padding:clamp(12px,1.4vw,24px)}.collage-cell{overflow:hidden}.collage-cell img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.collage-cell:hover img{transform:scale(1.04)}.collage-main{grid-row:span 2}.collage-main img{object-position:42% center}.collage-top img{object-position:50% 50%}.collage-bottom img{object-position:50% 36%}.art-caption{font-size:13px;color:var(--sub);padding-top:17px}
.signature-section{display:grid;grid-template-columns:minmax(270px,.34fr) minmax(0,.66fr);gap:clamp(50px,7vw,125px);background:#dce5e1;align-items:center}.signature-copy p{margin-top:38px}.signature-art{height:clamp(510px,50vw,740px);position:relative;overflow:hidden;background:#2e4b55}.signature-art img{width:100%;height:100%;object-fit:cover}.demo-signature{position:absolute;bottom:12%;left:10%;font-family:"Caveat",cursive;font-size:clamp(54px,7vw,110px);font-style:italic;font-weight:400;letter-spacing:-.08em;color:#fff;transform:rotate(-7deg)}.signature-art figcaption{position:absolute;bottom:18px;right:22px;color:white;font-size:13px}
.palette-section{background:var(--paper);padding-top:clamp(100px,10vw,160px);padding-bottom:clamp(100px,10vw,160px)}.palette-heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:75px}.palette-heading p{justify-self:end}.palette-art{max-width:1050px;margin:auto;background:#fff;padding:clamp(14px,2.1vw,32px)}.palette-art>img{width:100%;height:clamp(440px,48vw,730px);object-fit:cover;object-position:center 40%}.swatch-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:clamp(25px,3.5vw,55px) 2% 7px}.swatch{display:flex;flex-direction:column;align-items:center;gap:16px}.swatch i{width:clamp(44px,5vw,74px);height:clamp(44px,5vw,74px);border-radius:50%;display:block;background:var(--swatch)}.swatch b{font-size:clamp(11px,1vw,14px);font-weight:500;letter-spacing:.02em}.palette-section>.art-caption{text-align:center;margin-top:14px}
.about-section{padding:clamp(130px,14vw,230px) var(--gutter);display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;background:#e8ede8}.about-section h2{font-size:clamp(43px,5.5vw,88px);line-height:1.16;letter-spacing:-.07em}.about-copy{padding-top:12px}.about-copy p{font-size:clamp(17px,1.32vw,20px);margin-bottom:24px;color:var(--sub);max-width:500px}.about-copy strong{color:var(--ink)}.about-link{display:inline-flex;justify-content:space-between;gap:60px;min-width:230px;text-decoration:none;text-decoration:underline;text-underline-offset:7px;padding:10px 0;margin-top:20px;font-size:15px;font-weight:600}
.download-section{background:var(--dark);color:var(--paper);padding:clamp(85px,9vw,145px) var(--gutter) clamp(55px,6vw,100px);min-height:76vh;display:flex;flex-direction:column;justify-content:space-between;gap:70px}.download-section h2{font-size:clamp(54px,9.4vw,158px);line-height:1.06;letter-spacing:-.075em}.download-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.download-bottom p{font-size:clamp(18px,1.7vw,26px)}.download-bottom a{background:var(--paper);color:var(--dark);text-decoration:none;min-height:61px;min-width:245px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:16px;transition:background .2s,transform .2s}.download-bottom a:hover{background:white;transform:translateY(-3px)}
.site-footer{background:var(--dark);color:var(--paper);padding:180px var(--gutter) 32px;overflow:hidden}.footer-wordmark{display:block;font-weight:700;font-size:clamp(95px,20.2vw,335px);letter-spacing:-.095em;line-height:.85;white-space:nowrap;opacity:.82}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:72px;font-size:13px}.footer-bottom nav{display:flex;gap:28px}.footer-bottom a{text-decoration:none}.footer-bottom a:hover{text-decoration:underline}
@media(max-width:900px){.site-header{height:66px}.hero h1{font-size:20vw}.hero-photo{height:55vw;min-height:430px}.intro{grid-template-columns:1fr;gap:35px}.intro p{max-width:700px}.color-work{gap:38px;grid-template-columns:1fr 1fr}.color-preview{height:680px}.large-note{font-size:46px}.signature-section{gap:40px}.signature-art{height:600px}}
@media(max-width:680px){:root{--gutter:20px}.site-header{height:62px}.brand{font-size:14px}.brand img{width:27px;height:27px}.menu-toggle{display:flex;width:42px;height:42px;border:0;background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-toggle span{width:22px;height:1.5px;background:var(--ink)}.site-nav{display:none;position:absolute;top:62px;left:0;right:0;background:var(--paper);padding:18px 20px 28px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);box-shadow:0 18px 28px rgba(0,0,0,.05)}.site-nav.is-open{display:flex}.site-nav a{padding:15px 0;font-size:17px}.site-nav .nav-download{margin-top:15px;justify-content:space-between;padding:14px 16px}.hero h1{font-size:19.65vw;line-height:.88;letter-spacing:-.085em}.hero-title-wrap{padding-top:65px;padding-bottom:46px}.hero-title-desc{position:static;display:block;font-size:15px;letter-spacing:0;margin-top:9px;font-weight:500}.hero-photo{height:56vh;min-height:380px;max-height:560px;margin-top:6px}.hero-photo img{object-position:39% center}.hero-bottom{min-height:170px;padding:24px 0 40px}.hero-bottom p{font-size:19px}.text-link{gap:16px;white-space:nowrap;font-size:14px}.intro{padding-top:130px;padding-bottom:125px}.intro h2{font-size:clamp(44px,10vw,64px)}.intro p{font-size:17px}.work-section{padding:80px var(--gutter)}.work-heading,.palette-heading{display:block;margin-bottom:36px}.work-heading h2,.palette-heading h2,.signature-copy h2{font-size:clamp(40px,9vw,58px)}.work-heading p,.palette-heading p,.signature-copy p{margin-top:22px;font-size:16px}.color-work{display:flex;flex-direction:column;gap:36px}.color-preview{width:100%;height:auto;aspect-ratio:4/5;max-height:none}.color-details{width:100%}.large-note{font-size:43px;margin-bottom:20px}.color-details>p:not(.large-note){font-size:16px}.shape-picker{margin:28px 0;gap:7px}.shape-button{min-height:47px;font-size:14px}.color-details .detail-caption{margin-top:28px}.collage-art{height:530px;gap:8px;padding:8px;grid-template-columns:1.15fr .85fr}.signature-section{display:block}.signature-copy p{margin-top:24px}.signature-art{height:auto;aspect-ratio:4/5;margin-top:40px}.signature-art img{object-position:center}.palette-section{padding-top:120px;padding-bottom:120px}.palette-art{padding:10px}.palette-art>img{height:430px}.swatch-row{gap:2px;padding:24px 0 10px}.swatch{gap:10px}.swatch i{width:45px;height:45px}.swatch b{font-size:13px;letter-spacing:-.02em}.palette-section>.art-caption{font-size:13px}.about-section{display:block;padding-top:110px;padding-bottom:110px}.about-section h2{font-size:clamp(42px,9vw,62px)}.about-copy{padding-top:35px}.about-copy p{font-size:16px}.download-section{min-height:75vh;padding-top:75px;padding-bottom:55px}.download-section h2{font-size:clamp(53px,11vw,78px)}.download-bottom{display:block}.download-bottom p{font-size:17px;margin-bottom:25px}.download-bottom a{width:100%}.site-footer{padding-top:155px}.footer-wordmark{font-size:19.8vw}.footer-bottom{padding-top:60px;display:grid;grid-template-columns:1fr auto;gap:25px}.footer-bottom nav{grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:16px 25px}.footer-bottom p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.download-meta{display:block;margin-top:14px;font-size:13px;line-height:1.5;opacity:.72}
@media(max-width:680px){.download-bottom a{margin-top:28px}}
@media(max-width:680px){html{scroll-behavior:auto}}