.hero{isolation:isolate;color:#111;z-index:2;background:radial-gradient(circle at 18% 0,#e4d4c985,#0000 36%),linear-gradient(103deg,#fff 0% 64%,#f8f3ef 64%,#f4ebe4 100%);min-height:100vh;padding:22px 18px 34px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.025;pointer-events:none;z-index:1;background-image:radial-gradient(#000 .4px,#0000 .4px);background-size:7px 7px;position:absolute;inset:0}.heroDecor{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.heroContent{z-index:2;max-width:340px;margin:0 auto;position:relative}.heroHeader{z-index:10;-webkit-backdrop-filter:blur(18px);background:#ffffffb8;border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;width:100%;padding:16px 22px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 8px 30px #00000009}.brand{letter-spacing:-.03em;font-size:18px;font-weight:600}.brandBlock{flex-direction:column;gap:3px;display:flex}.brandStatus{color:#11111173;letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1}.menuButton{background:#ffffffa8;border:1px solid #1111111f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:flex}.menuButton span{background:#111;border-radius:999px;width:17px;height:1.5px}.heroContent{flex-direction:column;align-items:center;gap:24px;min-height:calc(100vh - 70px);padding-top:78px;display:flex}.heroText{text-align:center;width:100%}.heroText h1{font-family:var(--font-manrope), sans-serif;letter-spacing:-.04em;margin:0;font-size:32px;font-weight:500;line-height:1.08}.description{color:#111111a8;max-width:310px;margin:22px auto 0;font-size:15px;line-height:1.6}.heroActions{grid-template-columns:1fr 52px 52px;gap:8px;width:100%;max-width:300px;margin:28px auto 0;display:grid}.mainButton,.socialButton{color:#fff;background:#111;border-radius:999px;justify-content:center;align-items:center;min-height:52px;text-decoration:none;display:inline-flex}.mainButton{white-space:nowrap;gap:12px;padding:0 18px;font-size:13px;font-weight:700}.socialButton svg{fill:none;stroke:currentColor;stroke-width:1.9px;width:18px;height:18px}.socialButton:first-of-type svg{fill:currentColor;stroke:none}.heroPhoto{aspect-ratio:4/5;background:#eadbd0;border-radius:24px;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000014}.heroPhoto:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 54%,#00000075),linear-gradient(#00000014,#0000 28%);position:absolute;inset:0}.heroImage{object-fit:cover;object-position:center;filter:saturate(.95)contrast(1.02)brightness(1.02)sepia(.05)}.photoName{z-index:3;color:#fff;position:absolute;bottom:24px;left:22px;right:22px}.photoName span{font-family:var(--font-manrope), sans-serif;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 2px #0000008c,0 4px 12px #00000059;font-size:25px;font-weight:600;line-height:1.05;display:block}.photoName div{background:#ffffffad;width:72px;height:1px;margin:16px 0 12px}.photoName p{color:#ffffffdb;letter-spacing:.18em;text-transform:uppercase;max-width:220px;margin:0;font-size:9px;font-weight:800;line-height:1.55}.scrollHint{color:#9f7c65;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.scrollHint span{border:1px solid #9f7c6580;border-radius:999px;width:18px;height:28px;position:relative}.scrollHint span:before{content:"";background:#9f7c65;border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite scrollDot;position:absolute;top:6px;left:50%;transform:translate(-50%)}.flower{opacity:.28;filter:blur(.3px)saturate(.9);-webkit-user-select:none;user-select:none;animation:9s ease-in-out infinite flowerFloat;position:absolute}.flowerRight{width:220px;top:72px;right:-62px;transform:rotate(-10deg)}.flowerLeft{width:165px;animation-delay:-3s;bottom:135px;left:-72px;transform:rotate(30deg)}@keyframes scrollDot{0%,to{opacity:1;top:6px}50%{opacity:.45;top:15px}}@keyframes flowerFloat{0%,to{translate:0}50%{translate:0 12px}}
.about{z-index:1;color:#111;background:radial-gradient(circle at 78% 26%,#c7a89229,#0000 30%),radial-gradient(circle at 10% 78%,#e4d4c947,#0000 30%),linear-gradient(#faf8f6 0%,#f3eee9 100%);min-height:100vh;margin-top:-80px;padding:132px 18px 46px;position:relative;overflow:hidden}.about:before{content:"";filter:blur(34px);pointer-events:none;background:#ddccbe52;border-radius:50%;width:330px;height:330px;position:absolute;top:90px;right:-120px}.about:after{content:"";opacity:.08;pointer-events:none;background:url(/images/hero/design/gypsophila-left.png) 50%/contain no-repeat;width:150px;height:280px;position:absolute;bottom:-20px;left:-80px}.aboutInner{z-index:2;max-width:390px;margin:0 auto;position:relative}.aboutLabel{color:#b59784;text-transform:uppercase;letter-spacing:.28em;text-align:center;margin:0 0 20px;font-size:11px;font-weight:700}.about h2{text-align:center;letter-spacing:-.045em;max-width:360px;margin:0 auto 34px;font-size:clamp(32px,8vw,42px);font-weight:600;line-height:1.05}.aboutCards{gap:12px;max-width:360px;margin:0 auto;display:grid}.infoCard{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff9e;border:1px solid #c7a89238;border-radius:22px;padding:16px 18px;box-shadow:0 16px 46px #503c2d12}.infoCard span{color:#b59784;letter-spacing:.18em;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.infoCard h3{letter-spacing:-.035em;margin:0 0 6px;font-size:19px;font-weight:650;line-height:1.2}.infoCard p{color:#111111a3;margin:0;font-size:13px;line-height:1.55}.aboutFlower{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.aboutFlowerRight{opacity:.1;width:150px;height:auto;top:126px;right:-58px;transform:rotate(-8deg)}.aboutFlowerLeft{opacity:.07;width:120px;height:auto;bottom:22px;left:-64px;transform:rotate(7deg)}@media (min-width:900px){.about{margin-top:-100px;padding:178px 56px 70px}.aboutInner{max-width:1040px}.about h2{max-width:680px;font-size:64px}.aboutCards{grid-template-columns:repeat(3,1fr);gap:14px;max-width:860px}.infoCard{padding:22px}}
.portfolio{z-index:1;color:#111;background:radial-gradient(circle at 16% 20%,#e4d4c959,#0000 32%),radial-gradient(circle at 84% 58%,#c7a89233,#0000 30%),linear-gradient(#f3eee9 0%,#faf8f6 100%);min-height:100vh;padding:94px 0 36px;position:relative;overflow:hidden}.portfolio:before{content:"";filter:blur(34px);pointer-events:none;background:#ddccbe4d;border-radius:50%;width:330px;height:330px;position:absolute;top:130px;left:-120px}.portfolioFlower{opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none;width:160px;height:auto;position:absolute;top:104px;right:-68px;transform:rotate(-10deg)}.portfolioInner{z-index:2;max-width:390px;margin:0 auto;padding:0 18px;position:relative}.portfolioHead{text-align:center;margin-bottom:22px}.portfolioLabel{color:#b59784;text-transform:uppercase;letter-spacing:.28em;margin:0 0 14px;font-size:11px;font-weight:700}.portfolio h2{letter-spacing:-.055em;margin:0 0 14px;font-size:clamp(32px,8.4vw,42px);font-weight:600;line-height:.98}.portfolioText{color:#1111118f;max-width:300px;margin:0 auto;font-size:13.5px;line-height:1.55}.portfolioStage{position:relative}.portfolioViewport{width:100%;overflow:hidden}.portfolioTrack{will-change:transform;transition:transform .65s cubic-bezier(.22,1,.36,1);display:flex}.workCard{flex:0 0 100%;padding:0 46px}.videoBox{aspect-ratio:9/16;background:#f7f4f1;border:1px solid #c7a8922e;border-radius:32px;width:100%;max-height:560px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 14px 36px #b597840f}.videoBox:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff8c,#0000 40%),radial-gradient(circle at 50% 100%,#c7a89229,#0000 48%);border-radius:31px;position:absolute;inset:1px}.playIcon{z-index:2;background:#ffffff57;border:1px solid #11111129;border-radius:20px;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:0 16px 40px #503c2d1a}.playIcon span{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:13px solid #1111118c;width:0;height:0;margin-left:4px}.videoBox p{z-index:2;color:#1111117a;margin:0;font-size:13px;position:absolute;top:calc(50% + 38px)}.workInfo{text-align:left;padding-top:18px}.workInfo span{color:#b59784;text-transform:uppercase;letter-spacing:.16em;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.workInfo h3{color:#111;letter-spacing:-.035em;margin:0;font-size:18px;font-weight:700;line-height:1.15}.sideArrow{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;z-index:20;background:#ffffffe0;border:none;border-radius:50%;width:42px;height:42px;transition:all .25s;position:absolute;top:42%;transform:translateY(-50%);box-shadow:0 14px 36px #503c2d1f}.sideArrow:hover{transform:translateY(-50%)scale(1.06)}.sideArrow:active{transform:translateY(-50%)scale(.94)}.sideArrowLeft{left:-15px}.sideArrowRight{right:-15px}.sideArrow{animation:.28s fadeArrow}@keyframes fadeArrow{0%{opacity:0;transform:translateY(-50%)scale(.8)}to{opacity:1;transform:translateY(-50%)scale(1)}}.portfolioControls{justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.dot{cursor:pointer;background:#b5978452;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:all .3s}.dot.active{background:#b59784;width:22px}@media (min-width:900px){.portfolio{padding:120px 56px 80px}.portfolioInner{max-width:1180px;padding:0}.portfolioHead{margin-bottom:40px}.portfolio h2{font-size:72px}.portfolioText{max-width:420px;font-size:16px}.portfolioViewport{max-width:1180px;margin:0 auto}.portfolioTrack{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;transform:none!important}.workCard{padding:0}.videoBox{height:360px}.sideArrow,.portfolioControls{display:none}.portfolioFlower{width:230px;top:130px;right:42px}}.portfolioVideo{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.centerPlay{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#ffffffb8;border:1px solid #ffffff8c;border-radius:22px;place-items:center;width:68px;height:68px;transition:all .25s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 46px #281e1829}.centerPlay:hover{transform:translate(-50%,-50%)scale(1.06)}.centerPlay:active{transform:translate(-50%,-50%)scale(.94)}.centerPlay span{border-top:11px solid #0000;border-bottom:11px solid #0000;border-left:17px solid #111111a6;width:0;height:0;margin-left:4px}.videoControls{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff9e;border-radius:999px;gap:8px;padding:7px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 12px 34px #281e181f}.videoControls button{color:#111;cursor:pointer;background:#ffffffb8;border:0;border-radius:50%;width:34px;height:34px;font-size:13px}@media (max-width:899px){.portfolioViewport{overflow:hidden}.workCard{padding:0 48px}.videoBox{aspect-ratio:9/16;height:auto;max-height:none}.sideArrow{appearance:none;place-items:center;width:42px;height:42px;padding:0;font-size:18px;line-height:1;display:grid;top:43%}.sideArrowLeft{left:-6px}.sideArrowRight{right:-6px}.videoControls{align-items:center;gap:10px;height:48px;display:flex;bottom:12px;left:12px;right:12px}.progressBar{appearance:none;background:0 0;flex:1;min-width:0;height:24px;margin:0}.progressBar::-webkit-slider-runnable-track{background:#1111111f;border-radius:999px;height:4px}.progressBar::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:22px;height:22px;margin-top:-9px;box-shadow:0 4px 14px #281e1838}.videoControls button{appearance:none;flex:0 0 34px;place-items:center;padding:0;line-height:1;display:grid}.centerPlay{appearance:none}}
