*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden;background:linear-gradient(to bottom,#eaebeb,#b2b4b4 20%,#323232,#1e1e1e 80%,#151515);color:#000}html{scroll-behavior:smooth;font-size:16px}body{scroll-snap-type:y mandatory}section{scroll-snap-align:start}section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:10vh 8vw;position:relative}.section-inner{width:100%;max-width:900px}.header{position:fixed;top:0;left:0;width:100%;padding:20px 40px;background:#0c0c0c99;backdrop-filter:blur(8px);color:#fff;display:flex;justify-content:center;opacity:0;transition:opacity .6s ease;z-index:1000}.header.visible{opacity:1}.header-inner{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Times New Roman,Times,serif;color:#e8e8e8;font-weight:100;font-size:1rem;letter-spacing:.6em;text-decoration:none}.nav a{margin-left:40px;font-family:Inter,sans-serif;font-weight:100;font-size:.9rem;letter-spacing:.25em;color:#e8e8e8;text-decoration:none;transition:opacity .3s ease}.nav a:hover{opacity:.6}@media(max-width:768px){.logo{font-size:.6rem}.nav a{font-size:.5rem}}#footer{background:#111010;color:#e8e8e8;padding:60px 20px;text-align:center}.footer-logo{font-family:Times New Roman,Times,serif;font-weight:100;font-size:.8rem;letter-spacing:.6em;margin-bottom:20px}.footer-copy{font-size:.75rem;letter-spacing:.25em;margin-bottom:10px}.footer-note{font-size:.7rem;letter-spacing:.25em}#think{height:5vh;background:linear-gradient(to bottom,#1e1e1e,#111010);display:flex;align-items:center;justify-content:center;position:relative}.think-inner{text-align:center}.think-text{font-family:Inter,sans-serif;font-weight:100;font-size:.9rem;letter-spacing:.5em;color:#a2a2a2;opacity:.035;user-select:none;pointer-events:none}#hero{position:relative;overflow:hidden}.hero-title{position:relative;z-index:3;text-align:center;font-family:Times New Roman,Times,serif;font-size:clamp(40px,6vw,74px);line-height:1.5;letter-spacing:.06em;font-weight:400;color:#333;opacity:0;transform:translateY(6px);transition:opacity 3.269s ease,transform 3.269s ease}.hero-title.mounted{opacity:1;transform:translateY(0)}.hero-veil{position:absolute;inset:-30%;z-index:1;transition:transform .4s ease,opacity .4s ease}.veil-layer{position:absolute;width:180%;height:180%;top:-40%;left:-40%;background:linear-gradient(120deg,#a0a0a059,#d2d2d214,#a0a0a059);filter:blur(80px)}.layer1{animation:clothMove1 20s ease-in-out infinite alternate}.layer2{animation:clothMove2 26s ease-in-out infinite alternate;opacity:.7}@keyframes clothMove1{0%{transform:translate(-8%) translateY(-4%) rotate(0) scale(1)}50%{transform:translate(4%) translateY(6%) rotate(1.5deg) scale(1.05)}to{transform:translate(8%) translateY(-2%) rotate(2deg) scale(1)}}@keyframes clothMove2{0%{transform:translate(6%) translateY(-6%) rotate(0) scale(1)}50%{transform:translate(-4%) translateY(4%) rotate(-1deg) scale(1.04)}to{transform:translate(-6%) translateY(6%) rotate(-2deg) scale(1)}}#hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000,#0006);pointer-events:none;z-index:2;transition:opacity .3s ease;opacity:var(--darkness, 0)}#philosophy{color:#333}.philosophy-text{font-family:Times New Roman,Times,serif;font-size:clamp(28px,4vw,48px);line-height:1.6;letter-spacing:.05em}.philosophy-text p{opacity:0;transform:translateY(20px)}.show{animation:fadeLine 1.6s ease forwards}.delay1{animation-delay:.2s}.delay2{animation-delay:.6s}.delay3{animation-delay:1s}.delay4{animation-delay:1.6s}@keyframes fadeLine{to{opacity:1;transform:translateY(0)}}#works-art{position:relative;height:100vh;color:#e8e8e8;overflow:hidden}.works-heading{position:absolute;top:6%;left:50%;transform:translate(-50%);text-align:center;font-family:Inter,sans-serif;font-weight:600;font-size:clamp(1rem,1.6vw,1.2rem);letter-spacing:.35em;color:#e8e8e8;opacity:0}.work-block{position:absolute;max-width:600px}.block-1{top:14%;left:11%}.block-2{top:43%;right:10%;text-align:right}.block-3{bottom:12%;left:12%}.work-title{letter-spacing:.12em;margin-bottom:2rem;opacity:0}.block-1 .work-title{font-family:Times New Roman,Times,serif;font-weight:400;font-size:clamp(2.2rem,4vw,3.2rem)}.block-2 .work-title{font-family:Inter,sans-serif;font-weight:100;font-size:clamp(3.2rem,5vw,4.6rem)}.block-3 .work-title{font-family:Inter,sans-serif;font-weight:600;font-size:clamp(1.4rem,2vw,1.8rem)}@media(min-width:1600px){.block-1 .work-title{font-size:4.4rem}.block-2 .work-title{font-size:6rem}}.price{position:relative;opacity:0}.from{display:block;font-size:12px;letter-spacing:.3em;color:#cecbcb;margin-bottom:8px}.currency{font-size:24px;vertical-align:top;margin-right:6px;color:#cecbcb}.amount{font-family:Times New Roman,Times,serif;font-size:clamp(3.8rem,8vw,7rem)}.visible .works-heading{animation:fadeOnly 1.1s ease forwards;animation-delay:.2s}.visible .block-1 .work-title{animation:fadeOnly 1.1s ease forwards;animation-delay:.6s}.visible .block-1 .price{animation:fadeOnly 1.1s ease forwards;animation-delay:.9s}.visible .block-2 .work-title{animation:fadeOnly 1.1s ease forwards;animation-delay:1.1s}.visible .block-2 .price{animation:fadeOnly 1.1s ease forwards;animation-delay:1.4s}.visible .block-3 .work-title{animation:fadeOnly 1.1s ease forwards;animation-delay:1.6s}.visible .block-3 .price{animation:fadeOnly 1.1s ease forwards;animation-delay:1.9s}@keyframes fadeOnly{0%{opacity:0}to{opacity:1}}@media(max-width:768px){#works-art{height:auto;padding:120px 24px;display:flex;flex-direction:column;align-items:center}.works-heading{position:relative;top:auto;left:auto;transform:none;margin-bottom:80px;text-align:center}.work-block{position:relative;inset:auto;text-align:center;margin-bottom:100px}.block-2{text-align:center}.work-title{margin-bottom:24px}.price{display:flex;flex-direction:column;align-items:center}.from{margin-bottom:6px}.currency{font-size:18px;margin-right:4px}.amount{font-size:clamp(3rem,12vw,4.5rem)}}#about{color:#d8d8d8;display:flex;justify-content:flex-start}.about-wrapper{max-width:900px;padding-left:6vw}.about-label{font-size:14px;letter-spacing:.35em;color:#8a8a8a;margin-bottom:80px}.about-name{font-family:Times New Roman,Times,serif;font-size:28px;letter-spacing:.2em;margin-bottom:16px}.about-role{font-family:Times New Roman,Times,serif;font-size:20px;letter-spacing:.18em;line-height:1.8;margin-bottom:8px}.about-recognitions{margin-top:100px}.recognition-label{font-size:14px;letter-spacing:.35em;color:#8a8a8a;margin-bottom:40px}.about-recognitions ul{list-style:none;padding:0}.about-recognitions li{font-family:Times New Roman,Times,serif;font-size:18px;letter-spacing:.15em;line-height:2}.about-button{margin-top:100px}.mono-button{position:relative;display:inline-block;padding:18px 52px;border-radius:40px;font-size:14px;letter-spacing:.35em;text-decoration:none;color:#e0e0e0;background:linear-gradient(145deg,#1a1a1a,#2a2a2a 40%,#1a1a1a);border:1px solid #3a3a3a;box-shadow:inset 0 0 6px #ffffff0d,0 0 12px #0009;overflow:hidden;transition:color .4s ease,border-color .4s ease}.mono-button:before{content:"";position:absolute;top:0;left:-120%;width:120%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff14 40%,#ffffff59,#ffffff14 60%,#fff0);transform:skew(-20deg)}.mono-button:hover{color:#fff;border-color:#666}.mono-button:hover:before{animation:shineMove 1.4s ease forwards}@keyframes shineMove{0%{left:-120%}to{left:140%}}#about{opacity:0}#about.visible{animation:aboutFade 2.23s ease forwards;animation-delay:.4s}@keyframes aboutFade{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.about-wrapper{padding-left:8vw;padding-right:8vw;text-align:center}.about-label{font-size:12px;margin-bottom:60px}.about-name{font-size:22px}.about-role{font-size:14px}.recognition-label{font-size:12px;margin-bottom:28px}.about-recognitions li{font-size:14px;line-height:1.8;letter-spacing:.15em}.mono-button{font-size:12px;padding:14px 32px;letter-spacing:.25em;justify-content:center}}#contact{height:100vh;color:#e8e8e8;display:flex;align-items:center;justify-content:center;opacity:0}#contact.visible{animation:contactFade 1.4s ease forwards}.contact-inner{text-align:center}.contact-heading{font-family:Times New Roman,Times,serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;letter-spacing:.08em;margin-bottom:60px}.contact-button{position:relative;padding:16px 48px;background:transparent;color:#e8e8e8;border:1px solid #555555;border-radius:40px;text-decoration:none;font-family:Inter,sans-serif;font-weight:100;font-size:.9rem;letter-spacing:.3em;cursor:pointer;overflow:hidden;transition:border-color .4s ease,color .4s ease}.contact-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#ffffff26,#fff0 70%);opacity:0;transition:opacity .6s ease}.contact-button:hover{border-color:#888;color:#fff}.contact-button:hover:before{opacity:1}@keyframes contactFade{0%{opacity:0}to{opacity:1}}