/* Selected direction 01: metalwork buttons and architectural miniatures. */
.direction-01 .h01-actions .primary-action{
 position:relative;isolation:isolate;overflow:hidden;min-width:min(100%,450px);min-height:70px;padding:12px 13px 12px 25px;gap:22px;
 border:1px solid #ad8c54;border-top-color:#d0b887;border-radius:6px;
 background:linear-gradient(112deg,#f1e5ca 0%,#e4d0a6 37%,#c9ac77 75%,#e9d5ac 100%);color:#2b251c;
 box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #9e7a3c55,0 6px 16px -12px #6a502e88;
 font-weight:600;text-shadow:0 1px 0 #ffffff66;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.direction-01 .h01-actions .primary-action::after{content:"";position:absolute;inset:4px;z-index:-1;border:1px solid #fff7;border-radius:3px;pointer-events:none;}
.direction-01 .h01-actions .primary-action::before{content:"";position:absolute;inset:-50% auto -50% -28%;width:20%;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff7a,transparent);transform:skewX(-20deg) translateX(-160%);opacity:0;transition:transform .8s ease,opacity .2s ease;}
.direction-01 .h01-actions .primary-action>span{position:relative;z-index:1;}
.direction-01 .h01-actions .primary-action>svg{position:relative;z-index:1;display:block;box-sizing:content-box;width:22px;height:22px;padding:10px;flex:none;background:linear-gradient(140deg,#514332,#2e281f);color:#f1dcae;border:1px solid #78613e;border-radius:50%;box-shadow:inset 0 1px 0 #ffffff29,0 2px 5px #5c44252b;transition:transform .25s ease;}
.direction-01 .h01-actions{margin-top:22px;}
.direction-01 .h01-selection{margin-top:16px;}
.direction-01 .landing-header .header-selection{position:relative;isolation:isolate;overflow:hidden;min-height:56px;max-width:310px;padding:10px 13px 10px 18px;gap:14px;border:1px solid #c9b28b;border-radius:6px;background:linear-gradient(120deg,#fffefa,#f5eddf);color:#473924;font-size:15px;font-weight:500;box-shadow:inset 0 1px #fff,0 5px 14px -12px #80643d66;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;}
.direction-01 .landing-header .header-selection>svg{box-sizing:content-box;width:18px;height:18px;flex:none;padding:7px;border:1px solid #d5c09b;border-radius:50%;background:#ece0c8;color:#79603b;transition:transform .25s ease;}
.direction-01 .h01-facts .facts>li{position:relative;isolation:isolate;min-height:74px;gap:12px;padding-right:12px;}
.direction-01 .h01-facts .facts>li::before{content:"";position:absolute;inset:-10px -9px;z-index:-1;border-radius:8px;background:linear-gradient(105deg,#f4ebdbcc,#faf7f033 78%,transparent);opacity:0;pointer-events:none;transition:opacity .25s ease;}
.direction-01 .h01-facts .fact-mark.fact-mark--premium{display:block;width:64px;height:64px;max-width:none;object-fit:contain;flex:none;filter:drop-shadow(0 4px 5px #79613d19);transform:translateY(0);transition:transform .28s ease,filter .28s ease;}
.direction-01 .h01-facts .fact-copy strong{transition:color .22s ease;}
@media(hover:hover) and (pointer:fine){
 .direction-01 .h01-actions .primary-action:hover{background:linear-gradient(112deg,#f5e9cd 0%,#ead7ad 37%,#cfb17b 75%,#efddb7 100%);border-color:#92713c;box-shadow:inset 0 1px #fffc,inset 0 -1px #9e7a3c55,0 10px 25px -14px #70512888;transform:translateY(-2px);}
 .direction-01 .h01-actions .primary-action:hover::before{opacity:1;transform:skewX(-20deg) translateX(750%);}
 .direction-01 .h01-actions .primary-action:hover>svg{transform:translateX(3px);}
 .direction-01 .landing-header .header-selection:hover{background:linear-gradient(120deg,#fffaf0,#eee1c7);border-color:#a98b59;box-shadow:inset 0 1px #fff,0 6px 17px -12px #80643d77;}
 .direction-01 .landing-header .header-selection:hover>svg{transform:translateX(2px);}
 .direction-01 .h01-facts .facts>li:hover::before{opacity:1;}
 .direction-01 .h01-facts .facts>li:hover .fact-mark--premium{transform:translateY(-4px) rotate(-1deg);filter:drop-shadow(0 8px 7px #79613d2e);}
 .direction-01 .h01-facts .facts>li:hover .fact-copy strong{color:#76582b;}
}
.direction-01 .h01-actions .primary-action:active{transform:translateY(0);}
@media(min-width:761px) and (max-width:1180px){.direction-01 .h01-facts .fact-mark.fact-mark--premium{width:58px;height:58px;}.direction-01 .h01-actions .primary-action{min-width:0;}}
@media(min-width:761px) and (max-height:780px){.direction-01 .h01-actions{margin-top:18px;}.direction-01 .h01-selection{margin-top:13px;}}
@media(max-width:760px){
 .direction-01 .h01-actions .primary-action{min-width:0;width:100%;min-height:70px;padding:13px 13px 13px 18px;gap:15px;font-size:17px;}
 .direction-01 .h01-actions .primary-action>svg{width:21px;height:21px;padding:9px;}
 .direction-01 .h01-facts .fact-mark.fact-mark--premium{width:64px;height:64px;}
 .direction-01 .h01-facts .facts>li{min-height:84px;}
}
@media(max-width:350px){.direction-01 .h01-actions .primary-action{font-size:16px;padding-left:15px;gap:10px;}.direction-01 .h01-facts .fact-mark.fact-mark--premium{width:58px;height:58px;}}
@media(prefers-reduced-motion:reduce){
 .direction-01 .h01-actions .primary-action::before{display:none;}
 .direction-01 .h01-actions .primary-action:hover,.direction-01 .h01-actions .primary-action:hover>svg,.direction-01 .landing-header .header-selection:hover>svg,.direction-01 .h01-facts .facts>li:hover .fact-mark--premium{transform:none;}
}
@media(min-width:761px) and (max-width:1180px){.direction-01 .h01-facts .facts>li{padding-right:8px;}}
@media(max-width:760px){.direction-01 .h01-facts .facts>li,.direction-01 .h01-facts .facts>li+li{gap:16px;padding:0;}}