.atelier-demo{background:#eee9e0;color:#25332e}
.atelier-header{height:100px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bdc2b8}
.atelier-logo{font:800 25px/.75 Arial,sans-serif;letter-spacing:-.07em}
.atelier-header nav{display:flex;gap:42px;font-size:13px;font-weight:700}
.atelier-header nav a:hover{color:var(--clay)}
.atelier-talk{font-size:12px;font-weight:700;border-bottom:1px solid #40554d;padding-bottom:8px}
.atelier-talk span{margin-left:35px}
.atelier-hero{min-height:760px;position:relative;overflow:hidden;background:#c8d0c8}
.atelier-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#dbe0d3 0%,#dbe0d3 45%,#a0afa5 100%)}
.atelier-hero-info{position:absolute;top:40px;left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px);z-index:4;display:flex;justify-content:space-between;font:700 10px Arial,sans-serif;letter-spacing:.14em}
.atelier-hero-art{position:absolute;inset:0 0 0 35%;overflow:hidden;perspective:800px}
.architect-block{position:absolute;background:#e5e7dc;box-shadow:20px 25px 60px #3b4c4855}
.block-a{height:100%;width:36%;left:19%;top:14%;transform:skewY(-12deg);background:linear-gradient(90deg,#a5afa4 0 7%,#e7e8dd 7% 92%,#89998e 92%)}
.block-b{height:66%;width:32%;left:47%;top:24%;transform:skewY(16deg);background:linear-gradient(100deg,#bac5b8,#eef0e4 56%,#96a89c)}
.block-c{width:42%;height:30%;left:29%;top:54%;background:linear-gradient(155deg,#e9ede2,#9ea99e);transform:skewY(10deg);box-shadow:0 25px 30px #465a4e66}
.light-column{position:absolute;left:48%;top:18%;height:90%;width:4%;background:#e8ede0bb;filter:blur(9px);transform:rotate(15deg)}
.visual-number{position:absolute;right:-4%;bottom:-11%;font:800 480px/.7 Arial,sans-serif;color:#e5eadd77;letter-spacing:-.15em}
.atelier-hero-copy{position:absolute;z-index:4;left:clamp(24px,5vw,80px);bottom:11%;max-width:630px}
.small-label{font:700 11px Arial,sans-serif;letter-spacing:.15em;margin:0 0 20px}
.atelier-hero-copy h1{font-size:clamp(62px,7.5vw,126px);letter-spacing:-.075em;line-height:1.12;margin:0}
.atelier-hero-copy h1 em{font-style:normal;color:#f2eee6;text-shadow:0 2px 4px #40554a55}
.atelier-hero-copy>p:nth-of-type(2){max-width:470px;line-height:1.9;font-size:16px;margin:27px 0}
.atelier-hero-copy>a{display:inline-flex;justify-content:space-between;gap:70px;padding:15px 0;border-bottom:1px solid #22382b;font-weight:700;font-size:13px}
.atelier-side-label{position:absolute;right:24px;top:43%;writing-mode:vertical-rl;letter-spacing:.17em;font:700 10px Arial,sans-serif}
.atelier-philosophy{padding:150px clamp(24px,5vw,80px);display:grid;grid-template-columns:24% 76%}
.atelier-philosophy>div:nth-child(2){max-width:960px}
.atelier-kicker{font:700 12px Arial,sans-serif;letter-spacing:.15em;color:var(--clay)}
.atelier-philosophy h2{font-size:clamp(50px,6vw,100px);line-height:1.18;letter-spacing:-.065em;margin:30px 0 55px}
.atelier-philosophy h2 i{font-style:normal;color:#849991}
.philosophy-bottom{display:flex;justify-content:space-between;gap:40px}
.philosophy-bottom p{font-size:17px;line-height:2;color:#66766e;max-width:610px}
.philosophy-cross{font-size:90px;color:var(--clay)}
.atelier-collection{background:#26382f;color:#f0eee5;padding:120px clamp(24px,5vw,80px) 150px}
.collection-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:35px 0 55px}
.collection-head h2{font:700 clamp(60px,7vw,120px)/.95 Arial,sans-serif;letter-spacing:-.09em;margin:0}
.collection-head h2 em{font-style:normal;color:#b1c2ac}
.collection-head p{max-width:270px;line-height:1.85;color:#bdc9bb;font-size:14px}
.filter-row{display:flex;gap:25px;border-bottom:1px solid #718575;margin-bottom:28px}
.filter-row button{border:0;border-bottom:3px solid transparent;padding:14px 3px;background:none;color:#a3b5a8;font-size:14px}
.filter-row button.is-active,.filter-row button:hover{color:white;border-color:#d18b71}
.filter-row small{font-size:10px;margin-left:10px}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}
.project-card{background:none;border:0;color:#f0eee5;text-align:left;padding:0;min-width:0}
.project-card[hidden]{display:none}
.project-image{height:clamp(280px,31vw,470px);display:block;position:relative;overflow:hidden;transition:transform .3s}
.project-card:hover .project-image{transform:translateY(-6px)}
.project-image-one{background:linear-gradient(145deg,#d9d7cc,#8b9b8e)}
.project-image-one i:first-child{position:absolute;left:25%;top:18%;width:50%;height:90%;background:linear-gradient(100deg,#a1aa9d 0 8%,#e6e5d8 9% 77%,#738878 78%);transform:skewY(-12deg);box-shadow:15px 25px 35px #3b4d4055}
.project-image-one i:last-child{position:absolute;right:12%;top:50%;width:48%;height:14%;background:#d5dad0;transform:skewY(13deg)}
.project-image-two{background:#b8ae9b}
.project-image-two i:first-child{position:absolute;width:49%;height:61%;border-radius:45% 45% 22% 22%;top:24%;left:25%;background:linear-gradient(90deg,#625143,#e9d7b4 50%,#685647);box-shadow:10px 20px 30px #51493c66}
.project-image-two i:last-child{position:absolute;width:110%;height:15%;left:-5%;bottom:0;background:#a39a87}
.project-image-three{background:linear-gradient(130deg,#b5c4b4,#6f8177)}
.project-image-three i:first-child{position:absolute;left:10%;top:28%;width:78%;height:48%;background:#dae0d2;transform:skewY(-8deg);box-shadow:22px 25px 35px #41544766}
.project-image-three i:last-child{position:absolute;left:36%;top:36%;width:26%;height:40%;background:#7f9b91;transform:skewY(-8deg);box-shadow:inset 0 0 40px #39534255}
.project-title{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-top:18px}
.project-title strong{font:700 clamp(17px,1.7vw,27px) Arial,sans-serif;letter-spacing:-.04em}
.project-title small{font:700 10px Arial,sans-serif;letter-spacing:.12em;color:#adbbaf}
.atelier-studio{padding:140px clamp(24px,5vw,80px);background:#ddd8cc}
.studio-content{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;margin-top:55px}
.studio-content h2{font:700 clamp(70px,7vw,130px)/.95 Arial,sans-serif;letter-spacing:-.08em;margin:0}
.studio-content h2 em{font-style:normal;color:#9c8770}
.studio-content p{font-size:17px;line-height:2;max-width:450px;color:#66756a}
.studio-content ul{list-style:none;padding:20px 0 0}
.studio-content li{padding:20px 0;border-top:1px solid #adb6aa;font-size:17px;font-weight:700}
.studio-content li span{font:700 11px Arial,sans-serif;color:#8f9d90;margin-right:40px}
.atelier-inquiry{background:#b9755b;color:#f5eee5;padding:120px clamp(24px,5vw,80px)}
.atelier-inquiry>span{font:700 11px Arial,sans-serif;letter-spacing:.14em}
.atelier-inquiry h2{font-size:clamp(55px,7vw,120px);line-height:1.1;letter-spacing:-.075em;margin:55px 0}
.atelier-inquiry h2 em{font-style:normal;color:#26382f}
.atelier-inquire{display:flex;justify-content:space-between;gap:30px;border:1px solid #f0e8de;background:none;padding:22px 25px;color:#fff;font-size:13px;font-weight:700}
.atelier-inquiry p{font-size:12px;margin-top:25px}
.atelier-footer{background:#26382f;color:#e8efe4;display:flex;justify-content:space-between;gap:20px;padding:45px clamp(24px,5vw,80px);font:700 10px Arial,sans-serif;letter-spacing:.13em}
.atelier-footer a{border-bottom:1px solid #e8efe4}
.project-dialog,.info-dialog{position:fixed;max-width:min(850px,92vw);width:100%;border:0;padding:30px;background:#ede9e0;color:#26382f;box-shadow:0 30px 100px #0006}
.project-dialog::backdrop,.info-dialog::backdrop{background:#142019b9}
.dialog-close{position:absolute;right:20px;top:15px;border:0;background:none;color:inherit;font-size:30px}
.dialog-number{font:700 11px Arial,sans-serif;letter-spacing:.13em}
.dialog-art{height:230px;margin:20px 0;background:linear-gradient(115deg,#adc0b0,#e0e2d3 40%,#7b9182);position:relative;overflow:hidden}
.dialog-art::after{content:"";position:absolute;width:45%;height:150%;left:27%;top:15%;background:#e7e6db;transform:skewY(-16deg);box-shadow:15px 10px 25px #42594455}
.dialog-body h2,.info-dialog h2{font-size:36px;margin:12px 0}
.dialog-body p,.info-dialog p{font-size:16px;line-height:1.85;max-width:720px}
.dialog-tag{font-size:12px;color:#6d7d72;border-bottom:1px solid #9fae9f}
.info-dialog{max-width:min(600px,92vw)}
@media(max-width:900px){.atelier-header nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;background:#ede9e0;padding:25px;flex-direction:column;gap:20px}.atelier-header nav.open{display:flex}.atelier-hero{min-height:690px}.atelier-hero-art{left:25%}.atelier-philosophy{display:block}.atelier-philosophy>div:nth-child(2){margin-top:40px}.project-grid{grid-template-columns:repeat(2,1fr)}.studio-content{grid-template-columns:1fr}}
@media(max-width:650px){.atelier-header{height:78px;padding:0 22px}.atelier-hero{min-height:670px}.atelier-hero-art{inset:0 0 0 2%;opacity:.8}.atelier-hero-info{top:23px;left:22px;right:22px;font-size:8px}.atelier-hero-info span:last-child{display:none}.atelier-hero-copy{left:22px;right:22px;bottom:7%}.atelier-hero-copy h1{font-size:clamp(53px,13vw,85px)}.atelier-hero-copy>p:nth-of-type(2){font-size:14px;max-width:360px}.atelier-side-label{display:none}.atelier-philosophy,.atelier-collection,.atelier-studio,.atelier-inquiry{padding:95px 22px}.atelier-philosophy h2{font-size:clamp(46px,10vw,70px)}.philosophy-bottom{display:block}.philosophy-cross{margin-top:25px}.collection-head{display:block}.collection-head h2{font-size:clamp(58px,13vw,82px)}.collection-head p{margin-top:28px}.project-grid{grid-template-columns:1fr}.project-image{height:400px}.project-title strong{font-size:23px}.studio-content{display:block}.studio-content h2{font-size:clamp(65px,14vw,95px)}.atelier-inquiry h2{font-size:clamp(49px,11vw,78px)}.atelier-footer{flex-wrap:wrap}.atelier-footer span:nth-child(2){width:100%;order:3}}