/* Ali’s page: one graceful venue portrait, clear calls to action, calm aligned services. */
.landing{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;align-items:start;gap:0;width:min(1520px,94vw);min-height:0;padding:0 0 22px}
.photo-story{position:relative;grid-column:1;grid-row:1;align-self:stretch;display:block;width:100%;height:auto;margin:0;padding:0 0 24px;min-width:0}
.photo-stack{height:clamp(390px,55svh,630px);border:1px solid #ac9672;border-radius:18% 18% 2px 2px / 10% 10% 2px 2px;box-shadow:0 16px 38px rgba(57,48,63,.16);overflow:hidden;background:#dcd9d0}
.photo-stack::after{inset:9px;border:1px solid rgba(255,248,232,.72);border-radius:inherit;pointer-events:none}
.photo-stack img{object-position:center 39%;transition:opacity 1.1s ease,transform 6.8s ease;transform:scale(1.01)}
.photo-stack img.active{transform:scale(1.045)}
.signature-row{position:absolute;z-index:5;top:18px;left:20px;right:20px;display:flex;align-items:center;justify-content:flex-start;gap:14px;margin:0;padding:10px 13px;border:1px solid rgba(238,229,209,.54);background:linear-gradient(90deg,rgba(247,243,233,.94),rgba(247,243,233,.78));box-shadow:0 5px 16px rgba(26,31,27,.13);backdrop-filter:blur(9px)}
.signature{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-width:0;gap:10px;margin:0;padding:0;color:#4f4b58;font-size:clamp(18px,2vw,28px);letter-spacing:.025em}
.signature .signature-portrait{width:46px;height:52px;object-position:50% 25%;margin:0;padding:2px;border:1px solid rgba(170,143,91,.72);background:#fbf8f1;box-shadow:0 3px 9px rgba(57,48,63,.1)}
.signature>span{margin:0 0 0 4px;text-align:left;color:#827386;font-size:clamp(9px,.9vw,12px);letter-spacing:.08em}
.signature-actions{margin-left:auto;gap:12px}
.signature-actions button{min-height:36px;padding:5px 11px;border:1px solid rgba(154,127,78,.66);background:rgba(255,253,247,.62);color:#775f42;font-size:13px}
.signature-actions button:hover{background:#fffdf7;text-decoration:none}
.ali-detail-photo{left:auto;right:24px;bottom:43px;width:clamp(190px,22vw,310px);padding:8px;background:#fbf8ef;border:1px solid #ae9870;box-shadow:0 10px 26px rgba(44,35,40,.27);transform:rotate(1deg)}
.ali-detail-photo:hover{transform:rotate(0) translateY(-3px)}
.ali-detail-photo img{height:clamp(100px,12vw,155px);object-position:center 52%}
.ali-detail-photo span{padding:9px 5px 3px;color:#6c5941;font-size:clamp(14px,1.2vw,18px)}
.photo-caption{position:absolute;left:8px;bottom:0;margin:0;padding:5px 9px;color:#746977;font-size:11px;letter-spacing:.06em}
.landing-copy{position:relative;grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;gap:8px 34px;width:100%;padding:22px clamp(16px,3vw,44px) 20px;background:linear-gradient(110deg,rgba(249,246,241,.94),rgba(242,240,242,.96));border-top:1px solid rgba(168,145,109,.46);border-bottom:1px solid rgba(168,145,109,.46);box-sizing:border-box}
.landing-copy h1{grid-column:1;grid-row:1;margin:0;color:#4c4452;font-size:clamp(42px,4.6vw,68px);line-height:.96;letter-spacing:-.035em;max-width:13ch}
.ali-philosophy{grid-column:1;grid-row:2;margin:0;max-width:650px;color:#625b69;font-size:clamp(16px,1.4vw,20px);line-height:1.42}
.ali-philosophy button{display:inline!important;margin:0 0 0 .5em;padding:0 0 1px;border:0;border-bottom:1px solid #b79a6c;background:transparent;color:#806c4f;font:italic 500 .96em/1.15 'Ali Garamond',Georgia,serif;white-space:nowrap}
.service-links{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;width:100%;max-width:580px;margin:0;padding:0 0 0 20px;border:0;border-left:1px solid rgba(168,145,109,.44)}
.service-links button{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:8px 3px;border:0;border-bottom:1px solid rgba(168,145,109,.45);color:#6f5a43;font:500 clamp(16px,1.45vw,20px)/1.2 'Ali Garamond',Georgia,serif;letter-spacing:.015em;text-align:left;white-space:normal}
.service-links button:hover{color:#49364e;text-decoration:none;border-bottom-color:#806d4f}
.ali-primary-invitation{grid-column:2;grid-row:3;justify-self:end;min-width:230px;min-height:48px;margin:5px 0 0;padding:10px 20px;font-size:18px}
.landing-copy::after{position:absolute;right:14px;bottom:12px;width:54px;height:44px;content:"";background:url('/assets/pinecone-antique-gold-branch-v596.png') center/contain no-repeat;opacity:.15;pointer-events:none}
@media(max-width:760px){
 .landing{width:100%;padding-bottom:10px}
 .photo-story{padding-bottom:23px}
 .photo-stack{height:clamp(330px,49svh,460px);border-radius:15% 15% 0 0 / 7% 7% 0 0}
 .signature-row{top:10px;left:10px;right:10px;gap:5px;padding:7px 8px}
 .signature{gap:6px;font-size:clamp(16px,4.6vw,22px)}
 .signature .signature-portrait{width:37px;height:43px}
 .signature>span{max-width:100px;font-size:8px;line-height:1.2}
 .signature-actions{gap:5px}
 .signature-actions button{min-height:32px;padding:4px 7px;font-size:11px}
 .ali-detail-photo{right:12px;bottom:39px;width:36vw;max-width:210px;padding:5px}
 .ali-detail-photo img{height:86px}
 .ali-detail-photo span{font-size:12px;padding:6px 3px 2px}
 .photo-caption{left:4px;bottom:0;font-size:9px}
 .landing-copy{grid-template-columns:1fr;grid-template-rows:auto;gap:9px;padding:16px 6vw 16px}
 .landing-copy h1{grid-column:1;grid-row:auto;font-size:clamp(40px,10vw,56px);max-width:none;margin:0}
 .ali-philosophy{grid-column:1;grid-row:auto;font-size:16px}
 .service-links{grid-column:1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;max-width:none;padding:0;border:0;border-top:1px solid rgba(168,145,109,.44)}
 .service-links button{min-height:40px;font-size:17px}
 .ali-primary-invitation{grid-column:1;grid-row:auto;justify-self:center;width:min(100%,330px);margin:2px 0 0}
 .landing-copy::after{right:10px;bottom:8px;width:38px;height:32px}
}
@media(max-width:390px){.signature>span{display:none}.signature-row{left:7px;right:7px}.signature-actions button{font-size:10px;padding-inline:6px}.ali-detail-photo{width:39vw}.ali-detail-photo img{height:76px}}
@media(prefers-reduced-motion:reduce){.photo-stack img,.ali-detail-photo{transition:none}.photo-stack img.active{transform:none}.ali-detail-photo:hover{transform:none}}
