@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&family=Josefin+Sans:wght@400;500;600;700&display=swap');
    :root { color-scheme: dark; --navy:#1B2234; --peach:#d5b2a4; --white:#f2f2f2; }
    * { box-sizing:border-box; }
    html { min-height:100%; }
    body { margin:0; min-height:100vh; background:var(--navy); color:var(--white); font-family:'Josefin Sans',Arial,sans-serif; font-size:18px; line-height:1.5; }
    a { color:inherit; }
    .shell { min-height:100vh; display:flex; flex-direction:column; width:min(1520px,100%); margin:auto; padding:32px clamp(24px,5vw,80px) 28px; }
    header, footer { display:flex; justify-content:space-between; align-items:center; gap:24px; }
    header { padding-bottom:28px; border-bottom:1px solid rgba(213,178,164,.46); }
    .identity { display:flex; align-items:center; gap:16px; text-decoration:none; }
    .identity img { width:70px; height:70px; object-fit:contain; display:block; flex:none; }
    .wordmark { border-left:1px solid var(--peach); padding-left:15px; font-size:11px; line-height:1.2; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
    .header-note, .footer-note, .index { color:var(--peach); font-size:12px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }
    main { flex:1; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr); align-items:center; gap:clamp(24px,5vw,90px); padding:70px 0 84px; }
    .content { position:relative; z-index:1; }
    .index { display:flex; align-items:center; gap:16px; margin-bottom:30px; }
    .index::before { content:''; display:block; width:37px; height:1px; background:var(--peach); }
    h1 { max-width:900px; margin:0 0 26px; color:var(--peach); font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(70px,8.2vw,145px); font-weight:700; line-height:.87; letter-spacing:-.045em; }
    h1 span { display:block; }
    .lead { max-width:570px; margin:0; color:var(--white); font-size:clamp(18px,1.7vw,23px); line-height:1.46; }
    .link { display:inline-flex; align-items:center; justify-content:space-between; gap:45px; min-width:245px; margin-top:45px; padding:16px 19px 12px; background:var(--peach); color:var(--navy); font-weight:700; font-size:15px; text-decoration:none; transition:transform .2s ease,background .2s ease; }
    .link:hover, .link:focus-visible { transform:translateY(-3px); background:var(--white); }
    .link:focus-visible { outline:2px solid var(--white); outline-offset:4px; }
    .link span { font-size:20px; line-height:1; }
    .graphic { position:relative; min-height:460px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(213,178,164,.46); }
    .graphic img { width:min(77%,460px); height:auto; display:block; object-fit:contain; }
    .graphic .corner { position:absolute; left:22px; bottom:20px; z-index:2; color:var(--white); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
    .graphic .corner.top { left:auto; bottom:auto; right:22px; top:20px; color:var(--peach); }
    footer { border-top:1px solid rgba(213,178,164,.46); padding-top:23px; font-size:14px; }
    footer p { margin:0; }
    footer a { color:var(--peach); text-decoration:none; border-bottom:1px solid var(--peach); }
    footer a:hover, footer a:focus-visible { color:var(--white); border-color:var(--white); }
    @media (max-width:900px) { main { grid-template-columns:1fr; padding:70px 0; } .graphic { min-height:360px; max-width:630px; width:100%; } }
    @media (max-width:560px) { .shell { padding:24px 22px; } header { padding-bottom:23px; } .header-note { display:none; } main { padding:70px 0 55px; gap:60px; } h1 { font-size:clamp(66px,18vw,95px); } .index { margin-bottom:25px; } .lead { font-size:18px; } .link { width:100%; margin-top:36px; } .graphic { min-height:300px; } .identity img { width:56px; height:56px; } .graphic img { width:min(75%,300px); } footer { align-items:flex-start; flex-direction:column; gap:12px; } }
    @media (prefers-reduced-motion:reduce) { .link { transition:none; } }