/* HK Handmade: approved editorial scene and charcoal surfaces, 10 September 2026. */
:root{
  --hk-charcoal:#202124;
  --hk-night:#252629;
  --hk-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch' seed='7'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.065' filter='url(%23n)'/%3E%3C/svg%3E");
  --hk-surface-image:var(--hk-noise),radial-gradient(ellipse at 25% 0%,#D5CEC407,transparent 75%);
}
.hkv-page{--night:var(--hk-night)}
.hkv-page :is(.hkv-house,.hkv-showcase,.hkv-footer),
.hkm-root :is(.hkm-footer,.hkm-topbar,.hkm-quote,.hkm-marquee,.hkm-labelband,.hkm-statsband,.hkm-coll,.hkm-hero--immersive){
  background-color:var(--hk-charcoal);
  background-image:var(--hk-surface-image);
  background-size:180px 180px,100% 100%;
  background-repeat:repeat,no-repeat;
}
.hkv-page .hkv-showcase-stage{background:transparent}
.hkv-page .hkv-showcase-image{
  mask-image:linear-gradient(to right,transparent,#000000 12%,#000000 88%,transparent);
}
.hkv-page .hkv-house{
  margin:0;
  padding-block:88px 132px;
  overflow:clip;
  isolation:isolate;
}
.hkv-page .hkv-house-inner{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:0;
  align-items:start;
  padding:0;
}
.hkv-page .hkv-house-photo{
  grid-column:1/10;
  grid-row:1;
  width:100%;
  margin:0!important;
  position:relative;
  overflow:hidden;
  background:var(--hk-night);
}
.hkv-page .hkv-house-photo img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  object-position:52% 50%;
  transform:translate3d(0,var(--hk-image-y,0px),0) scale(var(--hk-image-scale,1.015));
  transform-origin:52% 45%;
}
.hkv-page .hkv-house-copy{
  grid-column:8/-1;
  grid-row:1;
  justify-self:stretch;
  align-self:end;
  max-width:none;
  position:relative;
  z-index:1;
  margin-top:165px;
  padding:38px 0 0 44px;
  transform:translateY(52px);
  background-color:var(--hk-charcoal);
  background-image:var(--hk-surface-image);
  background-size:180px 180px,100% 100%;
}
.hkv-page .hkv-house-copy h2{
  font-size:clamp(38px,4.1vw,62px);
  line-height:1.06;
  letter-spacing:-.04em;
  max-width:10ch;
}
.hkv-page .hkv-house-copy>p:not(.hkv-caption){
  font-size:16px;
  line-height:1.75;
  color:var(--stone);
  margin-top:24px;
  max-width:48ch;
}
.hkv-page .hkv-house-copy>.hkv-text-link{
  margin-top:24px;
  padding-block:10px;
  min-height:48px;
}
.hkv-page .hkv-house-copy>.hkv-caption{
  margin-top:22px;
  color:var(--stone);
  opacity:1;
  font-size:12px;
  line-height:1.5;
  max-width:40ch;
}
.hkv-house.hk-regard-enter .hkv-house-photo{
  animation:hk-regard-image 1.4s cubic-bezier(.16,1,.3,1) both;
}
.hkv-house.hk-regard-enter .hkv-house-copy>:is(h2,p,a){
  animation:hk-regard-text 1s cubic-bezier(.16,1,.3,1) both;
}
.hkv-house.hk-regard-enter .hkv-house-copy>h2{animation-delay:.12s}
.hkv-house.hk-regard-enter .hkv-house-copy>p{animation-delay:.24s}
.hkv-house.hk-regard-enter .hkv-house-copy>a{animation-delay:.36s}
.hkv-house.hk-regard-enter .hkv-house-copy>.hkv-caption{animation-delay:.42s}
@keyframes hk-regard-image{
  from{opacity:.3;transform:translate3d(0,45px,0) scale(.97)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes hk-regard-text{
  from{opacity:0;transform:translate3d(0,24px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
.hkv-page .hkv-footer{padding-top:72px}
.hkv-page .hkv-footer-brand p,.hkv-page .hkv-footer li a{color:var(--stone)}
.hkv-page .hkv-footer-bottom{color:var(--stone)}
@media(max-width:1100px) and (min-width:768px){
  .hkv-page .hkv-house{padding-block:64px 100px}
  .hkv-page .hkv-house-photo{grid-column:1/11}
  .hkv-page .hkv-house-copy{grid-column:7/-1;margin-top:270px;padding:30px 0 0 30px;transform:translateY(34px)}
  .hkv-page .hkv-house-copy h2{font-size:44px}
  .hkv-page .hkv-house-copy>p:not(.hkv-caption){font-size:15px;line-height:1.7}
}
@media(max-width:767px){
  .hkv-page .hkv-house{padding-block:36px 48px}
  .hkv-page .hkv-house-inner{display:flex;flex-direction:column;gap:0}
  .hkv-page .hkv-house-photo{width:100%;overflow:hidden}
  .hkv-page .hkv-house-photo img{aspect-ratio:3/2;object-position:52% 50%}
  .hkv-page .hkv-house-copy{width:100%;margin:0;padding:28px 0 0;transform:none;background:none}
  .hkv-page .hkv-house-copy h2{font-size:38px;line-height:1.1;max-width:13ch}
  .hkv-page .hkv-house-copy>p:not(.hkv-caption){font-size:16px;line-height:1.7;max-width:none;margin-top:20px}
  .hkv-page .hkv-house-copy>.hkv-caption{font-size:12px;max-width:42ch}
  .hkv-page .hkv-footer{padding-top:44px}
}
@media(prefers-reduced-motion:reduce){
  .hkv-page .hkv-house *{animation:none!important;transition:none!important}
  .hkv-page .hkv-house-photo img{transform:none!important}
}
@media print{
  .hkv-page .hkv-house{overflow:visible;padding-block:30px}
  .hkv-page .hkv-house-inner{display:block}
  .hkv-page .hkv-house-copy{margin:0;padding:20px 0;transform:none}
  .hkv-page .hkv-house *{animation:none!important;transform:none!important}
}