.glass-mini{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:#816958}
.glass-main h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.05em;font-weight:400;line-height:1.18;margin:13px 0}
.glass-main p{font-size:13px;line-height:1.9;color:#665447;max-width:410px}
.glass-foot{border-top:1px solid #b59f8e77;padding-top:18px;color:#806553;font-size:11px;display:flex;align-items:center;gap:9px}
.glass-foot em{font:italic 19px Georgia,serif;margin-left:auto;color:#9c7b66}
.preview-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#7a6556;text-transform:uppercase}
.preview-dots{display:flex;gap:5px}
.preview-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#b3a08c}
.preview-board{background:rgba(255,255,255,.66);border:1px solid #fff9;border-radius:15px;padding:15px;min-height:175px;flex:1;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:16px}
.measure-shape{position:relative;aspect-ratio:1.14;background:linear-gradient(135deg,#e9e7de,#dfe4db);border:1px solid #ddd6cc;border-radius:8px}
.measure-shape:before{content:"";position:absolute;inset:24%;border:2px solid #8ea28b;transform:rotate(-13deg);border-radius:3px}
.measure-shape:after{content:"+";position:absolute;left:46%;top:38%;font-size:27px;color:#859b83}
.measure-shape i{position:absolute;inset:12%;border:1px dashed #a9b9a7}
.measure-lines{display:flex;flex-direction:column;gap:12px}
.measure-lines b{font-size:10px;color:#687c64;letter-spacing:.03em}
.measure-lines i{display:block;background:#beb4a7;border-radius:99px;height:5px;width:90%}
.measure-lines i:nth-of-type(2){background:#94af95;width:63%}
.measure-lines i:nth-of-type(3){width:78%}
.preview-bottom{font-size:10px;color:#806e5e;display:flex;justify-content:space-between}
.bento-card{min-height:230px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #fffd;padding:26px;border-radius:24px;background:rgba(252,246,238,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 44px -33px rgba(61,38,23,.34);transition:transform .4s var(--ease)}
.bento-card:hover{transform:translateY(-5px)}
.bento-card .num{font:italic 15px Georgia,serif;color:#aa8a71}
.bento-card h3{font-size:clamp(21px,2vw,27px);font-weight:400;letter-spacing:-.03em;line-height:1.22;margin:14px 0}
.bento-card p{font-size:12.5px;line-height:1.8;color:#776354}
.bento-card.feature{min-height:500px;grid-row:span 2;background:rgba(55,42,32,.71);color:#fff9eb;padding:32px}
.bento-card.feature .num,.bento-card.feature p{color:#e9d9c7}
.bento-card.feature h3{font-size:clamp(34px,3.3vw,48px);line-height:1.1}
.bento-card.feature .feature-quote{font:italic 19px/1.5 Georgia,serif;border-top:1px solid #fff5;padding-top:22px;margin-top:30px;color:#fff2e4}
.bento-card.feature a{display:flex;justify-content:space-between;align-items:center;padding:13px 19px;background:#fbf3e8;color:#422c1f;border-radius:99px;margin-top:20px;font-size:12px;font-weight:600}
.bento-lines{display:flex;gap:5px;margin-top:18px}
.bento-lines i{display:block;height:3px;border-radius:10px;background:#b9a28d;flex:1}
.bento-lines i:nth-child(2){flex:2;background:#8d9f8c}
.project-card{background:rgba(255,251,244,.89);border:1px solid rgba(66,44,28,.12);border-radius:26px;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.project-card:hover{transform:translateY(-5px);box-shadow:0 24px 40px -34px rgba(63,42,29,.45)}
.project-art{position:relative;height:300px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:linear-gradient(135deg,#ded2c4,#e9e2d7)}
.project-art.orbis{background:linear-gradient(145deg,#e4dfd6,#f2ebe1)}
.project-art.playorder{background:linear-gradient(130deg,#d9e3df,#eeeae1)}
.project-art.matching{background:linear-gradient(140deg,#dde0d4,#e9e8df)}
.project-index{position:absolute;top:23px;left:25px;font-size:11px;letter-spacing:.13em;color:#897565}
.project-visual-label{position:absolute;bottom:21px;right:24px;font-size:10px;letter-spacing:.13em;color:#947a66}
.art-frame{width:232px;height:171px;background:#faf7efc9;box-shadow:16px 17px 0 -4px #aea49444,0 19px 35px #6353421e;border:1px solid #b9ac9e;transform:rotate(-7deg);position:relative}
.art-frame:before{content:"";position:absolute;inset:22%;border:2px solid #839686;transform:rotate(-16deg)}
.art-frame:after{content:"";position:absolute;inset:34%;border:2px solid #8a9e91;border-radius:50%}
.art-frame i{position:absolute;inset:12%;border:1px dashed #a7b6a6}
.art-story{width:280px;background:#faf6ed;box-shadow:15px 17px 0 -4px #bcada270;border:1px solid #c9bdaf;padding:22px;transform:rotate(-4deg)}
.art-story strong{font:italic 23px Georgia,serif;font-weight:400;color:#776456}
.art-story div{display:flex;justify-content:space-between;gap:8px;margin-top:34px}
.art-story span{border:1px solid #d2c7b7;padding:7px 9px;background:#f2ebe2;border-radius:99px;font-size:10px;color:#8b7763}
.art-table{background:#fdfcf7;box-shadow:15px 16px 0 -4px #a7c0b35e;border:1px solid #b6c9ba;padding:22px;width:290px;transform:rotate(4deg)}
.art-table strong{font-size:12px;color:#748d7b}
.art-table i{display:block;height:10px;border-radius:3px;background:#dce8dc;margin-top:14px}
.art-table i:nth-of-type(2){width:84%}.art-table i:nth-of-type(3){width:65%}
.art-pair{display:flex;align-items:center;gap:16px}
.art-pair span{height:112px;width:107px;background:#f9faf2;border:1px solid #bac9b9;position:relative;box-shadow:7px 8px 0 #a6b5a452}
.art-pair span:after{content:"";position:absolute;inset:23px;border:2px solid #839b8b;transform:rotate(-15deg)}
.art-pair span:last-child:after{transform:rotate(12deg)}
.art-pair b{font-size:22px;color:#8aa18e}
.project-details{padding:28px 29px 25px}
.project-details .type{font-size:10px;color:#977960;text-transform:uppercase;letter-spacing:.15em}
.project-details h3{font-size:clamp(23px,2.3vw,31px);font-weight:400;line-height:1.33;letter-spacing:-.043em;margin:10px 0 12px}
.project-details p{font-size:13px;color:#78665a;line-height:1.9;min-height:75px}
.project-tags{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid #e8ded2;margin-top:22px;padding-top:16px}
.project-tags div{display:flex;gap:8px;flex-wrap:wrap}
.project-tags span{font-size:10px;color:#957a64}
.project-tags small{font-size:11px;font-weight:600;color:#8b745e}
.expertise-item{padding-top:24px;border-top:1px solid #cdbca8}
.expertise-item .number{font:italic 28px Georgia,serif;color:#ad9278}
.expertise-item h3{font-weight:500;font-size:17px;margin:30px 0 12px}
.expertise-item p{font-size:12.5px;color:#806d5c;line-height:1.8;min-height:90px}
.skill-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
.skill-tags span{font-size:10px;border:1px solid rgba(85,61,42,.17);color:#796655;padding:5px 9px;border-radius:99px}
.thinking-title{font-size:clamp(36px,4.7vw,60px);font-weight:400;letter-spacing:-.05em;line-height:1.1;margin:18px 0}
.thinking-description{font-size:13px;color:#806d5c;line-height:1.85;max-width:380px}
.thinking-note{display:grid;grid-template-columns:92px 1fr;gap:20px;border-bottom:1px solid #dcccbc;padding:24px 0}
.thinking-note:first-child{border-top:1px solid #dcccbc}
.thinking-note .code{font:italic 15px Georgia,serif;color:#a28871}
.thinking-note h3{font-weight:500;font-size:16px;margin-bottom:7px}
.thinking-note p{font-size:12px;color:#877463;line-height:1.8}
.closing-content{max-width:600px}
.closing h2{font-size:clamp(48px,6.6vw,90px);font-weight:400;line-height:.93;letter-spacing:-.055em;margin:16px 0}
.closing h2 em{color:#76604d}
.closing p{font-size:13px;color:#6b5647;line-height:1.8;max-width:420px}
.closing a{display:inline-flex;gap:26px;align-items:center;padding:12px 24px;margin-top:23px;border-radius:99px;background:var(--brown);color:#fff9ef;font-size:12px}