@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap";:root{--ink:#23483f;--body:#56625f;--muted:#89938f;--green:#4e917b;--green-dark:#326c5d;--green-faint:#eaf3ed;--mint:#dceee6;--peach:#f6d3c4;--coral:#d7796c;--cream:#fcfaf5;--line:#e8e8df;--white:#fff;--radius:23px;--shadow:0 9px 30px #2b4b3f0e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--body);background:radial-gradient(circle at 94% 3%,#f6eee2 0,transparent 28rem),radial-gradient(circle at -4% 38%,#f2f5e9 0,transparent 24rem),var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Zen Maru Gothic,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{color:var(--green-dark)}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.wrap{width:min(1200px,100% - 72px);margin-inline:auto}.skip-link{background:var(--ink);color:#fff;z-index:99;padding:12px;position:absolute;top:-120px;left:20px}.skip-link:focus{top:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:10;backdrop-filter:blur(14px);background:#fffffccc;border-bottom:1px solid #e1e6dca8;height:92px;position:relative}.header-inner{align-items:center;gap:90px;height:100%;display:flex}.brand{color:var(--ink);letter-spacing:-1px;white-space:nowrap;align-items:center;gap:9px;font-size:27px;font-weight:700;display:inline-flex}.brand-leaf{width:35px;height:35px}.brand-dot{color:var(--coral)}.nav-links{align-items:center;gap:38px;height:100%;display:flex}.nav-link{color:#6d7974;padding:30px 6px;font-size:14px;font-weight:600;transition:color .2s;position:relative}.nav-link.active,.nav-link:hover{color:var(--green-dark)}.nav-link.active:after{content:"";background:var(--green);border-radius:5px;height:3px;position:absolute;bottom:20px;left:6px;right:6px}.header-github{color:var(--green-dark);background:#fff9;border:1px solid #d9e4dd;border-radius:99px;align-items:center;gap:10px;margin-left:auto;padding:10px 17px;font-size:13px;display:inline-flex}.header-github svg{width:17px;height:17px}.mobile-menu{display:none}.site-footer{border-top:1px solid var(--line);background:#f2f5ed;margin-top:60px}.footer-inner{grid-template-columns:1fr auto;gap:10px 30px;min-height:175px;padding-block:38px;display:grid}.footer-brand{color:var(--ink);font-size:22px;font-weight:700}.footer-inner p{color:var(--muted);margin:0;font-size:12px}.footer-links{align-items:center;gap:25px;font-size:13px;display:flex}.footer-inner small{color:#9aa49e;grid-column:1/-1;font-size:11px}.hero{grid-template-columns:51% 49%;align-items:center;min-height:555px;padding-block:56px 60px;display:grid;position:relative}.hero-copy{z-index:1;padding:0 0 12px;position:relative}.eyebrow{letter-spacing:2.1px;text-transform:uppercase;color:var(--green);align-items:center;gap:9px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow-dot{color:var(--coral);font-size:20px;line-height:1}.hero h1,.about-hero h1{letter-spacing:-2px;color:var(--ink);margin:22px 0 18px;font-size:clamp(40px,4.5vw,64px);font-weight:700;line-height:1.37}.hero h1 em,.about-hero h1 em{color:var(--green);font-style:normal}.hero-copy>p{color:#69746e;max-width:580px;margin-bottom:29px;font-size:15px;line-height:2.12}.hero-actions{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.btn{background:#fff;border-radius:99px;justify-content:center;align-items:center;gap:17px;min-height:47px;padding:11px 27px;font-size:13px;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 19px #4377621d}.btn-primary{background:var(--green);color:#fff;box-shadow:0 7px 16px #54947e22}.btn-primary:hover{background:var(--green-dark);color:#fff}.btn-outline{color:var(--green-dark);background:#fffb;border:1px solid #adcbbb}.hero-footnote{color:#869a8f;margin-top:36px;font-size:12px}.hero-foot-symbol{color:var(--coral);margin-right:8px;font-size:19px}.hero-visual{height:430px;position:relative}.hero-bottom-line{background:linear-gradient(90deg,#0000,#e6e8df,#0000);height:1px}.home-scene{isolation:isolate;height:100%;position:relative;overflow:visible}.scene-halo{filter:blur(10px);z-index:-1;background:radial-gradient(at 45% 60%,#f4e4ca 0%,#f8efdb 55%,#0000 77%);border-radius:52% 48% 46% 54%;width:94%;height:90%;position:absolute;top:2%;left:8%}.scene-window{background:linear-gradient(120deg,#fffdf5cc,#eef4e5b0);border-radius:170px 170px 0 0;width:54%;height:75%;position:absolute;top:0;right:5%;box-shadow:inset 13px 0 15px #f9eee28c}.scene-table{background:linear-gradient(#e0bc90,#ebd0ad 55%,#d9b188);border-radius:50% 50% 12px 12px;width:104%;height:38px;position:absolute;bottom:16px;left:0;box-shadow:0 21px 40px #c0aa8e28}.scene-device{z-index:3;background:#fff;border:10px solid #3e4e51;border-bottom-width:13px;border-radius:18px 18px 8px 8px;width:71%;height:57%;position:absolute;top:18%;left:19%;overflow:hidden;transform:perspective(860px)rotateY(-8deg)rotateX(1deg)rotate(-3deg);box-shadow:9px 19px 30px #6f66544a}.device-top{color:#547368;background:#fff;border-bottom:1px solid #e4ece6;justify-content:space-between;align-items:center;height:28px;padding:0 10px;font-size:9px;display:flex}.device-lights{color:#e8b6a4;letter-spacing:1px;font-size:6px}.device-grid{background:#f4f8f4;height:calc(100% - 28px);display:flex}.device-side{color:#659c8c;text-align:center;background:#e9f1ec;width:38px;font-size:15px;line-height:3.2}.device-main{flex:1;min-width:0;padding:10px}.device-mini{color:#4d6e66;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:17px;font-weight:700;display:flex}.device-mini small{color:#deb16b;font-size:10px}.device-banner{background:#fff;border-radius:8px;align-items:center;gap:10px;height:74px;margin-top:9px;padding:5px 10px;display:flex;box-shadow:0 2px 5px #dde8de}.device-banner span{color:#739183;max-width:82px;font-size:10px;line-height:1.6}.device-banner svg{flex:1;min-width:20px}.device-foot{gap:7px;margin-top:8px;display:flex}.device-foot span{color:#9aaa9e;background:#fff;border-radius:8px;flex:1;padding:4px 8px;font-size:8px}.device-foot b{color:#456d61;font-size:12px;display:block}.scene-keyboard{clip-path:polygon(8% 0,87% 0,100% 94%,0 94%);z-index:2;background:linear-gradient(#d0d5d3,#b3bab8);border-radius:8px;width:86%;height:11%;position:absolute;top:74%;left:14%;transform:rotate(-3deg);box-shadow:2px 12px 20px #635f5950}.scene-plant{z-index:1;width:145px;height:275px;position:absolute;top:3%;right:0}.scene-plant i{transform-origin:0 100%;background:#9fba92;border-radius:100% 0;width:30px;height:65px;position:absolute;box-shadow:inset -7px 0 8px #618f6840}.scene-plant i:first-child{top:27px;left:70px;transform:rotate(-24deg)}.scene-plant i:nth-child(2){background:#b3c99f;top:53px;left:87px;transform:rotate(32deg)}.scene-plant i:nth-child(3){top:82px;left:39px;transform:rotate(-65deg)}.scene-plant i:nth-child(4){top:117px;left:93px;transform:rotate(49deg)}.scene-plant i:nth-child(5){background:#a4bb92;top:126px;left:55px;transform:rotate(-49deg)}.scene-plant i:nth-child(6){top:7px;left:92px;transform:rotate(14deg)}.scene-plant i:nth-child(7){background:#92b18b;top:99px;left:108px;transform:rotate(52deg)}.scene-plant i:nth-child(8){top:36px;left:42px;transform:rotate(-65deg)}.scene-pot{clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);background:linear-gradient(90deg,#f3d9bb,#e2c29e);border-radius:4px 4px 13px 13px;width:59px;height:65px;position:absolute;bottom:5px;left:69px}.scene-cat{z-index:5;filter:drop-shadow(1px 10px 9px #9d7c5d40);width:230px;height:130px;position:absolute;bottom:39px;left:4%}.cat-body{background:radial-gradient(at 22% 40%,#ffdca6 10%,#e7a66d 50%,#c98555 100%);border-radius:55% 48% 45% 46%;width:190px;height:103px;position:absolute;bottom:0;left:5px;transform:rotate(5deg)}.cat-body:after{content:"";background:#fff1df;border-radius:45%;width:90px;height:43px;position:absolute;top:44px;left:45px;transform:rotate(-12deg)}.cat-head{background:linear-gradient(130deg,#efc18d 15%,#fff3e1 80%);border-radius:47% 53% 57% 45%;width:99px;height:86px;position:absolute;bottom:0;right:0;transform:rotate(-9deg)}.cat-head .ear{clip-path:polygon(50% 0,0 100%,100% 100%);background:#d99968;width:33px;height:43px;position:absolute;top:-19px}.cat-head .ear.left{left:8px;transform:rotate(-16deg)}.cat-head .ear.right{right:9px;transform:rotate(19deg)}.cat-eyes{color:#815f51;letter-spacing:-3px;font-size:21px;position:absolute;top:27px;left:17px}.cat-nose{color:#b68075;font-size:14px;position:absolute;top:46px;left:49px}.cat-tail{z-index:1;border:18px solid #c8885a;border-color:#0000 #c8885a #c8885a #0000;border-radius:50%;width:76px;height:55px;position:absolute;bottom:10px;left:-4px;transform:rotate(-15deg)}.scene-cup{z-index:5;color:#8ab096;background:linear-gradient(90deg,#fff,#f4ede0);border-radius:6px 6px 23px 23px;place-items:center;width:65px;height:75px;font-size:28px;display:grid;position:absolute;bottom:40px;right:1%;box-shadow:2px 8px 9px #917a6126}.scene-cup:after{content:"";border:8px solid #f8f1e7;border-radius:50%;width:20px;height:29px;position:absolute;top:11px;right:-19px}.scene-note{z-index:5;color:#bd937b;text-align:center;opacity:.7;font-family:cursive;font-size:17px;line-height:1.5;position:absolute;top:12%;right:-4%;transform:rotate(10deg)}.section{padding-block:65px 10px}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.section-kicker,.panel-kicker{letter-spacing:2.6px;color:#a5b1a5;font-size:10px;font-weight:700}.section-head h2{color:var(--ink);letter-spacing:-.5px;margin:5px 0;font-size:27px;line-height:1.45}.section-head p{color:#909b94;margin:0;font-size:13px}.section-symbol{margin-right:7px;font-size:22px;display:inline-block}.coral{color:var(--coral)}.under-link{color:#4d9178;white-space:nowrap;border-bottom:1px solid #bad3c6;padding-bottom:4px;font-size:13px;font-weight:700}.under-link:hover{color:#265f4e}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-card{border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);background:#fff;border:1px solid #ebece5;flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #2b4b3f18}.project-card[hidden]{display:none!important}.project-art{background:#f3e9dd;border-radius:16px;height:206px;margin:9px;display:block;position:relative;overflow:hidden}.project-art img{object-fit:contain;object-position:center;background:radial-gradient(at 80% 20%,#fefdf8,#eaf4ed);width:100%;height:100%;transition:transform .35s}.project-card:hover .project-art img{transform:scale(1.035)}.tone-0{background:#f6e9df}.tone-1{background:#eff1e9}.tone-2{background:#e7f1ee}.tone-3{background:#f4e8d6}.tone-4{background:#e9edf4}.tone-5{background:#f0e7ec}.art-corner{color:var(--green-dark);backdrop-filter:blur(8px);background:#fffef0eb;border-radius:99px;padding:3px 11px;font-size:10px;font-weight:700;position:absolute;bottom:12px;left:13px}.fallback-art{isolation:isolate;place-items:center;height:100%;display:grid}.fallback-icon{z-index:2;filter:drop-shadow(2px 7px 4px #73675826);font-size:69px}.art-bloom{color:#eecab7;font-size:90px;position:absolute;top:3%;right:20%}.art-orbit{z-index:0;background:#fff3;border:1px solid #fff9;border-radius:45%;width:170px;height:170px;position:absolute;transform:rotate(-15deg)}.project-card-body{flex-direction:column;flex:1;padding:9px 23px 22px;display:flex}.project-card-title-row{align-items:center;gap:10px;display:flex}.project-icon{font-size:21px}.project-card-title-row h3{color:var(--ink);letter-spacing:-.4px;min-width:0;margin:0;font-size:17px;font-weight:700;line-height:1.35}.arrow-mini{color:#a6b6aa;margin-left:auto}.project-description{color:#728077;min-height:72px;margin:11px 0;font-size:12.5px;line-height:1.9}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.soft-tag{color:#788b90;white-space:nowrap;background:#f0f3f5;border-radius:99px;padding:4px 11px;font-size:10px;display:inline-flex}.soft-tag:nth-child(2){color:#7185a5;background:#edf3fa}.soft-tag:nth-child(3){color:#a5826c;background:#f9efe8}.category-tag{color:#6c9482;background:#e9f3ed}.card-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:19px;display:flex}.text-link{color:var(--green-dark);border:1px solid #bdd2c5;border-radius:99px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.text-link:hover{background:var(--green-dark);border-color:var(--green-dark);color:#fff}.card-date{color:#a1aca3;font-size:10px}.info-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.info-card{border-radius:var(--radius);border:1px solid var(--line);min-height:235px;box-shadow:var(--shadow);background:#fff;padding:24px;position:relative;overflow:hidden}a.info-card:hover{border-color:#b5d5c1}.info-heading{color:var(--ink);align-items:center;gap:11px;font-size:16px;font-weight:700;display:flex}.info-icon{width:33px;height:33px;color:var(--green);background:#e8f3eb;border-radius:10px;place-items:center;font-size:20px;display:grid}.info-chevron{color:#95a99b;margin-left:auto}.info-card p{color:#798981;margin:16px 0;font-size:12px;line-height:1.95}.interest-icons{color:#6c8b7c;justify-content:space-between;gap:5px;margin-top:31px;font-size:11px;display:flex}.updates-card{flex-direction:column;display:flex}.update-list{margin:13px 0;padding:0 0 0 7px;list-style:none}.update-list li{border-left:1px solid #d5e5db;align-items:baseline;gap:12px;padding:0 0 12px 14px;display:flex;position:relative}.timeline-dot{background:#6caa8d;border-radius:100%;width:8px;height:8px;position:absolute;top:8px;left:-4.5px}.update-list li>div{flex-direction:column;min-width:0;display:flex}.update-list time{color:#9eaba1;font-size:10px}.update-list a{color:#507c6d;font-size:12px;font-weight:700}.under-link.small{align-self:flex-start;margin-top:auto;font-size:11px}.about-card p{max-width:240px}.stacked-flower{color:#e4b6a2;opacity:.8;font-size:67px;position:absolute;bottom:5px;right:18px;transform:rotate(-10deg)}.stacked-flower span{color:#8db69b;font-size:40px;position:absolute;bottom:10px;left:-7px}.outline-small{color:var(--green-dark);border:1px solid #bbd4c6;border-radius:99px;margin-top:12px;padding:6px 15px;font-size:10px;font-weight:700;display:inline-block}.closing-note{text-align:center;color:#829d8d;border-top:1px dashed #d7e4d6;justify-content:center;align-items:center;gap:18px;margin-top:70px;padding:24px;display:flex}.closing-note>span:first-child{color:#91b4a0;font-size:29px}.closing-note p{font-size:12px;line-height:1.8}.closing-count{color:#a5b8aa;letter-spacing:1px;margin-left:auto;font-size:10px}.page-intro{padding:73px 0 45px}.page-intro h1{letter-spacing:-2px;color:var(--ink);margin:12px 0;font-size:clamp(45px,5vw,69px);line-height:1.3}.page-title-row{justify-content:space-between;align-items:center;gap:30px;display:flex}.heading-sprig{color:var(--coral);vertical-align:top;margin-left:10px;font-size:29px}.page-title-row p{color:#7c8881;font-size:14px;line-height:2}.page-decoration{color:#c3daca;letter-spacing:20px;white-space:nowrap;font-size:83px}.page-decoration span{color:#edc8b0}.catalog-layout{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:26px;display:grid}.catalog-aside{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;padding:25px 16px}.aside-title{color:var(--ink);padding:0 12px;font-size:15px;font-weight:700}.aside-title:first-letter{color:var(--green)}.aside-caption{color:#abb4ac;padding:0 12px 15px;font-size:10px}.aside-category{flex-direction:column;gap:4px;display:flex}.side-filter{text-align:left;color:#748078;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:11px 12px;font-size:12px;display:flex}.side-filter span{color:#83a795;font-size:18px;line-height:1}.side-filter.selected,.side-filter:hover{color:var(--green-dark);background:#eef5ef;font-weight:700}.aside-bottom{border-top:1px solid #ecede7;margin:22px 9px 0;padding:19px 4px 3px}.aside-bottom span{color:var(--green);font-size:29px}.aside-bottom p{color:var(--ink);margin:8px 0;font-size:14px;line-height:1.75}.aside-bottom small{color:#a8b1a8;font-size:10px}.catalog-main{min-width:0}.catalog-tools{justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px;display:flex}.catalog-heading{white-space:nowrap;color:var(--ink);align-items:center;gap:9px;display:flex}.catalog-heading b{font-size:16px}.catalog-heading span{color:var(--green);background:#e9f2eb;border-radius:99px;padding:4px 9px;font-size:10px}.catalog-controls{align-items:center;gap:10px;display:flex}.search-field{background:#fff;border:1px solid #e1e8e0;border-radius:99px;align-items:center;gap:6px;height:41px;padding:0 14px;display:flex}.search-field span{color:#96ada0;font-size:22px}.search-field input{width:170px;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.search-field input::placeholder{color:#abb5ae}.sort-field select{color:#6a8678;background:#fff;border:1px solid #e1e8e0;border-radius:99px;padding:9px 10px;font-size:11px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.catalog-grid .project-art{height:202px}.mobile-filters{display:none}.empty-state{text-align:center;border:1px solid var(--line);background:#fff;border-radius:23px;padding:90px 20px}.empty-state[hidden]{display:none}.empty-state div{font-size:44px}.empty-state h2{color:var(--ink);font-size:19px}.empty-state p{font-size:12px}.catalog-end{text-align:center;color:#a3b2a5;letter-spacing:1px;margin:45px 0;font-size:11px}.breadcrumb{color:#98a79d;align-items:center;gap:12px;margin-top:28px;font-size:11px;display:flex}.breadcrumb strong{color:#527f70;font-weight:600}.detail-hero{grid-template-columns:49% 51%;align-items:center;gap:30px;min-height:460px;padding:38px 0 58px;display:grid}.detail-category{color:#7fa38b;align-items:center;gap:9px;margin-top:20px;font-size:12px;font-weight:700;display:flex}.detail-icon{background:#eaf3ed;border-radius:12px;place-items:center;width:39px;height:39px;font-size:23px;display:grid}.detail-copy h1{letter-spacing:-1.6px;color:var(--ink);overflow-wrap:anywhere;margin:12px 0 15px;font-size:clamp(36px,4.2vw,58px);line-height:1.2}.detail-copy h2{color:#3c7665;margin:0 0 15px;font-size:22px;line-height:1.5}.detail-copy>p{color:#77877c;max-width:525px;font-size:13px;line-height:2.05}.detail-tags{margin:22px 0 25px}.detail-visual{background:radial-gradient(at 50% 65%,#f1e2ce 0,#0000 65%);height:360px;position:relative}.detail-visual-inner{background:#e4f0e7;border:11px solid #fff;border-radius:25px;place-items:center;display:grid;position:absolute;inset:30px 10px 40px 20px;overflow:hidden;transform:rotate(-2.5deg);box-shadow:0 19px 35px #43584829}.detail-visual-inner img{object-fit:contain;background:#f3f6f1;width:100%;height:100%}.detail-visual-flower{color:#eccab4;font-size:65px;position:absolute;top:0;right:0}.detail-fallback{background:radial-gradient(circle at 70% 20%,#fff9,#dcefe3);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.detail-fallback>span{color:#d6b6a5;font-size:35px}.detail-fallback strong{font-size:92px}.detail-fallback small{color:#a0b09f;letter-spacing:2px}.detail-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.detail-panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;min-height:267px;padding:27px}.detail-panel h2{color:var(--ink);margin:12px 0 14px;font-size:18px}.title-emoji{color:#76a58c;margin-right:9px}.detail-panel p{color:#7a887e;margin:0 0 20px;font-size:13px;line-height:2}.feature-list{margin:0;padding:0;list-style:none}.feature-list li{color:#687d71;border-bottom:1px solid #f0f0ed;align-items:baseline;gap:11px;padding:9px 0;font-size:12px;line-height:1.8;display:flex}.feature-list li:last-child{border-bottom:0}.feature-bullet{color:var(--green);font-size:17px}.fact-list{margin:12px 0;font-size:12px}.fact-list>div{border-bottom:1px solid #f0f0ec;justify-content:space-between;gap:10px;padding:11px 0;display:flex}.fact-list dt{color:#99a49b}.fact-list dd{color:#4c7161;text-align:right;overflow-wrap:anywhere;margin:0}.fact-list dd a{text-decoration:underline #d6e4da}.related-section{padding-top:60px}.related-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.related-item{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:17px;display:flex}.related-item>span{font-size:28px}.related-item>div{flex:1;min-width:0}.related-item strong{color:var(--ink);font-size:13px;display:block}.related-item small{-webkit-line-clamp:2;color:#899990;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.related-item b{color:#8ab39a}.back-projects{text-align:center;color:var(--green);padding:60px 0 15px;font-size:13px}.about-hero{padding:85px 0 60px}.about-layout{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.about-hero h1{font-size:clamp(42px,4.5vw,65px);line-height:1.4}.about-hero p{color:#79877e;max-width:510px;font-size:14px;line-height:2.2}.about-hero .about-lead{color:#4a806b;font-size:18px;font-weight:700}.about-illustration{background:radial-gradient(circle at 55% 56%,#e7f0df,#faf0df 62%,#0000 76%);border-radius:46% 54% 40% 60%;place-items:center;height:390px;display:grid;position:relative}.about-sun{color:#e7bba2;font-size:90px;position:absolute;top:2%;right:20%}.about-paper{color:#819e89;background:#fffef9;border-radius:10px;flex-direction:column;align-items:center;gap:25px;width:245px;height:265px;padding:38px 24px;display:flex;transform:rotate(-8deg);box-shadow:10px 20px 30px #b3ae9c33}.about-paper span{letter-spacing:2px;font-size:16px;font-weight:700}.about-paper b{color:#83b499;font-size:70px}.about-paper small{text-align:center;font-style:italic}.about-bouquet{color:#e9b9a5;font-size:75px;position:absolute;bottom:9%;right:13%;transform:rotate(19deg)}.about-bouquet span{color:#8fb598;font-size:75px}.about-topics{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.about-topic{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;padding:26px;transition:transform .2s}.about-topic:hover{transform:translateY(-4px)}.about-topic span{font-size:38px}.about-topic h3{color:var(--ink);margin:16px 0 9px;font-size:16px}.about-topic p{color:#8b988e;font-size:12px;line-height:1.9}.about-quote{text-align:center;color:var(--green);padding:75px 0 50px}.about-quote span{font-size:39px}.about-quote p{color:var(--ink);margin:8px 0;font-size:23px;font-weight:700}.about-quote small{letter-spacing:1.7px;color:#a7b5a6;font-size:11px}:focus-visible{outline-offset:3px;outline:3px solid #8dc0a5}@media (width<=1100px){.wrap{width:min(100% - 48px,1200px)}.header-inner{gap:55px}.hero{grid-template-columns:52% 48%}.hero h1{font-size:48px}.scene-note{right:0}.scene-cat{transform-origin:0 100%;transform:scale(.83)}.project-card-body{padding:9px 17px 18px}.project-art{height:174px}.detail-hero{gap:10px}.catalog-layout{grid-template-columns:220px 1fr}.catalog-grid .project-art{height:174px}}@media (width<=850px){.site-header{height:76px}.header-inner{gap:25px}.nav-links{gap:17px}.nav-link{padding:21px 4px}.nav-link.active:after{bottom:13px}.header-github{padding:9px}.header-github span{display:none}.hero{min-height:unset;grid-template-columns:1fr;padding-top:46px}.hero-visual{width:100%;max-width:680px;height:335px;margin:auto}.hero h1{font-size:clamp(41px,7vw,58px)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-grid{grid-template-columns:repeat(2,1fr)}.about-card{grid-column:1/-1;min-height:180px}.catalog-layout{display:block}.catalog-aside{display:none}.mobile-filters{gap:7px;margin-bottom:20px;padding:0 0 6px;display:flex;overflow-x:auto}.filter-pill{color:#7e8c80;background:#fff;border:1px solid #dce8de;border-radius:99px;flex:none;padding:8px 14px;font-size:12px}.filter-pill.selected{background:var(--green);color:#fff}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero{grid-template-columns:1fr}.detail-visual{width:100%;max-width:600px;margin:auto}.detail-sections{grid-template-columns:repeat(2,1fr)}.detail-meta{grid-column:1/-1}.related-grid{grid-template-columns:1fr 1fr}.about-topics{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.wrap{width:calc(100% - 34px)}.site-header{height:68px}.brand{font-size:23px}.brand-leaf{width:29px}.nav-links,.header-github{display:none}.mobile-menu{margin-left:auto;display:block;position:relative}.mobile-menu summary{color:var(--green-dark);cursor:pointer;padding:6px;font-size:24px;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;width:190px;padding:12px;display:flex;position:absolute;top:43px;right:0;box-shadow:0 12px 30px #294f4133}.mobile-menu nav a{color:var(--ink);padding:8px 12px;font-size:14px}.hero{padding-top:39px;padding-bottom:28px}.eyebrow{letter-spacing:1.3px;font-size:10px}.hero h1{letter-spacing:-1.1px;margin:18px 0;font-size:clamp(34px,9vw,44px)}.hero-copy>p{font-size:13px;line-height:2}.desktop-only{display:none}.btn{min-height:43px;padding:10px 18px;font-size:12px}.hero-actions{gap:9px}.hero-footnote{margin-top:22px}.hero-visual{height:270px;margin-top:10px}.scene-device{width:77%;height:60%;top:16%;left:19%}.scene-cat{transform:scale(.72)}.scene-plant{transform-origin:100% 0;transform:scale(.68)}.scene-cup{transform-origin:100% 100%;transform:scale(.7)}.scene-note{font-size:12px}.section{padding-top:42px}.section-head{align-items:start}.section-head h2{font-size:21px}.section-head p{font-size:11px}.section-head>.under-link{margin-top:35px;font-size:10px}.card-grid,.info-grid,.catalog-grid{grid-template-columns:1fr;gap:14px}.project-art,.catalog-grid .project-art{height:215px}.project-card-body{padding:9px 20px 19px}.project-description{min-height:unset}.info-card{min-height:195px;padding:21px}.about-card{grid-column:auto}.interest-icons{margin-top:19px}.closing-note{flex-direction:column;gap:1px;margin-top:36px}.closing-note p{font-size:11px}.closing-count{margin:0}.footer-inner{grid-template-columns:1fr;gap:20px;padding-block:29px}.footer-links{gap:22px}.footer-inner small{grid-column:1}.page-intro{padding:48px 0 22px}.page-intro h1{font-size:48px}.page-title-row p{font-size:12px}.page-decoration{display:none}.catalog-tools{display:block}.catalog-heading{margin-bottom:13px}.catalog-controls{width:100%}.search-field{flex:1;min-width:0}.search-field input{width:100%;min-width:0}.sort-field select{max-width:120px}.detail-hero{padding:25px 0 35px}.detail-copy h1{font-size:37px}.detail-copy h2{font-size:19px}.detail-copy>p{font-size:12px}.detail-visual{height:270px}.detail-visual-inner{inset:15px 5px 25px}.detail-sections{grid-template-columns:1fr}.detail-meta{grid-column:auto}.detail-panel{min-height:0;padding:23px}.related-grid{grid-template-columns:1fr}.related-section{padding-top:30px}.breadcrumb{flex-wrap:wrap;font-size:10px}.about-hero{padding:48px 0 25px}.about-layout{grid-template-columns:1fr;gap:0}.about-hero h1{font-size:42px}.about-hero .about-lead{font-size:16px}.about-hero p{font-size:12px}.about-illustration{height:280px;margin-top:20px}.about-paper{transform:rotate(-8deg)scale(.75)}.about-topics{grid-template-columns:1fr 1fr;gap:11px}.about-topic{padding:17px}.about-topic h3{font-size:13px}.about-topic p{font-size:11px}.about-quote{padding:45px 0 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}