@import url('/2nya-nailart/portfolio-cube.css');
:root{--header-height:108px}html{scroll-padding-top:calc(var(--header-height) + 20px)}[id]{scroll-margin-top:calc(var(--header-height) + 20px)}:focus-visible{outline:3px solid #bd7935;outline-offset:4px}body{overflow-x:hidden}.donya-top{position:fixed!important;top:0!important;left:0!important;right:0!important;padding-top:14px!important;transition:padding .25s ease}.donya-top.is-scrolled{padding-top:5px!important}.donya-top.is-scrolled .donya-nav-shell{box-shadow:0 14px 42px rgba(50,19,30,.22)}.donya-nav-shell{position:relative}.donya-brand img,.footer-brand img{filter:sepia(.2) saturate(.8)}.nav-search{display:grid;place-items:center;cursor:pointer}.mobile-nav{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;max-width:440px;margin:auto;padding:10px;border-radius:22px;background:#fff9f5;box-shadow:0 20px 50px rgba(60,24,34,.22);border:1px solid #e4cfc8;direction:rtl}.mobile-nav.open{display:grid}.mobile-nav a{padding:11px 16px;border-radius:10px;text-decoration:none;font-weight:700}.mobile-nav a:hover,.mobile-nav a[aria-current=page]{background:#f2dedc;color:#7b1038}.desktop-nav a[aria-current=page]{color:#7b1038!important;border-bottom-color:#7b1038!important}.nav-search{display:none}.donya-hero-layout{max-width:1640px;margin:auto}.donya-hero{background-position:center top!important}
/* The editorial stage frames the active photograph while neighboring work remains in view. */
.portfolio{background:#4c172d!important;color:#fff;padding-block:96px 110px}.portfolio-shell{background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:0}.portfolio-top{max-width:1280px;margin-inline:auto;padding-inline:26px}.portfolio-top .eyebrow{color:#e8bd83}.portfolio-top h2,.portfolio-top h1{color:#fff;font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.2;margin:2px 0 0}.portfolio-counter{color:#f1cdcb}.portfolio-stage{height:610px;max-width:1340px;margin:auto;touch-action:pan-y}.feature-card{width:min(520px,42vw);height:550px;border:0;border-radius:240px 240px 24px 24px;box-shadow:0 24px 75px #210c1888;cursor:zoom-in;background:#b68482}.feature-card img{object-fit:cover;transition:opacity .28s ease,transform .7s cubic-bezier(.18,.7,.2,1)}.feature-card.is-changing img{opacity:.25;transform:scale(1.05)}.feature-caption{border-radius:12px;background:linear-gradient(90deg,transparent,#24111cae 40%);right:0;left:0;bottom:0;padding:22px 26px;backdrop-filter:none}.p-thumb{width:230px;height:310px;border:0;border-radius:120px 120px 12px 12px;box-shadow:0 28px 42px #1e0b1b70;opacity:.78;filter:saturate(.8);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .35s,filter .35s}.p-thumb:hover,.p-thumb:focus-visible{filter:none;opacity:1}.p-thumb[data-pos="-1"]{left:9%;top:205px;transform:rotate(-8deg)}.p-thumb[data-pos="1"]{right:9%;top:195px;transform:rotate(8deg)}.p-thumb[data-pos="-2"]{left:0;top:115px;transform:rotate(-14deg) scale(.78);opacity:.48}.p-thumb[data-pos="2"]{right:0;top:110px;transform:rotate(14deg) scale(.78);opacity:.48}.p-thumb[data-pos="-3"],.p-thumb[data-pos="3"]{display:none}.portfolio-nav{background:#fff2ec;top:54%;z-index:15}.portfolio-dots button{background:#ac7d8b}.portfolio-dots button.on{background:#f5d5ce}.portfolio-link{display:flex;justify-content:center;margin-top:30px}.portfolio-link a{color:#fff;border:1px solid #eab7bd;text-decoration:none;padding:10px 24px;border-radius:999px}.portfolio-view .donya-hero,.portfolio-view #services,.portfolio-view #about,.portfolio-view #guide,.portfolio-view #contact{display:none!important}.portfolio-view main{padding-top:var(--header-height)}.portfolio-view .portfolio{min-height:calc(100vh - var(--header-height))}.portfolio-view .portfolio-link{display:none}
.services-section{background:#f5e4de;padding-block:85px 105px}.service-tabs{grid-template-columns:repeat(4,1fr);max-width:980px;margin:auto}.service-tile{min-height:115px;text-decoration:none}.service-tile:focus-visible{outline-offset:3px}.about-section{border-top:1px solid #d7beb7;background:#fff8f3}.guide-section{background:#f3e3de}.contact-section{background:#e8cfd0}.footer-row{flex-wrap:wrap}.footer-links{display:flex;gap:10px 22px;flex-wrap:wrap;align-items:center}.footer-links a{color:#fff;text-decoration:none;font-size:.9rem}.footer-credit{font-size:.78rem;opacity:.75}.back-top{position:fixed;z-index:42;right:18px;bottom:20px;width:44px;height:44px;border-radius:50%;border:1px solid #b78991;background:#fff8f3;color:#611b35;box-shadow:0 9px 25px #48142633;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}
@media(max-width:1080px){.donya-top{padding-top:8px!important}.nav-search{display:grid}.donya-nav-shell{grid-template-columns:170px 1fr 135px 46px}.donya-hero-layout{grid-template-columns:260px 1fr}.phone-gallery{transform:translateY(20px)}.portfolio-stage{height:490px}.feature-card{width:min(490px,54vw);height:445px}.p-thumb{width:165px;height:225px}.p-thumb[data-pos="-2"],.p-thumb[data-pos="2"]{display:none}.p-thumb[data-pos="-1"]{left:0}.p-thumb[data-pos="1"]{right:0}}
@media(max-width:800px){:root{--header-height:76px}.donya-top{padding-top:8px!important}.donya-nav-shell{grid-template-columns:48px 1fr 102px 44px!important}.donya-brand{grid-column:1/3}.nav-book{grid-column:3}.nav-search{grid-column:4;display:grid;width:42px;height:42px;font-size:1.15rem}.donya-hero{height:max(720px,90svh)!important;min-height:720px!important}.donya-hero-layout{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}.portfolio{padding:64px 0 78px}.portfolio-top{padding-inline:8px}.portfolio-stage{height:auto;display:flex;flex-direction:column;overflow:hidden}.feature-card{width:calc(100% - 36px);max-width:490px;height:auto;aspect-ratio:4/5.2;border-radius:48% 48% 13px 13px;margin:auto}.orbit{position:static;display:flex;gap:10px;overflow-x:auto;width:100%;padding:16px 18px;scroll-snap-type:x proximity}.p-thumb,.p-thumb[data-pos="-1"],.p-thumb[data-pos="1"],.p-thumb[data-pos="-2"],.p-thumb[data-pos="2"]{display:block;position:static;transform:none!important;opacity:1;filter:none;flex:0 0 75px;width:75px;height:95px;border-radius:38px 38px 7px 7px;scroll-snap-align:center}.portfolio-nav{top:36%;width:45px;height:45px}.portfolio-dots{margin-top:6px}.service-tabs{grid-template-columns:repeat(2,1fr)}.back-top{bottom:calc(80px + env(safe-area-inset-bottom,0px))}.portfolio-view .sticky{display:none}.portfolio-view .back-top{bottom:20px}}
@media(max-width:430px){.donya-brand-copy b{font-size:.87rem}.donya-brand img{width:39px!important;height:44px!important}.nav-book{font-size:.7rem!important}.hero-center-copy h1{font-size:clamp(2rem,9vw,2.55rem)!important}.hero-center-copy p{font-size:.82rem}.feature-card{width:calc(100% - 22px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(min-width:801px){.p-thumb:not([data-pos="-2"]):not([data-pos="-1"]):not([data-pos="1"]):not([data-pos="2"]){display:none}}

@media(max-width:800px){.portfolio-dots{display:none}}
@media(max-width:800px){.sticky{display:none!important}.portfolio-counter{white-space:nowrap;flex:none;font-size:.8rem}}

/* The gallery is a tactile photo cube in a warm editorial frame. */
.portfolio{background:#f1e7df!important;color:#4a2030;padding-block:92px 100px;background-image:radial-gradient(ellipse at 50% 52%,#fff9f3 0%,transparent 65%)!important}
.portfolio .portfolio-shell{max-width:1260px;margin:auto}
.portfolio .portfolio-top{max-width:1040px;padding-inline:12px;align-items:end;margin-bottom:0}
.portfolio .portfolio-top .eyebrow{color:#986c53;font-size:.78rem;letter-spacing:.08em}
.portfolio .portfolio-top h2,.portfolio .portfolio-top h1{color:#502238;font-size:clamp(2rem,3.4vw,3.3rem);margin:10px 0 8px}
.portfolio .portfolio-top p{color:#7b5a5f;line-height:1.9;margin:0;font-size:.95rem}
.portfolio .portfolio-counter{color:#783950;font-size:1.02rem;letter-spacing:.08em}
.portfolio .portfolio-stage{display:flex;align-items:center;justify-content:center;gap:42px;max-width:100%;height:auto;min-height:560px;padding:25px 0 2px;overflow:visible;touch-action:auto}
.cube-scene{--cube-width:430px;--cube-height:500px;--cube-depth:215px;position:relative;width:var(--cube-width);height:var(--cube-height);flex:none;perspective:1400px;perspective-origin:50% 50%}
.cube-scene:after{content:"";position:absolute;z-index:0;left:8%;right:8%;bottom:-27px;height:25px;border-radius:50%;background:#60403744;filter:blur(17px)}
.portfolio .feature-card{position:relative;z-index:1;width:100%;height:100%;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:8px}
.portfolio .feature-card:active{cursor:grabbing}
.cube-rotor{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--cube-depth))) rotateY(0deg);transition:transform .68s cubic-bezier(.22,.72,.18,1)}
.cube-rotor.rotate-next{transform:translateZ(calc(-1 * var(--cube-depth))) rotateY(-90deg)}
.cube-rotor.rotate-prev{transform:translateZ(calc(-1 * var(--cube-depth))) rotateY(90deg)}
.cube-face{position:absolute;inset:0;border:9px solid #fff8f0;border-radius:5px;overflow:hidden;background:#8d5360;box-shadow:inset 0 0 0 1px #d3b49c,0 20px 42px #5a303345;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.cube-face img{display:block;width:100%;height:100%;object-fit:cover;transition:none!important;transform:none!important;pointer-events:none}
.cube-front{transform:rotateY(0deg) translateZ(var(--cube-depth))}
.cube-right{transform:rotateY(90deg) translateZ(var(--cube-depth))}
.cube-left{transform:rotateY(-90deg) translateZ(var(--cube-depth))}
.cube-back{transform:rotateY(180deg) translateZ(var(--cube-depth));background:#7a354d}
.portfolio .portfolio-nav{position:relative;top:auto;left:auto;right:auto;transform:none;flex:none;width:56px;height:56px;border:1px solid #b88980;background:#fff9f2;color:#6f2941;box-shadow:0 8px 24px #6b374922;cursor:pointer}
.portfolio .portfolio-nav:hover{background:#762c48;color:#fff;border-color:#762c48}
.portfolio .portfolio-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:1040px;margin:6px auto 25px;padding:20px 12px;border-top:1px solid #cdb2aa;border-bottom:1px solid #cdb2aa;text-align:center}
.portfolio-meta-line{justify-self:start;direction:ltr;font-family:Georgia,serif;font-size:.72rem;letter-spacing:.18em;color:#9f695d}
.portfolio-meta b{display:block;font-size:1.12rem;color:#55263c}
.portfolio-hint{display:block;margin-top:7px;color:#8e6d6b;font-size:.8rem}
.portfolio-progress{justify-self:end;display:block;width:102px;height:2px;background:#d8c3b9;direction:ltr}
.portfolio-progress i{display:block;height:100%;background:#8a3c55;transition:width .38s ease}
.portfolio .orbit{position:relative;inset:auto;z-index:auto;display:flex;align-items:center;justify-content:safe center;gap:10px;max-width:1040px;margin:auto;padding:8px 6px 16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#ad8490 transparent;pointer-events:auto;scroll-snap-type:x proximity}
.portfolio .p-thumb,.portfolio .p-thumb[data-pos]{display:block!important;position:relative;inset:auto;flex:0 0 67px;width:67px;height:83px;padding:3px;border:1px solid #cdb7ad;border-radius:4px;opacity:.7;filter:none;transform:none!important;background:#fff9f2;box-shadow:none;scroll-snap-align:center;cursor:pointer}
.portfolio .p-thumb img{border-radius:2px;object-fit:cover}
.portfolio .p-thumb:hover,.portfolio .p-thumb:focus-visible,.portfolio .p-thumb.on{opacity:1;filter:none;border-color:#71344a;box-shadow:0 0 0 2px #71344a;transform:translateY(-2px)!important}
.portfolio .portfolio-link{margin-top:10px}
.portfolio .portfolio-link a{color:#642b42;border-color:#ad777d}
.portfolio .portfolio-link a:hover{background:#642b42;color:#fff}
@media(max-width:800px){
 .portfolio{padding:70px 0 78px}
 .portfolio .portfolio-top{padding-inline:10px;align-items:start;gap:14px}
 .portfolio .portfolio-top h2,.portfolio .portfolio-top h1{font-size:clamp(1.85rem,6vw,2.7rem)}
 .portfolio .portfolio-top p{font-size:.85rem}
 .portfolio .portfolio-counter{margin-top:14px;white-space:nowrap;font-size:.84rem}
 .portfolio .portfolio-stage{display:flex;flex-direction:row;gap:6px;min-height:0;padding:28px 0 20px;overflow:visible}
 .cube-scene{--cube-width:min(70vw,340px);--cube-height:min(89vw,445px);--cube-depth:calc(var(--cube-width) / 2);perspective:1100px}
 .cube-face{border-width:6px}
 .portfolio .portfolio-nav{width:43px;height:43px;font-size:1.35rem}
 .portfolio .portfolio-meta{grid-template-columns:1fr;gap:7px;margin:5px 8px 12px;padding:15px 8px}
 .portfolio-meta-line{display:none}
 .portfolio-progress{justify-self:center;width:90px;margin-top:7px}
 .portfolio .orbit{justify-content:start;gap:8px;padding:8px 8px 17px}
 .portfolio .p-thumb,.portfolio .p-thumb[data-pos]{flex-basis:61px;width:61px;height:77px;display:block}
 .portfolio .portfolio-link{margin-top:6px}
}
@media(max-width:430px){
 .cube-scene{--cube-width:calc(100vw - 111px);--cube-height:calc((100vw - 111px) * 1.3)}
 .portfolio .portfolio-stage{gap:4px}
 .portfolio .portfolio-nav{width:40px;height:40px}
 .portfolio .portfolio-top{flex-wrap:wrap}
 .portfolio .portfolio-counter{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.cube-rotor{transition:none!important}.portfolio-progress i{transition:none}}

/* Portfolio first-screen composition: the complete artwork and its photo index stay together. */
.portfolio{position:relative;isolation:isolate;background:#efdfdb!important;background-image:radial-gradient(ellipse 75% 60% at 52% 42%,#fffaf4 0%,#f7ece7 52%,transparent 100%),radial-gradient(circle at 7% 10%,#d4a7ae 0%,transparent 42%),radial-gradient(circle at 96% 85%,#bd8d91 0%,transparent 37%)!important}
.portfolio:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/2nya-media/donya-bg-v3.webp') center 38%/cover no-repeat;opacity:.09;filter:saturate(.35) contrast(.8)}
.portfolio:after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(ellipse at 84% 18%,#a8586640,transparent 28%),radial-gradient(ellipse at 8% 72%,#d2ac8952,transparent 33%)}
.portfolio-view .portfolio{padding-top:18px!important;padding-bottom:38px!important}
.portfolio .portfolio-shell{max-width:1200px}
.portfolio .portfolio-top{max-width:1000px;margin-bottom:0;align-items:center}
.portfolio .portfolio-top h2,.portfolio .portfolio-top h1{font-size:clamp(1.85rem,3vw,2.7rem);margin:3px 0 2px}
.portfolio .portfolio-top p{font-size:.83rem;line-height:1.65}
.portfolio .portfolio-counter{align-self:center;font-size:.92rem}
.portfolio .portfolio-stage{height:auto;min-height:0;max-width:1050px;display:grid;grid-template-columns:clamp(115px,11.3vw,150px) 46px minmax(290px,370px) 46px clamp(115px,11.3vw,150px);gap:clamp(6px,1.2vw,17px);justify-content:center;align-items:center;padding:11px 0 7px;margin:0 auto;overflow:visible}
.portfolio .cube-scene{--cube-width:min(34vw,350px);--cube-height:min(38vw,390px);--cube-depth:calc(var(--cube-width) / 2);width:var(--cube-width);height:var(--cube-height);margin-inline:auto;perspective:1300px}
.portfolio .cube-face{border-width:7px;border-color:#fffaf5;box-shadow:0 16px 38px #5b31303d}
.portfolio-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:center;position:relative;min-width:0;z-index:5}
.portfolio-rail:before{content:"";position:absolute;z-index:-1;inset:-16px -12px;border:1px solid #fff8f4ab;border-radius:26px;background:#fffaf45c;box-shadow:0 16px 40px #925a6417;backdrop-filter:blur(5px)}
.portfolio .portfolio-rail .p-thumb{width:100%;height:auto;aspect-ratio:4/5;min-width:0;display:block!important;position:relative;flex:none;padding:3px;border-radius:7px;border:1px solid #c2a19b;opacity:.9;box-shadow:0 5px 12px #63394421;transform:none!important;transition:opacity .22s,border-color .22s,box-shadow .22s}
.portfolio .portfolio-rail .p-thumb img{border-radius:4px}
.portfolio .portfolio-rail .p-thumb.on,.portfolio .portfolio-rail .p-thumb:hover,.portfolio .portfolio-rail .p-thumb:focus-visible{opacity:1;border-color:#6f2845;box-shadow:0 0 0 2px #6f2845,0 8px 20px #6339443b;transform:translateY(-3px)!important}
.portfolio .portfolio-nav{display:grid;place-items:center;position:relative;top:auto;transform:none;left:auto;right:auto;width:46px;height:46px;border:1px solid #7b3653;background:#712941;color:#fff;box-shadow:0 7px 0 #48233529,0 14px 25px #4f21353a;transition:transform .2s,box-shadow .2s,background .2s;font-family:Georgia,serif;font-size:1.6rem;line-height:1;cursor:pointer}
.portfolio .portfolio-nav:hover,.portfolio .portfolio-nav:focus-visible{transform:translateY(-3px);background:#4c1f34;color:#fff;box-shadow:0 10px 0 #48233520,0 18px 28px #4f21354a}
.portfolio .portfolio-nav:active{transform:translateY(1px);box-shadow:0 3px 0 #48233520}
.portfolio .portfolio-meta{max-width:1000px;margin:7px auto 0;padding:9px 12px;gap:12px}
.portfolio-meta b{font-size:.97rem}
.portfolio-hint{margin-top:2px;font-size:.72rem}
.portfolio .orbit{display:none}
.portfolio-view .portfolio-link{display:none}
@media(max-width:1080px) and (min-width:801px){
 .portfolio .portfolio-stage{grid-template-columns:114px 40px minmax(270px,320px) 40px 114px;gap:7px}
 .portfolio .cube-scene{--cube-width:min(32vw,310px);--cube-height:min(38vw,365px)}
 .portfolio-rail{gap:6px}
 .portfolio .portfolio-nav{width:40px;height:40px}
}
@media(max-width:800px){
 .portfolio-view .portfolio{padding-top:23px!important;padding-bottom:55px!important}
 .portfolio .portfolio-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:5px;padding:22px 0 12px}
 .portfolio .cube-scene{grid-column:2;grid-row:1;--cube-width:min(65vw,360px);--cube-height:min(80vw,450px);--cube-depth:calc(var(--cube-width) / 2)}
 .portfolio .portfolio-nav{width:42px;height:42px;grid-row:1}
 .portfolio .portfolio-nav.prev{grid-column:1}.portfolio .portfolio-nav.next{grid-column:3}
 .portfolio-rail{display:none}
 .portfolio .orbit{display:flex;max-width:100%;margin:5px auto 0;overflow-x:auto;scroll-snap-type:x proximity}
 .portfolio .portfolio-meta{margin:1px 8px 0;padding:10px 5px}
 .portfolio .portfolio-top{align-items:start}
}
@media(max-width:430px){
 .portfolio .portfolio-stage{grid-template-columns:39px minmax(0,1fr) 39px;gap:3px;padding-top:16px}
 .portfolio .cube-scene{--cube-width:min(68vw,285px);--cube-height:min(82vw,350px)}
 .portfolio .portfolio-nav{width:38px;height:38px}
 .portfolio .portfolio-top p{font-size:.79rem}
}