:root{--bg:#f4f2ec;--ink:#292b25;--muted:#77786c;--line:#dcded3;--olive:#555c43;--bronze:#b99e79}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;font-size:14px}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #a47b42;outline-offset:5px}.topline{background:#2c3027;color:#d9dbce;text-align:center;padding:11px;font-size:9px;letter-spacing:2.8px}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.brand{font-size:32px;letter-spacing:7px;font-family:Georgia,serif}.brand span{font-style:italic}.brand small{display:block;font:7px Arial;letter-spacing:2.5px;margin-top:7px}nav{display:flex;gap:35px;font-size:12px}.bagbtn{border:0;background:transparent;font-size:12px}.bagbtn span{display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:25px;height:25px;margin:0 12px}.hero{display:grid;grid-template-columns:46% 54%;padding:0 3% 0 6%;min-height:585px}.hero-copy{padding:52px 20px 35px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--olive);border-radius:50%;margin-right:10px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(48px,5.3vw,78px);letter-spacing:-3px;line-height:1.06;margin:29px 0 25px}em{font-weight:400;color:var(--olive)}.hero-copy>p{line-height:1.8;color:var(--muted);font-size:14px}.primary{background:var(--olive);color:#fff;border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 23px;font-size:12px;margin-top:21px}.primary:hover{background:#3c432f}.primary span{font-size:19px}.hero-note{font-size:8px;letter-spacing:2.5px;margin-top:45px;color:#898a7f}.hero-art{position:relative;overflow:hidden;background:#242521;min-height:550px;color:#e5e2d6}.hero-art>img{position:absolute;width:125%;height:100%;object-fit:cover;left:-12%}.art-top{position:absolute;left:30px;right:30px;top:29px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#aaa99b}.art-bottom{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end}.art-bottom small{font-size:8px;letter-spacing:2px;color:#a6a796}.art-bottom h3{font-size:29px;margin:10px 0 0}.art-bottom a{border:1px solid #747365;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:22px}.vertical{position:absolute;right:22px;top:42%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#858879}.values{margin:0 6%;padding:31px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;color:#929485}.values b{font-weight:400;color:#4f5348;font-size:11px;margin-left:15px}.collection{padding:83px 6% 75px}.sectiontop{display:flex;justify-content:space-between;align-items:end}h2{font-size:43px;letter-spacing:-1.3px;margin:17px 0 25px}.sectiontop>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:28px}.catalogbar{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin:13px 0 27px}.filters{display:flex;gap:27px}.filters button{border:0;background:none;color:var(--muted);padding:18px 0;font-size:12px;border-bottom:2px solid transparent}.filters button.active{border-color:var(--olive);color:var(--ink)}sup{font-size:8px;margin-left:7px;color:#8b8f80}.search{display:flex;align-items:center;gap:8px}.search input{width:135px;background:none;border:0;padding:10px 0;font-size:11px;outline-offset:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 25px}.product{min-width:0}.product-image{display:block;width:100%;padding:0;border:0;background:#e7e6df;position:relative;overflow:hidden}.product-image img{width:100%;display:block;transition:transform .5s}.product-image:hover img{transform:scale(1.05)}.tag{position:absolute;left:15px;top:15px;font-size:7px;letter-spacing:1.5px;color:#dcddcf;background:#3d4034b8;padding:7px 9px}.product-meta{display:flex;justify-content:space-between;align-items:center;padding-top:17px}.product-meta h3{font-size:23px;margin:0}.product-meta button{border:1px solid #cbcec0;border-radius:50%;background:none;width:32px;height:32px;font-size:20px;color:var(--olive)}.product p{font-size:10px;color:var(--muted);margin:9px 0}.product .price{font-size:11px;color:#4f5740;margin-top:14px}.demo{font-size:10px;color:#878a7e;line-height:1.7;margin:30px 0 0}.materials{display:grid;grid-template-columns:1fr 1fr;background:#e9e9e0;margin:0 3%}.material-visual{position:relative;background:#252620;display:flex;align-items:center;min-height:450px}.material-visual img{width:100%}.material-visual>span{position:absolute;bottom:26px;left:30px;font-size:8px;line-height:1.8;letter-spacing:2px;color:#babcae}.material-copy{padding:56px 12%}.material-copy h2{font-size:42px}.material-copy p{font-size:12px;line-height:1.9;color:#75796a}.material-copy small{font-size:9px;line-height:1.6;color:#898c80;display:block;margin-top:24px}.material-tabs{display:flex;gap:20px;margin-top:25px}.material-tabs button{background:none;border:0;border-bottom:1px solid transparent;padding:8px 0;font-size:11px;color:#858779}.material-tabs .active{color:var(--ink);border-color:var(--olive)}.material-detail{min-height:65px}.atelier{text-align:center;padding:90px 6% 65px}.atelier h2{font-size:59px;line-height:1.1;margin-bottom:20px}.atelier>p{color:var(--muted);line-height:1.8;font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:30px;margin-top:65px;text-align:left;gap:30px}.steps small{font-size:9px;color:#939685;letter-spacing:1px}.steps p{font-family:Georgia,serif;font-size:20px}footer{background:#2d3228;color:#e2e3d6;padding:44px 6% 22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}footer>p,footer>a:not(.brand){font-size:11px;color:#b9bfae}.footerbottom{width:100%;border-top:1px solid #505545;margin-top:20px;padding-top:24px;display:flex;justify-content:space-between;font-size:9px;color:#929b87}dialog{border:0;background:var(--bg);color:var(--ink);padding:40px;width:min(600px,92vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#151811b8;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;color:var(--muted)}dialog h2{font-size:33px}dialog p{line-height:1.7;color:var(--muted);font-size:13px}dialog img{width:100%}form label{display:block;margin:18px 0;font-size:12px}form input,textarea{display:block;width:100%;margin-top:9px;padding:12px;border:1px solid #c9cdbd;background:#fbfbf6;resize:vertical}form .primary{width:100%;justify-content:center}.bagrow{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.bagrow img{width:90px}.bagrow button{margin-left:auto;background:none;border:0;font-size:22px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 25px;background:#323b27;color:white;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}#toast.show{opacity:1}@media(min-width:1600px){main,header{max-width:1600px;margin:auto}}@media(max-width:800px){header{height:90px;padding:0 6%}nav{gap:15px;font-size:11px}.brand{font-size:25px}.hero{grid-template-columns:1fr;padding:0 6%}.hero-copy{padding:30px 0 35px}.hero h1{font-size:60px}.hero-art{min-height:390px}.hero-note{margin-top:28px}.values{display:grid;grid-template-columns:1fr 1fr;gap:20px}.collection{padding-top:55px}.sectiontop{display:block}.sectiontop>p{display:none}h2{font-size:34px}.grid{grid-template-columns:repeat(2,1fr);gap:27px 17px}.materials{grid-template-columns:1fr;margin:0 6%}.material-visual{min-height:330px}.material-copy{padding:38px 8%}.steps p{font-size:17px}.atelier h2{font-size:48px}.footerbottom{gap:20px;line-height:1.6}}@media(max-width:520px){header nav{display:none}.bagbtn{font-size:10px}.hero h1{font-size:51px}.hero-art{min-height:310px}.art-top{font-size:6px;left:20px;right:20px}.art-bottom{left:20px;bottom:23px}.art-bottom h3{font-size:25px}.hero-copy>p{font-size:13px}.catalogbar{display:block}.filters{gap:24px}.filters button{font-size:11px}.search{padding-bottom:10px}.search input{width:100%}.product-meta h3{font-size:20px}.tag{left:8px;top:8px;font-size:6px;padding:5px}.product-meta button{width:28px;height:28px}.product p{font-size:9px;line-height:1.5}.values b{font-size:9px;margin-left:7px}.material-copy h2{font-size:35px}.steps{grid-template-columns:1fr;gap:12px;text-align:center}.steps p{margin:9px 0 16px}footer>p{display:none}.footerbottom{flex-direction:column}dialog{padding:32px 24px}.atelier{padding-top:60px}}
/* DIACHYK VASYL — personal maker identity */
:root{--bg:#171819;--ink:#e8e3d9;--muted:#a2a09a;--line:#363635;--olive:#c2a273;--bronze:#c2a273}body{background:var(--bg)}.topline{background:#222220;color:#bda883;letter-spacing:2.3px}header{height:117px}.brand{display:flex;align-items:center;gap:13px;letter-spacing:2px;font-size:22px;white-space:nowrap}.brand span{font-style:normal}.brand-mark{display:block;width:51px;height:58px;background-image:url('assets/brand-signature.jpg');background-repeat:no-repeat;background-size:219px auto;background-position:-84px -26px;flex-shrink:0}.brand-word{color:#d4bd95}.brand small{font-size:6px;letter-spacing:1.6px;color:#a39a8a;margin-top:8px}.bagbtn{color:var(--ink)}.hero-copy{padding-top:42px}.hero h1{font-size:clamp(42px,4.4vw,66px);line-height:1.1;letter-spacing:-2px}.hero-copy>p{font-size:13px}.hero-art{background:#1b1c20}.signature-art>img{width:100%;height:100%;left:0;object-fit:contain}.signature-art .art-top{font-size:7px;color:#b5a588;letter-spacing:1.6px}.signature-art .art-bottom h3{font-size:25px;color:#d6c19e}.signature-art .art-bottom small{color:#999082}.primary{color:#191a17;background:#c2a273}.primary:hover{background:#d8bc90}.hero-note{color:#9e927c}.values{border-color:var(--line)}.values b{color:#c4c1b7}.values>span{color:#82755f}.filters button.active{color:#d6bc91}.search input{color:var(--ink)}.product-image{background:#242521}.product-meta button{border-color:#5a5144;color:#d6b988}.product .price{color:#c2a273}.tag{background:#181a16b8;color:#d6c5a7}.materials{background:#212322}.material-copy p{color:#b6b5a9}.material-tabs .active{color:#d8bb8a}.material-tabs button{color:#a4a292}.material-copy small{color:#96998e}.master{display:grid;grid-template-columns:1fr 1fr;margin:80px 6% 0;align-items:center;gap:6%}.master-image{position:relative}.master-image img{width:100%;display:block}.master-image>span{display:block;font-size:8px;letter-spacing:2px;color:#9b8f77;padding:17px 0}.master-copy>p{color:#aaa99e;font-size:13px;line-height:1.9}.master-copy h2{font-size:44px;line-height:1.2}.master-signature{font:22px Georgia,serif;letter-spacing:4px;color:#c8ac7e;margin-top:28px}.master-signature small{display:block;font:7px Arial;letter-spacing:2px;margin-top:10px;color:#8f8c80}.atelier h2{font-size:52px}.steps p{color:#d0c8b8}footer{background:#111313}footer .brand-mark{opacity:.85}.footerbottom{border-color:#343630;color:#93948a}dialog{background:#202222}form input,textarea{background:#171919;border-color:#4a4b43;color:#e8e3d9}dialog .close{color:#d6c6a9}#toast{background:#c2a273;color:#191a17}.bagrow button{color:#d8c29f}.demo{color:#94968d}@media(max-width:800px){.brand{font-size:19px;gap:9px}.brand-mark{width:44px;height:51px;background-size:191px auto;background-position:-73px -23px}header nav{gap:20px}.hero h1{font-size:55px}.signature-art{min-height:410px}.master{grid-template-columns:1fr;margin-top:55px;gap:30px}.master-copy{padding:0 3%}.master-copy h2{font-size:39px}.atelier h2{font-size:43px}}@media(max-width:520px){header{height:97px}.brand{font-size:17px;letter-spacing:1.1px;gap:7px}.brand small{font-size:5px;letter-spacing:1px}.brand-mark{width:37px;height:43px;background-size:166px auto;background-position:-64px -20px}.bagbtn span{margin:0 5px}.bagbtn{padding:0}.hero h1{font-size:45px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.signature-art{min-height:325px}.signature-art .art-top{font-size:6px;letter-spacing:1px}.signature-art .art-bottom h3{font-size:21px}.signature-art .art-bottom small{font-size:7px}.atelier h2{font-size:38px}.material-copy h2{font-size:35px}.master-copy h2{font-size:36px}footer .brand{font-size:19px}}
.brand-mark{height:49px;border-radius:50%}@media(max-width:800px){.brand-mark{height:44px}}@media(max-width:520px){.brand-mark{height:38px}}
/* Original photography: unified presentation, no filters or texture reconstruction. */
.product-image{aspect-ratio:3/4;background:radial-gradient(ellipse at center,#30302f,#1d1e1f);border:1px solid #383735;padding:13px;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:contain;filter:none;transform:none}.product-image:hover img{transform:none}.product-image:hover{border-color:#b99e79}.product .tag{top:22px;left:22px;letter-spacing:1px;background:#181a17db;font-size:7px}.photo-zoom{position:absolute;bottom:22px;right:22px;background:#191b19dc;border:1px solid #7a705c;padding:8px 11px;color:#e7d9c2;font-size:9px;letter-spacing:.5px}.product-meta{align-items:start}.product-meta h3 small{display:block;font:8px Arial,sans-serif;color:#b59c76;letter-spacing:1px;margin-top:8px}.product p{line-height:1.5}.concept-product .product-image{border-style:dashed}.concept-product .product-image img{opacity:.78}#details{width:min(1080px,95vw);padding:36px}#detailBody{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center}.detail-photo{background:#17191a;padding:12px;border:1px solid #3a3b37}.detail-photo img{display:block;width:100%;max-height:75vh;object-fit:contain}.detail-info{padding:18px 0}.detail-info h2{font-size:45px}.original-link{display:inline-block;color:#d1b37e;border-bottom:1px solid #746242;font-size:12px;line-height:1.7;padding-bottom:5px;margin:10px 0}.detail-info .photo-note{font-size:10px;color:#979a8f}.bagrow img{height:85px;object-fit:contain;background:#191b19}@media(max-width:650px){#details{padding:35px 18px 20px}#detailBody{grid-template-columns:1fr;gap:10px}.detail-photo img{max-height:55vh}.detail-info h2{font-size:33px}.product-image{padding:7px}.product .tag{left:12px;top:12px;font-size:5px;padding:5px}.photo-zoom{bottom:12px;right:12px;font-size:7px;padding:5px 7px}.product-meta h3 small{font-size:7px;line-height:1.5;letter-spacing:.4px}.grid{column-gap:13px}}

.art-bottom>a{width:auto;height:auto;border-radius:0;padding:11px 16px;font:11px Arial,sans-serif;letter-spacing:1px}
@media(max-width:520px){
  .signature-art{min-height:0;overflow:visible;background:#191b1b}
  .signature-art>img{position:relative;display:block;left:0;top:auto;width:100%;height:auto;object-fit:contain}
  .signature-art .art-top{top:16px;left:16px;right:16px;z-index:1}
  .signature-art .art-bottom{position:relative;inset:auto;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 16px 20px;background:#191b1b}
  .signature-art .art-bottom h3{font-size:23px;line-height:1.25;margin:8px 0 0;overflow-wrap:anywhere}
  .signature-art .art-bottom small{font-size:7px;letter-spacing:1.5px}
  .signature-art .art-bottom>a{align-self:flex-start;padding:10px 14px}
}
