/* ============================================================
   Ayden Films
   Palette and type per design direction v4.
   Single-theme by intent — this is a brand, not a document.
   ============================================================ */

:root {
  /* ---- palette ---- */
  --bone: #f2ede4;
  --oat: #faf7f1;
  --sand: #ded4c6;
  --clay: #907a6b;
  --walnut: #6b4633;
  --espresso: #241e19;
  --umber: #2f2720; /* Behind the lens ground */
  --logo-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='17.1 14.8 598.7 489.5'%3E%3Cpath fill-rule='evenodd' d='M215.6 500.3C211.9 500.0 209.2 499.6 205.6 498.7C204.2 498.4 202.2 498.1 198.9 498.0C193.6 497.8 193.4 497.7 190.9 496.4C189.4 495.6 188.8 495.5 186.9 495.4C182.3 495.1 182.1 495.0 180.7 494.0C179.7 493.1 179.2 492.9 177.7 492.7C175.4 492.4 175.0 492.2 173.8 491.1C173.0 490.5 172.5 490.2 171.3 490.0C169.0 489.6 168.3 489.3 167.6 488.4C167.1 487.7 166.7 487.5 165.1 487.1C163.2 486.6 163.0 486.5 161.7 485.0C161.5 484.8 160.8 484.5 160.1 484.4C158.5 484.2 157.7 483.7 157.0 482.7C156.6 482.3 156.1 482.0 155.5 481.8C154.5 481.7 153.6 481.1 152.9 480.3C152.7 480.0 151.7 479.5 150.7 479.2C149.3 478.7 148.8 478.5 148.4 477.8C148.1 477.3 147.4 476.8 146.7 476.5C145.9 476.1 145.3 475.6 145.0 475.1C144.7 474.5 144.1 474.1 143.4 473.8C142.8 473.5 141.8 472.8 141.1 472.1C140.4 471.5 139.4 470.8 138.9 470.5C138.2 470.2 137.7 469.8 137.5 469.3C137.3 468.7 136.8 468.3 136.1 468.0C135.4 467.6 134.9 467.2 134.7 466.7C134.5 466.2 134.1 465.8 133.3 465.5C132.7 465.2 132.2 464.9 132.2 464.7C132.2 464.4 130.9 463.0 130.3 462.7C130.0 462.6 129.5 462.1 129.2 461.5C128.8 461.0 128.1 460.3 127.7 460.0C127.1 459.7 126.6 459.1 126.5 458.6C126.2 458.0 125.8 457.6 125.2 457.2C124.6 456.9 124.1 456.4 123.8 455.9C123.6 455.4 123.0 454.8 122.6 454.5C122.1 454.2 121.5 453.5 121.1 452.7C120.8 452.0 120.0 451.0 119.5 450.4C119.0 449.8 118.4 448.8 118.1 448.2C117.8 447.4 117.4 446.9 116.8 446.5C116.4 446.2 115.9 445.7 115.7 445.3C115.1 443.8 114.8 443.4 114.2 443.1C113.7 442.8 113.4 442.3 112.9 440.9C112.3 439.4 112.0 438.9 111.3 438.5C110.7 438.1 110.4 437.7 110.2 436.9C110.0 436.2 109.4 435.2 108.8 434.5C108.2 433.8 107.6 432.8 107.5 432.2C107.3 431.6 107.2 430.9 107.1 430.6C107.0 430.4 106.6 429.7 106.1 429.2C105.6 428.7 105.1 427.7 104.6 426.4C104.3 425.3 103.7 424.1 103.4 423.7C102.7 422.9 102.2 421.5 101.7 419.3C101.5 418.2 101.1 417.4 100.7 416.9C99.8 415.8 99.6 415.2 99.1 412.5C98.9 410.9 98.6 410.0 98.0 409.2C97.1 407.8 96.8 406.9 96.4 402.9C96.1 400.6 95.8 399.3 95.4 398.4C94.5 396.6 94.3 395.5 94.0 391.8C93.2 382.4 93.1 368.8 93.7 355.6C94.0 348.9 94.5 345.2 95.2 343.8C95.8 342.6 96.2 340.6 96.4 337.0C96.6 333.0 97.1 330.7 98.0 328.6C98.7 327.2 98.9 326.3 99.2 323.5C99.6 319.6 99.8 318.6 100.8 316.7C101.3 315.6 101.6 314.6 101.9 312.3C102.3 308.8 102.6 307.8 103.2 306.9C104.0 306.0 104.2 305.2 104.6 302.4C105.0 299.5 105.3 298.7 106.1 297.7C106.8 296.9 106.9 296.7 107.3 293.6C107.7 291.4 108.0 290.4 109.1 288.6C109.5 288.0 109.8 286.9 110.0 285.4C110.3 283.5 110.5 283.0 111.4 281.6C112.2 280.3 112.5 279.7 112.8 277.9C113.0 276.1 113.3 275.4 113.9 274.4C114.8 273.2 115.3 271.6 115.6 269.4C115.7 268.8 116.1 267.9 116.4 267.4C116.7 267.0 117.2 266.4 117.4 266.1C117.6 265.8 117.9 264.6 118.1 263.2C118.5 261.3 118.7 260.6 119.5 259.4C120.6 257.8 120.6 257.8 121.0 255.3C121.2 254.2 121.5 253.2 121.9 252.7C122.8 251.4 123.3 250.3 123.7 248.0C124.0 246.4 124.2 245.8 124.8 245.1C125.6 244.2 125.9 243.5 126.2 241.5C126.7 239.2 126.9 238.4 127.7 237.5C128.5 236.7 128.6 236.3 129.3 232.7C129.5 231.5 129.7 231.0 130.8 229.5C131.0 229.1 131.4 227.8 131.7 226.5C132.0 225.1 132.4 223.9 132.7 223.5C133.7 222.3 134.0 221.5 134.4 219.3C134.8 217.0 135.0 216.4 135.9 215.5C136.5 214.9 136.8 214.2 137.4 211.2C137.6 209.7 137.9 208.9 138.6 208.1C139.3 207.1 139.5 206.4 139.9 204.6C140.2 202.9 140.5 202.0 141.3 200.9C142.0 199.8 142.3 198.9 142.5 197.7C142.8 195.5 143.3 194.3 144.2 193.6C144.7 193.2 144.9 192.7 145.3 190.3C145.6 188.0 145.8 187.3 146.4 186.6C147.5 185.2 147.7 184.7 148.0 182.7C148.3 181.0 148.5 180.3 149.9 178.1C150.2 177.6 150.5 176.6 150.6 175.9C150.9 173.9 151.4 172.6 152.2 171.6C152.6 171.1 153.0 170.3 153.1 169.8C153.7 166.5 154.1 165.2 154.9 164.3C155.4 163.6 155.8 162.9 155.9 162.2C156.2 159.9 156.8 158.1 157.5 157.1C157.9 156.5 158.4 155.3 158.6 154.5C158.8 153.6 159.1 152.4 159.3 151.8C159.4 151.1 159.8 150.3 160.2 150.0C160.8 149.3 161.2 148.2 161.7 145.2C161.9 144.3 162.3 143.4 163.0 142.5C163.7 141.5 164.0 140.9 164.1 139.9C164.4 137.4 164.8 136.3 165.7 135.0C166.5 134.1 166.7 133.5 166.9 132.4C167.1 130.4 167.6 128.8 168.2 128.2C168.9 127.5 169.3 126.2 169.9 123.5C170.3 121.7 170.5 121.2 171.1 120.6C171.8 120.0 172.0 119.6 172.1 118.6C172.5 115.7 173.0 114.2 173.9 113.2C174.5 112.4 174.8 111.9 175.0 110.4C175.4 108.0 175.6 107.4 176.6 105.7C177.3 104.7 177.6 103.7 177.9 102.1C178.2 100.4 178.5 99.8 179.2 99.0C179.6 98.4 180.1 97.7 180.1 97.4C180.2 97.1 180.4 95.9 180.6 94.8C180.9 93.3 181.2 92.5 181.7 91.8C182.8 90.4 182.9 90.0 183.2 87.9C183.4 86.6 183.7 85.6 184.1 84.9C185.4 82.9 186.0 81.3 186.1 79.9C186.3 78.4 186.9 77.0 187.3 77.0C187.7 77.0 188.2 75.4 188.7 72.9C189.2 70.5 189.7 69.2 190.2 69.3C190.6 69.3 191.0 68.4 191.3 66.6C191.7 63.8 192.0 63.0 192.9 62.0C193.9 60.9 194.2 59.4 194.2 56.6C194.2 54.6 193.9 53.3 192.7 51.9C192.1 51.0 191.6 50.0 191.3 48.8C190.9 47.4 190.6 46.7 189.9 46.0C189.4 45.5 188.9 44.6 188.7 44.1C188.6 43.5 187.9 42.5 187.3 41.8C186.7 41.1 186.1 40.1 185.8 39.3C185.5 38.4 185.1 37.8 184.5 37.3C184.0 36.8 183.4 36.1 183.2 35.4C182.9 34.8 182.5 34.1 182.1 33.9C181.8 33.7 181.1 32.9 180.6 32.1C179.8 30.8 177.8 28.4 176.6 27.2C176.3 26.9 175.5 26.1 174.8 25.5C174.2 24.8 173.0 24.0 172.2 23.5C170.5 22.5 170.1 21.8 170.6 20.4C170.8 19.6 171.1 19.3 171.8 19.1C173.0 18.7 208.7 18.6 211.0 19.0C213.0 19.4 213.5 19.9 214.2 21.7C214.5 22.5 215.1 23.7 215.5 24.3C216.2 25.4 216.6 26.6 217.1 29.8C217.2 30.3 217.7 31.1 218.2 31.7C218.9 32.6 219.1 33.1 219.6 35.3C219.9 37.3 220.2 38.2 220.9 39.2C221.5 40.1 221.9 41.1 222.3 42.6C222.5 43.8 223.0 45.2 223.2 45.6C224.2 47.1 224.7 48.4 225.0 50.2C225.2 51.6 225.5 52.4 226.0 53.2C227.0 54.6 227.4 55.6 227.8 57.8C228.0 59.1 228.3 60.1 228.7 60.6C229.0 61.0 229.4 61.6 229.6 61.9C229.8 62.1 230.1 63.3 230.4 64.4C230.6 65.5 231.0 66.8 231.2 67.2C232.4 69.5 232.8 70.3 233.1 72.2C233.4 73.6 233.7 74.5 234.4 75.4C235.1 76.4 235.4 77.2 235.7 79.2C236.2 81.5 236.4 81.9 237.1 82.7C237.7 83.4 238.0 84.1 238.3 85.2C239.1 89.1 239.2 89.5 240.0 90.4C240.5 91.1 240.8 91.9 241.1 93.3C241.6 95.6 241.8 96.3 242.8 97.8C243.3 98.6 243.6 99.6 243.9 101.1C244.3 103.5 244.5 104.1 245.4 105.0C246.0 105.6 246.6 107.6 246.9 110.0C247.0 111.0 247.2 111.5 247.9 112.1C248.6 112.9 248.8 113.3 249.6 116.8C249.8 117.8 250.3 118.9 250.8 119.6C251.3 120.4 251.7 121.3 252.0 123.0C252.4 124.8 252.7 125.7 253.4 126.7C254.1 127.8 254.4 128.5 254.8 130.6C255.2 132.9 255.4 133.4 256.1 134.3C256.7 134.9 257.1 135.7 257.3 136.7C257.8 139.6 258.3 140.9 259.0 141.7C259.5 142.3 259.8 143.0 260.1 144.6C260.5 146.7 260.9 147.9 261.8 149.0C262.3 149.7 262.7 150.8 263.0 153.1C263.2 154.5 263.4 155.1 264.0 155.8C265.0 157.1 265.4 158.0 265.8 160.3C266.0 161.9 266.2 162.5 266.9 163.4C267.6 164.2 267.9 165.0 268.3 166.8C268.8 169.2 268.9 169.5 269.9 170.9C270.4 171.6 270.9 173.3 271.4 175.9C271.5 176.4 271.9 177.3 272.4 178.0C273.1 179.0 273.4 179.8 273.8 181.8C274.1 183.4 274.4 184.6 274.8 185.0C275.9 186.4 276.0 186.8 276.5 189.1C276.8 190.5 277.2 191.9 277.5 192.2C278.4 193.4 278.8 194.3 279.1 196.1C279.5 198.2 279.9 199.2 280.9 200.4C281.2 201.0 281.6 202.0 281.9 203.6C282.3 206.0 282.7 206.9 283.5 207.6C283.7 207.8 284.1 208.6 284.2 209.3C285.2 213.6 285.3 214.0 286.1 215.0C286.7 215.6 287.0 216.4 287.1 217.1C287.5 219.4 287.8 220.5 288.6 221.8C289.1 222.5 289.6 223.7 289.8 224.5C290.4 227.4 290.8 228.6 291.5 229.4C292.1 230.0 292.3 230.6 292.7 232.8C293.2 235.4 293.6 236.3 294.4 236.8C294.7 237.0 294.9 237.9 295.8 241.7C295.9 242.5 296.4 243.4 296.9 244.0C297.5 244.8 297.8 245.4 298.1 247.3C298.5 249.1 298.8 250.0 299.5 251.1C300.3 252.3 300.5 253.1 300.9 255.0C301.3 257.5 301.5 258.0 302.1 258.5C302.8 259.1 303.2 260.2 303.6 262.2C304.0 264.4 304.6 266.0 305.0 266.0C305.4 266.0 306.0 267.5 306.3 269.5C306.6 271.4 307.0 272.5 307.7 273.4C308.3 274.0 309.0 275.8 309.0 276.7C309.0 277.9 309.7 279.7 310.5 280.6C311.0 281.2 311.3 281.9 311.5 282.9C311.7 283.7 311.9 284.9 312.0 285.6C312.2 286.2 312.7 287.3 313.2 288.0C313.8 289.0 314.1 289.8 314.5 291.7C314.9 293.6 315.1 294.3 315.8 295.2C316.4 295.8 316.8 296.7 316.9 297.3C317.2 299.7 317.8 301.4 318.6 302.6C319.2 303.5 319.6 304.4 319.8 305.9C320.3 308.3 320.5 308.9 321.3 309.9C322.0 310.7 322.5 312.0 322.5 313.0C322.5 314.3 323.2 316.2 324.0 317.2C324.7 318.0 324.9 318.7 325.3 320.7C325.6 322.6 325.9 323.3 326.6 324.4C327.3 325.4 327.6 326.1 328.0 328.2C328.4 330.3 328.6 330.9 329.2 331.6C330.0 332.5 330.4 333.8 331.0 336.6C331.1 337.5 331.5 338.4 332.1 339.2C332.8 340.2 333.1 340.9 333.5 342.9C333.8 344.4 334.2 345.6 334.5 346.0C335.4 347.1 335.7 347.9 336.1 349.9C336.5 352.2 337.1 353.8 337.5 353.8C337.9 353.8 338.4 355.1 338.8 357.3C339.1 359.1 339.4 359.8 339.9 360.5C340.7 361.5 341.4 363.2 341.6 365.1C341.9 366.8 342.1 367.4 343.0 368.4C343.5 369.0 343.8 369.7 344.1 371.3C344.7 374.3 345.0 375.0 345.8 375.9C346.2 376.4 346.5 377.0 346.6 377.3C346.7 377.6 346.9 378.6 347.0 379.4C347.4 381.2 347.9 382.4 348.5 383.1C349.0 383.6 349.6 385.7 349.9 387.8C350.0 388.5 350.3 389.3 351.0 390.2C351.5 390.9 352.0 391.8 352.1 392.2C352.8 395.9 353.1 397.0 353.6 397.5C354.5 398.5 354.7 398.9 355.1 401.2C355.6 403.5 355.8 404.0 356.6 405.1C357.0 405.4 357.3 406.4 357.5 407.2C358.1 410.4 358.3 410.9 359.1 412.1C359.9 413.3 360.4 414.7 360.9 417.6C361.0 418.1 361.3 418.9 361.7 419.3C362.5 420.1 362.9 421.5 363.5 424.5C363.7 425.6 364.1 426.3 364.6 427.0C365.3 427.8 365.5 428.4 365.8 430.1C366.2 432.3 366.6 433.3 367.7 434.7C368.1 435.2 368.4 436.1 368.6 437.7C369.1 441.0 369.5 441.6 370.0 439.8C370.4 438.5 370.2 73.8 369.8 69.9C369.5 67.2 369.4 66.4 368.6 62.4C368.4 61.3 368.0 57.2 367.8 53.3C367.2 45.8 367.2 45.5 366.1 42.9C365.8 42.0 365.3 39.9 365.0 38.1C364.6 34.9 364.3 34.0 363.2 32.8C362.9 32.4 362.6 31.1 362.3 29.5C361.8 27.2 361.7 26.8 361.0 26.2C360.6 25.9 359.8 24.7 359.3 23.6C358.3 21.8 358.2 21.4 358.4 20.5C358.5 20.0 358.7 19.4 358.9 19.2C359.3 18.9 379.8 18.9 472.9 18.8L586.5 18.7L588.2 19.7C590.0 20.8 590.7 21.6 591.2 23.3C591.4 23.9 591.9 24.5 592.4 24.9C593.0 25.4 593.4 25.9 593.7 26.9C594.0 28.0 594.2 28.4 594.9 28.8C595.5 29.2 595.8 29.6 596.4 31.1C596.9 32.6 597.2 33.1 597.9 33.5C598.5 33.9 598.8 34.4 599.0 35.0C599.2 35.5 599.8 36.6 600.4 37.3C601.0 38.0 601.7 39.1 601.8 39.7C602.0 40.5 602.4 41.1 603.1 41.6C603.7 42.1 604.2 42.8 604.6 44.0C605.1 45.2 605.5 45.9 606.1 46.3C606.6 46.7 607.0 47.4 607.3 48.2C607.6 49.1 608.1 49.7 608.6 50.2C609.1 50.5 609.6 51.2 609.8 51.7C610.2 52.9 611.1 54.6 611.9 55.2C613.1 56.4 612.4 58.7 610.9 58.7C610.0 58.8 609.1 58.3 608.7 57.6C608.6 57.3 608.0 56.8 607.4 56.5C606.8 56.2 606.1 55.6 605.9 55.2C605.7 54.8 605.1 54.3 604.5 54.0C604.0 53.8 603.0 53.0 602.3 52.3C601.6 51.6 600.5 50.8 600.0 50.6C599.5 50.4 598.7 49.8 598.3 49.3C597.9 48.7 597.2 48.2 596.8 48.1C596.4 48.0 595.7 47.6 595.2 47.1C594.8 46.7 593.5 45.9 592.5 45.4C591.3 44.8 590.5 44.3 590.2 43.8C589.9 43.3 589.4 43.0 588.3 42.7C587.3 42.4 586.3 41.8 585.6 41.2C585.0 40.7 584.0 40.0 583.3 39.8C582.7 39.6 581.7 39.1 581.2 38.7C580.1 37.9 579.1 37.4 577.8 37.0C577.2 36.9 576.4 36.4 575.9 36.0C575.1 35.3 574.2 34.9 572.0 34.2C571.4 34.1 570.2 33.4 569.4 32.9C568.0 32.0 567.5 31.8 566.1 31.7C565.2 31.6 564.0 31.3 563.5 31.0C560.2 29.3 560.1 29.2 557.7 29.0C554.1 28.7 553.3 28.5 552.4 27.9C551.1 27.0 548.9 26.6 544.5 26.2C541.8 26.1 539.9 25.8 539.0 25.5C536.4 24.6 534.3 24.3 529.1 24.0C522.1 23.6 400.3 23.8 399.7 24.1C399.3 24.4 399.2 30.0 399.2 139.6C399.2 203.0 399.3 254.9 399.4 255.0C399.8 255.7 402.3 255.8 447.1 255.8C498.8 255.7 499.8 255.7 503.0 254.0C503.8 253.6 505.0 253.2 505.8 253.1C507.5 252.9 508.3 252.5 509.0 251.5C509.3 251.1 510.0 250.6 510.8 250.4C511.7 250.1 512.5 249.5 513.5 248.5C514.3 247.7 515.2 247.0 515.4 246.9C515.7 246.8 516.1 246.4 516.4 246.0C517.1 244.9 518.3 244.3 519.1 244.7C520.5 245.3 520.5 245.3 520.4 260.1C520.4 273.6 520.4 273.6 519.8 274.7C519.4 275.5 519.1 275.8 518.6 275.8C518.1 275.8 517.9 275.5 517.4 274.4C516.9 273.4 516.0 272.3 514.1 270.4C512.7 268.9 511.4 267.8 511.3 267.8C511.2 267.8 510.4 267.1 509.6 266.4C508.4 265.4 507.8 265.0 507.0 264.9C505.4 264.6 504.0 264.1 503.4 263.5C502.7 262.9 500.5 262.4 496.1 261.9C494.2 261.7 491.3 261.3 489.6 261.0C486.7 260.5 484.9 260.5 444.2 260.5L401.9 260.5L400.8 261.1C400.2 261.5 399.6 262.0 399.5 262.2C399.3 262.6 399.2 291.2 399.2 351.7C399.3 429.9 399.3 441.1 399.6 444.3C400.7 454.2 401.0 457.6 401.2 463.2C401.5 468.5 401.7 470.0 402.9 473.2C403.3 474.4 403.7 476.3 403.9 478.3C404.2 481.4 404.7 483.0 405.6 483.7C406.0 484.0 406.1 484.7 406.8 488.1C407.0 489.1 407.3 489.9 407.9 490.7C408.4 491.3 409.0 492.3 409.1 493.0C409.4 493.7 409.8 494.5 410.4 495.0C411.6 496.1 411.5 496.9 410.1 497.6C409.1 498.1 408.6 498.1 380.9 498.2C350.3 498.3 351.4 498.3 350.7 496.9C350.5 496.4 350.6 496.0 351.1 494.6C352.4 491.0 352.7 487.5 352.0 483.2C351.9 482.1 351.6 479.3 351.4 477.0C351.1 473.2 351.0 472.8 350.2 471.3C349.3 469.5 348.9 468.2 348.5 465.1C348.3 463.6 348.0 462.7 347.2 461.3C346.5 459.9 346.2 459.1 346.0 457.6C345.7 455.3 345.4 454.4 344.6 453.4C344.1 452.7 343.3 450.1 342.9 447.4C342.8 446.9 342.5 446.4 342.2 446.1C341.4 445.6 341.1 444.9 340.5 442.3C340.2 441.1 339.7 439.8 339.4 439.4C338.5 438.2 338.2 437.5 337.7 435.4C337.5 434.3 337.0 433.1 336.8 432.8C336.0 431.8 335.3 430.2 335.3 429.4C335.2 427.2 333.6 426.7 333.0 428.7C332.7 429.9 331.9 431.0 331.2 431.0C330.7 431.0 330.2 431.9 330.2 433.1C330.2 434.4 329.8 435.2 328.7 435.6C327.8 436.0 327.5 436.5 327.5 438.0C327.5 439.3 327.2 439.7 326.1 440.5C325.4 441.0 325.1 441.4 324.8 442.3C324.6 443.2 324.4 443.5 323.5 443.9C322.6 444.3 322.4 444.5 321.9 445.9C321.6 446.9 321.2 447.6 320.6 448.1C320.1 448.5 319.6 449.3 319.4 449.9C319.2 450.6 318.9 451.0 318.1 451.4C317.3 451.9 317.0 452.2 316.8 453.0C316.6 453.7 316.2 454.2 315.7 454.5C315.3 454.7 314.7 455.4 314.3 456.1C313.8 456.8 313.2 457.4 312.7 457.6C312.2 457.8 311.6 458.3 311.5 458.7C311.3 459.1 310.7 459.6 310.1 459.9C309.6 460.2 309.1 460.6 309.0 460.9C308.8 461.5 308.0 462.1 307.2 462.5C306.8 462.6 306.3 463.1 306.0 463.7C305.5 464.8 305.1 465.1 304.2 465.4C303.6 465.6 303.4 465.9 303.2 466.5C302.9 467.2 302.7 467.4 301.8 467.7C300.9 468.1 300.7 468.3 300.5 469.1C300.3 469.9 300.0 470.1 299.2 470.5C298.5 470.8 297.9 471.3 297.6 471.8C297.2 472.4 296.6 473.0 295.8 473.3C295.2 473.7 294.1 474.4 293.5 475.0C292.8 475.6 291.9 476.1 291.3 476.3C290.4 476.5 290.0 476.8 289.7 477.4C289.1 478.4 288.6 478.7 287.7 478.8C286.7 478.8 285.2 479.3 285.2 479.6C285.2 480.3 284.3 481.0 283.0 481.5C282.2 481.7 281.5 482.1 281.4 482.4C280.7 483.7 280.6 483.8 277.7 484.5C276.7 484.8 276.4 485.0 276.2 485.5C275.9 486.3 274.6 487.0 273.3 487.0C271.9 487.0 271.0 487.4 270.8 488.1C270.3 489.2 269.6 489.5 266.9 489.5C264.6 489.5 264.5 489.5 264.5 490.1C264.5 490.7 263.5 491.8 262.6 492.1C262.4 492.2 261.2 492.4 260.2 492.5C258.3 492.7 258.2 492.7 257.3 493.7C256.3 495.0 255.5 495.2 251.9 495.4C249.7 495.5 249.1 495.7 248.5 496.1C246.9 497.5 247.1 497.4 240.1 498.2C239.0 498.4 237.3 498.7 236.4 499.0C233.0 500.0 230.8 500.3 224.9 500.4C221.7 500.4 217.5 500.4 215.6 500.3ZM21.1 498.0C17.5 497.1 17.8 495.3 21.8 494.0C22.5 493.8 22.8 493.5 23.0 492.9C23.2 492.4 23.6 491.9 24.3 491.4C24.9 491.0 25.6 490.4 25.7 490.1C25.9 489.7 26.5 489.0 27.0 488.5C27.6 488.1 28.2 487.2 28.5 486.7C28.8 486.1 29.5 485.2 30.0 484.7C30.5 484.1 31.2 483.2 31.5 482.6C31.7 482.0 32.4 481.3 32.8 480.9C33.3 480.5 33.8 479.9 34.0 479.3C34.2 478.8 34.7 477.9 35.1 477.4C36.1 476.2 36.9 474.7 37.1 473.5C37.2 473.1 37.6 472.4 38.0 472.0C38.5 471.6 39.0 470.7 39.4 469.5C39.8 468.3 40.3 467.4 40.9 466.8C41.4 466.3 41.8 465.6 42.0 464.7C42.4 462.8 42.9 461.9 43.8 460.8C44.6 459.8 45.2 457.9 45.2 456.8C45.2 456.4 45.6 455.6 46.2 454.9C47.0 454.0 47.3 453.4 47.7 451.5C48.2 449.2 48.3 449.1 49.8 447.6C51.7 445.7 52.3 445.5 53.1 446.3C53.6 446.8 53.7 447.3 53.9 448.6C54.1 450.6 53.8 452.0 52.7 453.6C52.3 454.3 51.9 455.4 51.5 457.2C50.9 460.3 50.6 460.9 49.9 461.8C49.2 462.5 49.1 462.8 48.6 466.2C48.3 468.5 48.1 469.4 47.4 470.7C46.4 472.7 46.1 474.0 45.7 478.8C45.6 480.7 45.3 483.1 45.1 483.9C44.3 487.7 44.5 491.4 45.6 494.1C46.1 495.4 46.2 496.8 45.8 497.3C45.6 497.6 45.0 497.9 44.5 498.0C43.5 498.3 22.3 498.3 21.1 498.0ZM227.0 496.0C228.1 495.8 229.7 495.6 230.5 495.3C232.4 494.8 238.8 494.2 240.6 494.4C242.9 494.6 245.5 494.1 247.0 493.2C248.4 492.3 250.5 491.8 252.4 491.8C254.1 491.7 255.4 491.3 255.9 490.7C256.5 489.7 257.4 489.5 260.9 489.3C264.0 489.2 264.2 489.1 264.2 488.7C264.2 488.4 264.6 487.9 265.0 487.5C265.5 487.0 266.0 486.8 267.1 486.6C269.2 486.4 269.7 486.1 270.1 485.3C270.6 484.3 271.7 483.8 273.1 483.8C274.2 483.8 274.4 483.6 275.3 482.6C276.5 481.4 277.5 481.0 278.9 481.2C279.9 481.3 280.8 480.8 280.8 480.0C280.8 479.3 281.5 478.8 282.9 478.5C284.0 478.3 284.3 478.1 284.5 477.5C284.8 476.8 286.2 476.0 288.1 475.6C288.5 475.5 288.8 475.2 289.0 474.6C289.3 473.9 289.6 473.6 290.6 473.1C291.4 472.7 292.1 472.2 292.4 471.7C292.9 471.0 293.3 470.7 294.4 470.4C295.4 470.1 295.9 469.8 296.5 469.0C297.1 468.3 297.7 467.8 298.6 467.6C299.5 467.2 299.9 466.9 300.1 466.3C300.4 465.7 300.8 465.4 301.5 465.1C302.2 464.8 302.6 464.4 303.0 463.8C303.2 463.2 303.7 462.7 304.5 462.3C305.3 461.9 305.6 461.6 305.9 461.0C306.1 460.3 306.4 460.0 307.2 459.6C307.9 459.3 308.3 458.9 308.4 458.5C308.6 457.6 309.0 457.2 309.9 456.9C310.4 456.7 310.7 456.2 311.0 455.5C311.3 454.7 311.6 454.3 312.3 453.9C312.8 453.6 313.3 453.2 313.5 452.5C313.8 451.9 314.3 451.4 314.9 451.1C315.5 450.7 316.0 450.2 316.6 449.1C317.0 448.3 317.7 447.4 318.2 447.1C319.0 446.6 319.3 446.0 319.6 444.7C319.7 444.2 320.1 443.8 320.8 443.5C321.6 443.1 321.8 442.8 321.9 442.0C322.1 441.0 322.2 440.9 323.9 439.6C324.4 439.2 324.6 438.8 324.7 437.8C324.8 436.2 325.0 435.9 326.2 435.3C327.0 434.9 327.1 434.6 327.6 433.0C328.1 431.4 328.2 431.1 329.1 430.5C329.9 430.0 330.0 429.8 330.0 429.0C330.0 427.7 330.7 426.0 331.5 425.3C332.0 424.9 332.1 424.6 332.2 422.9C332.3 420.7 331.9 419.0 331.2 418.3C330.4 417.6 330.1 416.7 329.6 414.4C329.2 412.0 329.0 411.5 328.1 410.4C327.8 410.0 327.3 408.9 327.0 407.4C326.7 405.9 326.2 404.6 325.8 404.0C325.0 402.8 324.5 401.3 324.0 398.9C323.9 398.0 323.5 397.1 323.0 396.5C322.2 395.5 321.6 393.9 321.4 391.8C321.2 390.2 320.9 389.6 320.0 388.7C319.5 388.2 319.2 387.6 318.9 385.7C318.5 383.5 318.2 382.8 316.9 380.7C316.6 380.1 316.2 379.1 316.1 378.2C315.9 376.4 315.4 375.1 314.6 374.2C314.2 373.8 313.9 373.0 313.6 371.6C313.0 368.3 312.8 367.8 311.9 366.7C311.4 366.2 311.0 365.5 311.0 365.2C311.0 364.9 310.8 363.7 310.5 362.5C310.1 361.0 309.8 360.2 309.3 359.6C308.8 359.1 308.4 358.3 308.2 357.3C308.1 356.5 307.9 355.4 307.7 354.9C307.6 354.4 307.1 353.4 306.7 352.7C306.0 351.7 305.7 350.9 305.4 349.1C305.0 346.8 304.8 346.4 303.7 344.8C303.2 344.2 302.8 343.1 302.5 341.2C302.0 339.1 301.8 338.5 301.1 337.7C300.6 337.2 300.2 336.4 300.1 335.8C299.7 333.2 299.4 332.3 298.9 331.4C297.8 329.6 297.3 328.4 297.1 327.0C296.9 325.1 296.6 324.1 296.0 323.6C295.7 323.3 295.3 322.7 295.1 322.3C294.8 321.5 294.0 318.2 294.0 317.3C294.0 317.1 293.6 316.6 293.1 316.0C292.4 315.3 292.2 314.7 291.9 313.2C291.3 310.5 291.0 309.8 290.1 308.4C289.5 307.4 289.2 306.7 289.0 305.1C288.8 303.5 288.6 302.9 287.9 301.8C286.9 300.5 286.3 298.7 286.2 297.5C286.2 296.3 285.7 295.0 284.9 294.1C284.3 293.4 284.0 292.7 283.6 290.5C283.1 288.6 282.7 287.5 282.1 286.6C281.5 285.8 281.2 284.8 280.9 283.4C280.5 281.4 280.2 280.6 279.1 278.8C278.6 278.0 277.8 274.6 277.8 273.6C277.8 273.5 277.4 273.1 277.0 272.7C276.3 271.9 275.9 270.7 275.1 267.4C274.9 266.3 274.5 265.4 274.0 264.8C273.6 264.2 273.2 263.3 273.0 262.5C272.5 259.9 272.0 258.5 271.1 257.3C270.5 256.4 270.2 255.6 270.1 254.6C269.9 252.6 269.6 251.7 268.7 250.5C268.0 249.5 267.6 248.3 267.0 245.1C266.8 244.1 266.5 243.5 266.0 243.0C265.3 242.3 264.7 240.6 264.4 238.5C264.3 237.7 263.9 236.8 263.2 235.8C262.5 234.7 262.2 234.0 261.9 232.2C261.6 230.4 261.3 229.7 260.5 228.5C259.8 227.4 259.5 226.6 259.3 225.3C258.8 222.4 258.7 222.3 257.8 221.1C257.1 220.1 256.8 219.4 256.4 217.3C256.0 215.7 255.7 214.6 255.3 214.2C254.5 213.3 254.3 212.7 253.7 210.2C253.4 208.6 253.0 207.6 252.4 206.6C251.4 205.2 251.4 205.1 250.9 202.3C250.6 200.6 250.4 200.0 249.8 199.4C249.0 198.6 248.6 197.5 248.0 194.2C247.8 193.2 247.5 192.4 246.9 191.8C246.3 191.0 246.0 190.4 245.7 188.6C245.3 187.0 245.0 185.9 244.2 184.8C243.7 183.9 243.2 182.6 243.0 182.1C242.7 180.7 242.1 179.8 241.3 179.5C240.9 179.3 225.3 179.2 198.3 179.2C175.0 179.2 155.7 179.3 155.6 179.3C155.4 179.3 155.0 179.8 154.6 180.4C154.2 181.1 153.5 182.2 153.0 182.8C152.3 183.7 152.0 184.4 151.9 185.2C151.5 187.8 151.2 189.0 150.6 189.7C149.7 190.8 149.1 192.4 148.9 194.1C148.7 195.9 148.4 196.7 147.7 197.5C147.1 198.1 146.6 199.8 146.0 202.5C145.8 203.4 145.5 204.1 145.2 204.4C144.5 205.1 144.1 205.9 143.9 207.2C143.5 210.0 142.9 211.6 142.1 212.7C141.4 213.6 141.2 214.0 140.9 216.0C140.6 217.9 140.4 218.5 139.5 219.9C138.7 221.1 138.4 221.8 138.2 223.0C137.9 225.3 137.6 226.1 136.8 227.3C136.0 228.3 135.8 229.0 135.2 232.1C135.0 233.2 134.7 233.8 134.1 234.5C133.3 235.4 133.2 235.7 132.8 238.1C132.5 240.0 132.2 241.0 131.8 241.5C130.9 242.6 130.3 244.1 129.9 246.1C129.7 247.6 129.4 248.4 128.8 249.3C128.2 250.2 127.8 251.3 127.3 253.3C126.8 255.4 126.5 256.2 126.0 256.9C125.4 257.6 125.1 258.2 124.7 260.3C124.2 262.9 124.0 263.4 122.9 264.9C122.6 265.4 122.2 266.4 122.0 267.5C121.6 270.1 121.3 270.9 120.6 271.7C120.0 272.4 119.6 273.8 118.9 276.7C118.7 277.8 118.2 278.9 117.8 279.5C117.1 280.5 116.7 281.7 116.1 285.0C116.1 285.6 115.6 286.4 115.1 287.0C114.3 288.0 114.2 288.2 113.5 292.1C113.4 292.9 113.1 293.8 112.9 294.2C111.6 296.5 111.2 297.6 111.0 299.5C110.7 301.4 110.6 301.9 109.1 304.6C108.9 305.0 108.6 306.1 108.5 307.3C108.1 310.5 107.8 311.5 106.9 312.9C106.1 314.0 106.0 314.4 105.6 317.9C105.2 321.3 105.1 321.8 104.2 323.6C103.3 325.5 103.2 325.9 102.9 329.6C102.5 333.9 102.4 334.4 101.4 336.8C100.7 338.5 100.4 340.6 100.0 347.0C99.8 349.3 99.5 351.6 99.3 352.2C98.2 355.9 98.0 357.5 97.7 366.3C97.6 372.0 97.6 377.2 97.7 381.6C97.9 387.4 98.0 388.3 98.5 389.5C99.4 391.7 99.5 392.2 100.0 397.0C100.5 401.3 101.0 404.0 101.5 404.0C102.0 404.0 102.4 405.7 103.0 410.2C103.3 412.0 103.4 412.4 104.2 413.4C105.1 414.3 105.2 414.7 105.6 417.1C106.0 419.6 106.2 420.0 106.9 420.7C107.4 421.2 107.9 422.0 108.0 422.5C108.1 423.0 108.4 424.0 108.6 424.8C108.9 425.8 109.2 426.4 109.7 426.7C110.2 427.1 110.5 427.6 110.7 428.4C111.4 430.9 111.6 431.3 112.4 432.0C112.9 432.6 113.4 433.3 113.7 434.4C114.1 435.3 114.6 436.2 115.1 436.7C115.6 437.2 116.1 438.1 116.4 438.7C116.6 439.4 117.2 440.3 117.7 440.9C118.2 441.4 118.8 442.3 119.0 442.8C119.3 443.2 120.0 444.2 120.6 444.9C121.3 445.7 121.9 446.6 122.0 447.1C122.2 447.7 122.5 448.0 123.1 448.3C123.7 448.6 124.1 449.1 124.5 450.0C124.8 450.7 125.3 451.3 125.6 451.5C126.0 451.6 126.4 452.1 126.7 452.4C127.5 453.8 132.4 459.2 134.9 461.5C135.7 462.3 136.8 463.3 137.3 463.9C137.9 464.5 138.6 465.1 139.0 465.3C139.4 465.4 140.0 465.9 140.2 466.4C140.5 466.9 141.1 467.4 141.6 467.6C142.1 467.8 142.7 468.4 143.0 468.9C143.4 469.5 143.9 469.9 144.6 470.0C145.1 470.2 145.8 470.7 146.2 471.1C146.6 471.6 147.6 472.3 148.5 472.8C149.4 473.2 150.4 473.9 150.7 474.3C151.0 474.6 151.9 475.2 152.6 475.5C153.6 475.9 154.2 476.3 154.5 476.9C154.9 477.5 155.4 477.9 156.5 478.3C157.5 478.6 158.3 479.1 158.8 479.8C159.4 480.5 160.1 480.8 161.1 481.1C162.0 481.4 162.8 481.8 163.4 482.4C164.0 483.0 164.5 483.3 165.7 483.5C166.5 483.6 167.4 483.8 167.6 483.9C168.1 484.0 168.5 484.2 170.4 485.6C170.7 485.9 171.8 486.2 172.9 486.4C174.5 486.7 174.9 486.9 175.9 487.7C176.6 488.4 177.4 488.8 178.0 488.9C180.3 489.3 181.4 489.6 182.1 490.3C183.1 491.2 184.9 491.7 186.7 491.8C189.1 491.8 192.1 492.4 194.3 493.4L196.4 494.3L201.0 494.5C206.9 494.8 211.6 495.1 215.1 495.6C219.2 496.2 219.2 496.2 222.1 496.2C223.6 496.2 225.8 496.1 227.0 496.0ZM239.3 174.2C240.0 173.9 239.9 172.9 238.9 171.8C238.3 171.1 237.9 170.3 237.7 169.3C236.9 165.2 236.8 164.9 236.0 164.1C235.4 163.5 235.2 162.9 234.8 160.9C234.5 159.6 234.1 158.2 233.8 157.8C232.5 155.9 232.4 155.6 231.9 152.3C231.8 151.6 231.4 150.9 230.9 150.2C230.0 149.1 229.7 148.6 229.1 145.3C228.8 143.6 228.6 143.0 227.9 142.3C227.2 141.5 227.0 141.0 226.7 139.1C226.4 137.9 226.1 136.6 225.9 136.3C225.6 135.9 225.2 135.2 224.9 134.6C224.5 134.1 224.1 132.8 224.0 131.9C223.7 130.1 222.9 128.0 222.5 128.0C222.1 128.0 221.5 126.3 221.2 124.0C220.8 122.1 220.6 121.6 219.9 120.6C219.1 119.7 218.9 119.1 218.5 117.1C218.1 115.2 217.8 114.3 217.1 113.4C216.5 112.5 216.1 111.5 215.8 109.8C215.4 108.1 215.0 107.1 214.4 106.1C213.6 105.0 213.4 104.3 213.1 102.4C212.8 100.7 212.6 99.9 212.0 99.3C211.0 98.0 210.8 97.5 210.3 95.0C209.9 93.0 209.6 92.3 208.9 91.4C208.3 90.6 208.0 89.9 207.8 88.5C207.4 86.1 207.1 85.3 206.2 84.4C205.8 83.8 205.4 82.9 205.0 81.0C204.5 78.5 204.2 77.7 203.2 76.5C202.9 76.1 202.5 74.9 202.2 73.3C201.8 71.5 201.5 70.7 201.0 70.0C200.0 68.8 199.9 68.4 199.4 66.2C199.1 65.1 198.8 64.2 198.6 64.1C198.1 63.9 195.9 66.2 195.5 67.2C195.4 67.7 195.1 68.9 195.0 69.8C194.8 71.0 194.4 71.9 193.9 72.7C193.1 73.9 192.5 75.6 192.1 78.1C192.0 78.6 191.6 79.4 191.0 80.1C190.2 81.0 190.0 81.5 189.9 82.7C189.6 85.1 189.0 87.0 188.1 88.0C187.6 88.6 187.2 89.1 187.2 89.2C187.2 90.5 186.4 94.0 186.0 94.5C185.1 95.7 184.7 96.5 184.2 98.9C183.9 100.7 183.6 101.6 183.0 102.2C182.0 103.5 182.0 103.6 181.7 105.4C181.4 107.9 181.0 108.9 180.1 110.0C179.4 110.8 179.2 111.3 178.8 113.3C178.6 114.6 178.2 116.0 178.0 116.4C176.8 118.3 176.5 119.2 176.1 121.2C175.8 122.9 175.6 123.6 175.0 124.3C174.1 125.3 173.5 127.0 173.5 128.0C173.5 129.2 172.8 131.2 172.0 132.1C171.3 132.9 170.9 133.9 170.6 136.1C170.4 137.7 169.9 138.9 169.1 139.8C168.7 140.2 168.4 141.0 168.0 143.0C167.6 144.9 167.3 145.8 166.6 146.9C166.0 147.9 165.6 148.9 165.2 150.5C165.0 151.8 164.6 153.1 164.3 153.4C163.2 155.0 163.0 155.5 162.6 157.8C162.2 160.0 162.1 160.4 161.2 161.4C160.4 162.3 160.3 162.7 159.9 165.0C159.5 167.1 159.3 167.8 158.5 169.0C157.9 169.9 157.4 170.9 157.2 172.0C156.7 174.8 151.9 174.5 198.4 174.5C225.8 174.5 238.9 174.4 239.3 174.2Z'/%3E%3C/svg%3E");

  --ground: var(--bone);
  --raised: var(--oat);
  --rule: var(--sand);
  --text: var(--espresso);
  --muted: #6e5c50;
  --label: #7a6455; /* clay, deepened to pass 4.5:1 for small text */
  --error: #8a3324; /* brick red; 7:1 on bone */
  --accent: var(--walnut);

  /* ---- type ---- */
  --display: "EB Garamond", Garamond, "Iowan Old Style", Georgia, serif;
  --sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;

  /* ---- metrics ---- */
  --shell: 74rem;
  --gutter: clamp(1.25rem, 5vw, 3.5rem);
  --section-y: clamp(4.5rem, 11vw, 9rem);
  --measure: 62ch;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

/* Anchor targets land below the sticky header, not under it. */
[id] {
  scroll-margin-top: 6rem;
}

body {
  margin: 0;
  background: var(--ground);
  color: var(--text);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

img,
video {
  display: block;
  max-width: 100%;
}

/* Anything given a display value below must still disappear when hidden. */
[hidden] {
  display: none !important;
}

/* ============================================================
   primitives
   ============================================================ */

.shell {
  width: 100%;
  max-width: var(--shell);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.section {
  padding-block: var(--section-y);
}

.eyebrow {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.19em;
  text-transform: uppercase;
  color: var(--label);
}

h1,
h2,
h3 {
  margin: 0;
  font-weight: 400;
  text-wrap: balance;
}

h1 {
  font-family: var(--display);
  font-size: clamp(2.75rem, 7.5vw, 5.75rem);
  line-height: 1.02;
  letter-spacing: -0.02em;
}

h2 {
  font-family: var(--display);
  font-size: clamp(1.9rem, 4.5vw, 3.15rem);
  line-height: 1.1;
  letter-spacing: -0.015em;
}

h3 {
  font-family: var(--sans);
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: -0.005em;
  line-height: 1.35;
}

p {
  margin: 0;
  max-width: var(--measure);
}

a {
  color: inherit;
  text-decoration: none;
}

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  background: var(--espresso);
  color: var(--bone);
  padding: 0.75rem 1.25rem;
  font-size: 0.875rem;
}
.skip-link:focus {
  left: 0;
}

/* Placeholder content — dotted underline marks what still needs filling.
   Delete the .ph class (not the text) as each piece comes in. */
.ph {
  text-decoration: underline dotted var(--clay);
  text-underline-offset: 0.28em;
  text-decoration-thickness: 1px;
  color: var(--muted);
}

.text-link {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--accent);
  padding-bottom: 0.3rem;
  border-bottom: 1px solid var(--sand);
  transition: border-color 0.25s ease;
}
a.text-link:hover {
  border-color: var(--accent);
}

.button {
  display: inline-block;
  background: var(--espresso);
  color: var(--bone);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding: 1.05rem 2.75rem;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 0.25s ease;
}
.button:disabled {
  opacity: 0.6;
  cursor: progress;
}
.button:hover {
  background: var(--walnut);
}

/* ============================================================
   header
   ============================================================ */

.site-header {
  position: absolute;
  inset: 0 0 auto 0;
  z-index: 20;
  padding-block: clamp(1.25rem, 3vw, 2rem);
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

/* The AF monogram sits centred above "Ayden FILMS". */
.wordmark {
  display: inline-grid;
  grid-template-columns: auto auto;
  width: max-content; /* never stretched by the footer's column layout */
  align-items: baseline;
  column-gap: 0.19em;
  row-gap: 0.35rem;
  color: var(--bone);
}
/* Drawn in the text colour, so it turns dark on the solid header. The
   monogram is embedded (traced from the logo; source in
   assets/logo-mark.svg) so it also works when a page is opened from disk. */
.wordmark-mark {
  grid-column: 1 / -1;
  justify-self: center;
  width: 1.4rem;
  aspect-ratio: 599 / 490;
  background: currentColor;
  -webkit-mask: var(--logo-mark) center / contain no-repeat;
  mask: var(--logo-mark) center / contain no-repeat;
}
/* "AYDEN FILMS" in Garamond capitals, sized and spaced like the menu
   links (a touch larger, as Garamond capitals sit smaller than the sans). */
.wordmark-name,
.wordmark-suffix {
  font-family: var(--display);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.19em;
  text-transform: uppercase;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: clamp(1.25rem, 3vw, 2.5rem);
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.19em;
  text-transform: uppercase;
  color: var(--bone);
}
.site-nav a {
  padding-bottom: 0.2rem;
  border-bottom: 1px solid transparent;
  transition: border-color 0.25s ease;
}
.site-nav a:hover {
  border-color: currentColor;
}
.site-nav .nav-inquire {
  border-bottom-color: rgba(242, 237, 228, 0.45);
}
.site-nav .nav-inquire:hover {
  border-bottom-color: currentColor;
}

.sound-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  background: none;
  border: 0;
  padding: 0.35rem 0;
  cursor: pointer;
  color: var(--bone);
  font-family: inherit;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.19em;
  text-transform: uppercase;
  opacity: 0.7;
  transition: opacity 0.25s ease;
}
.sound-toggle:hover {
  opacity: 1;
}

.sound-icon {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 12px;
}
.sound-icon span {
  width: 2px;
  height: 3px;
  background: currentColor;
  transition: height 0.25s ease;
}
.sound-toggle[aria-pressed="true"] .sound-icon span:nth-child(1) {
  height: 7px;
}
.sound-toggle[aria-pressed="true"] .sound-icon span:nth-child(2) {
  height: 12px;
}
.sound-toggle[aria-pressed="true"] .sound-icon span:nth-child(3) {
  height: 5px;
}

/* Small screens: the nav drops to its own row rather than hiding pages. */
@media (max-width: 46rem) {
  .header-inner {
    flex-wrap: wrap;
    row-gap: 1rem;
  }
  .site-nav {
    order: 3;
    width: 100%;
    gap: 1.25rem;
  }
  .sound-label {
    display: none;
  }
}

/* Interior pages: header sits on the bone ground instead of over film. */
/* Sticky, so navigation is always one click away on long pages. */
.site-header.is-solid {
  position: sticky;
  top: 0;
  background: var(--ground);
  border-bottom: 1px solid var(--rule);
}
.site-header.is-solid .wordmark,
.site-header.is-solid .site-nav {
  color: var(--text);
}
.site-header.is-solid .nav-inquire {
  border-bottom-color: var(--clay);
}
.site-header .site-nav a[aria-current="page"] {
  border-bottom-color: currentColor;
}

/* ============================================================
   hero
   ============================================================ */

.hero {
  position: relative;
  min-height: min(46rem, 88vh);
  display: flex;
  align-items: flex-end;
  padding-block: clamp(7rem, 14vw, 9rem) clamp(3rem, 7vw, 5rem);
  overflow: hidden;
  background: var(--espresso);
}

.hero-media {
  position: absolute;
  inset: 0;
}

.hero-video,
.hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Keeps hero copy readable over real footage. */
.hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(25, 20, 17, 0.82) 0%,
    rgba(25, 20, 17, 0.35) 45%,
    rgba(25, 20, 17, 0.2) 100%
  );
  pointer-events: none;
}

/* Film with just one quiet line across the middle: shade the top for the
   header and add a faint wash behind the line. */
.hero-bare .hero-media::after {
  background:
    linear-gradient(to bottom, rgba(25, 20, 17, 0.55) 0%, rgba(25, 20, 17, 0) 30%),
    radial-gradient(ellipse 60% 22% at 50% 72%, rgba(25, 20, 17, 0.32), rgba(25, 20, 17, 0));
}
.hero-bare {
  align-items: center;
  padding-block: clamp(6rem, 12vw, 8rem);
}
/* Below centre: 22% of the hero's height. */
.hero-bare .hero-copy {
  transform: translateY(min(10.1rem, 19.4vh));
}
/* Spaced Garamond capitals with one word in Pinyon Script, a free font in
   the style of Bickham Script, like a wedding invitation. */
.hero-line {
  font-family: var(--display);
  font-size: clamp(0.9375rem, 1.7vw, 1.3125rem);
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  line-height: 1.6;
  text-align: center;
  color: rgba(242, 237, 228, 0.95);
  text-shadow: 0 1px 14px rgba(25, 20, 17, 0.6);
}
.hero-line-script {
  font-family: "Pinyon Script", var(--display);
  font-size: 2.4em;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  line-height: 0;
  padding-inline: 0.12em;
}

/* Hidden on screen, still read by search engines and screen readers. */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 2rem;
  margin-top: clamp(1.75rem, 4vw, 2.5rem);
}
.button-light {
  background: var(--bone);
  color: var(--espresso);
}
.button-light:hover {
  background: var(--oat);
}
.hero .text-link {
  color: var(--bone);
  border-bottom-color: rgba(242, 237, 228, 0.45);
}
.hero a.text-link:hover {
  border-bottom-color: var(--bone);
}

/* Warm, darkened stand-in until the reel is dropped in. Reads as a graded
   frame rather than an empty box. */
.hero-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background:
    radial-gradient(
      120% 90% at 30% 20%,
      rgba(144, 122, 107, 0.5) 0%,
      rgba(36, 30, 25, 0) 60%
    ),
    linear-gradient(160deg, #3a2c23 0%, #241e19 55%, #191411 100%);
}
.hero-placeholder .ph {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(242, 237, 228, 0.45);
  text-decoration-color: rgba(242, 237, 228, 0.3);
}

.hero-copy {
  position: relative;
  z-index: 2;
  color: var(--bone);
}
.hero-copy h1 {
  max-width: 15ch;
}
.hero-sub {
  margin-top: clamp(1.25rem, 3vw, 1.75rem);
  max-width: 40ch;
  font-size: clamp(1rem, 1.6vw, 1.1875rem);
  line-height: 1.55;
  color: rgba(242, 237, 228, 0.78);
}

.hero-scroll {
  position: absolute;
  right: var(--gutter);
  bottom: clamp(3rem, 7vw, 5rem);
  z-index: 2;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(242, 237, 228, 0.55);
}
@media (max-width: 46rem) {
  .hero-scroll {
    display: none;
  }
}

/* ============================================================
   pitch — the two-shooter case
   ============================================================ */

.pitch .lede {
  margin-top: 1.25rem;
  max-width: 20ch;
}
.pitch .lede em {
  font-style: italic;
  color: var(--accent);
}

/* Always three across or one stacked: never two-and-one with an orphan. */
.pitch-grid {
  margin-top: clamp(3rem, 7vw, 4.5rem);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(2rem, 4vw, 3rem);
}
@media (max-width: 52rem) {
  .pitch-grid {
    grid-template-columns: 1fr;
  }
}
.pitch-item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--rule);
}
a.pitch-item:hover h3 {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
.pitch-item p {
  font-size: 0.9375rem;
  color: var(--muted);
  max-width: 34ch;
}

/* ============================================================
   films
   ============================================================ */

.films {
  background: var(--raised);
}

.section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--rule);
}

/* Full-width stacked entries, not a grid — three films read as curation
   here, where three cells in a grid would read as a grid that failed. */
.film-list {
  display: flex;
  flex-direction: column;
}

.film {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 4vw, 3.5rem);
  align-items: center;
  padding-block: clamp(2.25rem, 5vw, 3.5rem);
  border-bottom: 1px solid var(--rule);
}

.film-frame {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  background: linear-gradient(150deg, #3a2c23 0%, #241e19 70%);
  overflow: hidden;
}
.film-frame img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.film-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--espresso);
  opacity: 0;
  transition: opacity 0.35s ease;
}
.film-frame:hover::after {
  opacity: 0.18;
}
.film-ph {
  position: relative;
  z-index: 1;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(242, 237, 228, 0.42);
  text-decoration-color: rgba(242, 237, 228, 0.28);
}

.film-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.6rem;
}
.film-meta h3 {
  font-family: var(--display);
  font-weight: 400;
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  line-height: 1.15;
}
/* The title is the keyboard and screen-reader link; the still and
   "Watch the film" are extra click targets to the same page. */
.film-meta h3 a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}
.film-venue {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--label);
}
.film-note {
  margin-top: 0.35rem;
  font-size: 0.9375rem;
  color: var(--muted);
  max-width: 36ch;
}
.film-meta .text-link {
  margin-top: 0.85rem;
}

@media (max-width: 52rem) {
  .film {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

/* ============================================================
   about
   ============================================================ */

.about-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: clamp(2rem, 6vw, 5rem);
  align-items: center;
}

.about-portrait {
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 5;
  background: linear-gradient(165deg, #45362b 0%, #241e19 75%);
}
.about-portrait .ph {
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(242, 237, 228, 0.42);
  text-decoration-color: rgba(242, 237, 228, 0.28);
  text-align: center;
  padding-inline: 2rem;
}

.about-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.15rem;
}
.about-copy h2 {
  max-width: 16ch;
}
.about-copy p {
  color: var(--muted);
  max-width: 42ch;
}
.about-copy .text-link {
  margin-top: 0.5rem;
}

@media (max-width: 52rem) {
  .about-inner {
    grid-template-columns: 1fr;
  }
  .about-portrait {
    aspect-ratio: 3 / 2;
  }
}

/* ============================================================
   behind the lens
   Dark umber band. The photo sits right of centre and the spaced
   title runs across its bottom edge; the letter, then Ayden's
   signature, follow below.
   ============================================================ */

.lens {
  padding-block: var(--section-y);
  background: var(--umber);
  color: var(--bone);
}

.lens-inner {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.lens-photo {
  grid-column: 3 / 11;
  margin: 0;
}
.lens-photo img {
  display: block;
  width: 100%;
  height: auto;
}

.lens-title {
  grid-column: 1 / -1;
  margin-top: clamp(2rem, 4vw, 3rem);
  text-align: center;
  /* Bodoni Moda: a free web Bodoni, close to Bodoni 72. */
  font-family: "Bodoni Moda", "Bodoni 72", Didot, var(--display);
  font-weight: 400;
  font-size: clamp(1.375rem, 2.9vw, 2.375rem);
  line-height: 1.05;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--bone);
}

/* Centred, so kept to a shorter line than the photo above it. */
.lens-copy {
  grid-column: 1 / -1;
  justify-self: center;
  max-width: 60ch;
  display: grid;
  gap: 0.6em;
  margin-top: clamp(1.75rem, 3.5vw, 2.5rem);
  font-size: clamp(1rem, 1.3vw, 1.125rem);
  line-height: 1.75;
  text-align: center;
  color: rgba(242, 237, 228, 0.86);
}

.lens-signature {
  grid-column: 1 / -1;
  justify-self: center;
  margin-top: 1.25rem;
  font-family: "Pinyon Script", var(--display);
  font-size: clamp(1.375rem, 2vw, 1.75rem);
  line-height: 1.2;
  color: var(--bone);
}

.lens-link {
  grid-column: 1 / -1;
  justify-self: center;
  margin-top: 1rem;
  color: var(--bone);
  border-bottom-color: rgba(242, 237, 228, 0.45);
}

@media (max-width: 46rem) {
  .lens-photo {
    grid-column: 1 / -1;
  }
  .lens-title {
    font-size: clamp(1.375rem, 6.5vw, 1.875rem);
    text-wrap: balance;
  }
}

/* ============================================================
   testimonial
   ============================================================ */

.quote-section {
  background: var(--raised);
  border-block: 1px solid var(--rule);
}

.quote {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  max-width: 44rem;
}
.quote p {
  font-family: var(--display);
  font-size: clamp(1.35rem, 3vw, 2rem);
  line-height: 1.3;
  letter-spacing: -0.01em;
  max-width: none;
}
.quote cite {
  font-style: normal;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--label);
}

/* ============================================================
   cta
   ============================================================ */

.cta-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.35rem;
}
.cta-inner h2 {
  max-width: 14ch;
}
.cta-inner p {
  color: var(--muted);
  max-width: 44ch;
}
.cta-inner .button {
  margin-top: 0.85rem;
}

/* ============================================================
   footer
   ============================================================ */

.site-footer {
  background: var(--espresso);
  color: var(--bone);
  padding-top: clamp(3.5rem, 8vw, 5.5rem);
  padding-bottom: clamp(1.75rem, 4vw, 2.5rem);
}

.footer-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2.5rem;
  padding-bottom: clamp(2.5rem, 6vw, 4rem);
}

.footer-brand {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer-place {
  font-size: 0.875rem;
  color: rgba(242, 237, 228, 0.6);
  max-width: 30ch;
}

.footer-nav {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.19em;
  text-transform: uppercase;
}
.footer-nav a {
  color: rgba(242, 237, 228, 0.72);
  transition: color 0.25s ease;
}
.footer-nav a:hover {
  color: var(--bone);
}

.footer-base {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.75rem 1.5rem;
  padding-top: clamp(1.5rem, 4vw, 2rem);
  border-top: 1px solid rgba(242, 237, 228, 0.14);
  font-size: 0.75rem;
  color: rgba(242, 237, 228, 0.62);
}
.footer-base .ph {
  color: rgba(242, 237, 228, 0.5);
  text-decoration-color: rgba(242, 237, 228, 0.35);
}

/* ============================================================
   shared — interior pages
   ============================================================ */

/* Dark stand-in for any photo or film frame not supplied yet. */
.frame {
  display: grid;
  place-items: center;
  background: linear-gradient(160deg, #3a2c23 0%, #241e19 70%);
}
.frame .ph {
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center;
  padding-inline: 1.5rem;
  color: rgba(242, 237, 228, 0.42);
  text-decoration-color: rgba(242, 237, 228, 0.28);
}

.page-hero {
  padding-block: clamp(4rem, 10vw, 7.5rem) clamp(3rem, 7vw, 5rem);
  border-bottom: 1px solid var(--rule);
}
.page-hero .shell {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.page-hero h1 {
  max-width: 14ch;
}
.page-intro {
  font-size: clamp(1.0625rem, 1.8vw, 1.25rem);
  line-height: 1.55;
  color: var(--muted);
  max-width: 46ch;
}

.section-intro {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
.section-intro h2 {
  max-width: 18ch;
}
.section-intro p {
  color: var(--muted);
}

.section-alt {
  background: var(--raised);
  border-block: 1px solid var(--rule);
}

/* ============================================================
   experience
   ============================================================ */

/* The day in order. Numbered because it is a real sequence. */
.steps {
  list-style: none;
  margin: clamp(2.5rem, 6vw, 4rem) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.step {
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 13rem) minmax(0, 1fr);
  gap: 0.5rem 2rem;
  padding-block: 1.75rem;
  border-top: 1px solid var(--rule);
  align-items: baseline;
}
.step:last-child {
  border-bottom: 1px solid var(--rule);
}
.step-num {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--accent);
  font-variant-numeric: tabular-nums;
}
.step h3 {
  font-family: var(--display);
  font-weight: 400;
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  line-height: 1.2;
}
.step p {
  color: var(--muted);
  font-size: 0.9375rem;
  max-width: 52ch;
}
.step-two {
  display: block;
  margin-top: 0.75rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
}
@media (max-width: 46rem) {
  .step {
    grid-template-columns: 2.5rem minmax(0, 1fr);
  }
  .step > div {
    grid-column: 2;
  }
}

.deliverables {
  margin-top: clamp(2rem, 5vw, 3rem);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 1px;
  background: var(--rule);
  border: 1px solid var(--rule);
}
.deliverable {
  background: var(--raised);
  padding: 1.5rem 1.5rem 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.deliverable h3 {
  font-family: var(--display);
  font-weight: 400;
  font-size: 1.45rem;
  line-height: 1.2;
}
.deliverable p {
  font-size: 0.9375rem;
  color: var(--muted);
}

.faq {
  margin-top: clamp(2rem, 5vw, 3rem);
  max-width: 50rem;
  border-top: 1px solid var(--rule);
}
.faq details {
  border-bottom: 1px solid var(--rule);
}
.faq summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1.5rem;
  padding-block: 1.25rem;
  font-weight: 600;
}
.faq summary::-webkit-details-marker {
  display: none;
}
.faq summary::after {
  content: "+";
  flex: none;
  font-family: var(--display);
  font-size: 1.6rem;
  line-height: 1;
  color: var(--accent);
  transition: transform 0.25s ease;
}
.faq details[open] summary::after {
  transform: rotate(45deg);
}
.faq details p {
  padding-bottom: 1.5rem;
  color: var(--muted);
  font-size: 0.9375rem;
}

/* ============================================================
   about
   ============================================================ */

.about-hero-photo {
  aspect-ratio: 16 / 9;
  margin-top: clamp(2.5rem, 6vw, 4rem);
}

.stories {
  display: flex;
  flex-direction: column;
}
.story {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
  gap: 1.25rem clamp(2rem, 6vw, 5rem);
  padding-block: clamp(2rem, 5vw, 3rem);
  border-top: 1px solid var(--rule);
}
.story:last-child {
  border-bottom: 1px solid var(--rule);
}
.story h2 {
  font-size: clamp(1.5rem, 3vw, 2.1rem);
}
.story-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: var(--muted);
}

.duo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: clamp(2.5rem, 5vw, 4rem);
  margin-top: clamp(2.5rem, 6vw, 4rem);
}
.person {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.person .frame {
  aspect-ratio: 4 / 5;
  margin-bottom: 0.6rem;
}
.person h3 {
  font-family: var(--display);
  font-weight: 400;
  font-size: clamp(1.6rem, 3vw, 2rem);
}
.person p {
  color: var(--muted);
  font-size: 0.9375rem;
}
.person .person-quote {
  font-family: var(--display);
  font-style: italic;
  font-size: 1.25rem;
  line-height: 1.4;
  color: var(--text);
}

@media (max-width: 46rem) {
  .story {
    grid-template-columns: 1fr;
  }
  .about-hero-photo {
    aspect-ratio: 4 / 3;
  }
}

/* ============================================================
   inquire
   ============================================================ */

.inquire-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr);
  gap: clamp(2.5rem, 6vw, 5rem);
  align-items: start;
}
.inquire-aside {
  display: flex;
  flex-direction: column;
  gap: 1.35rem;
  position: sticky;
  top: 7rem; /* clears the sticky header */
}
/* Section titles in spaced Garamond capitals. */
.caps-title,
.inquire-aside h1,
.inquire-aside h2 {
  font-size: clamp(1.625rem, 2.8vw, 2.25rem);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.inquire-aside > p {
  color: var(--muted);
  max-width: 38ch;
}

.next-steps {
  list-style: none;
  margin: 0.75rem 0 0;
  padding: 0;
  border-top: 1px solid var(--rule);
}
.next-steps li {
  display: grid;
  grid-template-columns: 2rem 1fr;
  gap: 0.75rem;
  padding-block: 0.9rem;
  border-bottom: 1px solid var(--rule);
  font-size: 0.9375rem;
  color: var(--muted);
}
.next-steps span {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--accent);
  font-variant-numeric: tabular-nums;
  padding-top: 0.15rem;
}

.form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.6rem 1.5rem;
}
.field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.field-full {
  grid-column: 1 / -1;
}
/* The form is set in Garamond, a size up from the sans to match its smaller
   letters. */
.field label {
  font-family: var(--display);
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--muted);
}
.field .optional {
  margin-left: 0.4rem;
  font-style: italic;
  font-weight: 400;
  color: var(--label);
}
.field input,
.field select,
.field textarea {
  width: 100%;
  font: inherit;
  font-family: var(--display);
  font-size: 1.125rem;
  color: var(--text);
  background: var(--raised);
  border: 1px solid var(--rule);
  border-radius: 0;
  padding: 0.85rem 1rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.field select {
  appearance: none;
  padding-right: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23907A6B' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
}
.field textarea {
  min-height: 9rem;
  resize: vertical;
  line-height: 1.6;
}
.field input::placeholder,
.field textarea::placeholder,
/* "Choose one" and an empty date are prompts, not answers */
.field select:invalid,
.field input[type="date"]:invalid {
  color: var(--label);
}
.field select option {
  color: var(--text);
}
.field input:focus,
.field select:focus,
.field textarea:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 1px var(--accent);
}

/* A field that needs another look, and the note under it. */
.field [aria-invalid="true"] {
  border-color: var(--error);
}
.field [aria-invalid="true"]:focus {
  border-color: var(--error);
  box-shadow: 0 0 0 1px var(--error);
}
.field-error {
  margin: 0;
  font-family: var(--display);
  font-size: 1rem;
  line-height: 1.4;
  color: var(--error);
}

/* Spam trap — real people never see it. */
.botcheck {
  display: none;
}

.form-foot {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.5rem;
  margin-top: 0.5rem;
}
.form-status {
  font-size: 0.9375rem;
  color: var(--muted);
  max-width: 40ch;
}
.form-status[data-state="error"] {
  color: var(--error);
}

.form-done {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.75rem, 4vw, 2.5rem);
  background: var(--raised);
  border: 1px solid var(--rule);
}
.form-done h2 {
  font-size: clamp(1.75rem, 3.5vw, 2.4rem);
}
.form-done p {
  color: var(--muted);
}

@media (max-width: 52rem) {
  .inquire-layout {
    grid-template-columns: 1fr;
  }
  .inquire-aside {
    position: static;
  }
}
@media (max-width: 34rem) {
  .form {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   film page
   ============================================================ */

.film-head {
  padding-block: clamp(3.5rem, 8vw, 6rem) clamp(2rem, 5vw, 3rem);
}
.film-head .shell {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.film-head h1 {
  font-size: clamp(2.5rem, 6.5vw, 4.75rem);
}
.film-facts {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--label);
}

/* Poster first; the Vimeo player loads only when someone presses play. */
.player {
  position: relative;
  aspect-ratio: 16 / 9;
  background: var(--espresso);
  overflow: hidden;
}
.player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.player-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  cursor: pointer;
  color: var(--bone);
  font: inherit;
  background: linear-gradient(160deg, #3a2c23 0%, #241e19 70%);
}
.player-poster img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Darkens bright frames just enough for the play label to stay readable. */
.player-poster::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(36, 30, 25, 0.55), rgba(36, 30, 25, 0.12) 60%);
  transition: opacity 0.25s ease;
}
.player-poster:not(:disabled):hover::after {
  opacity: 0.7;
}
.player-poster:disabled {
  cursor: default;
}
.play-mark {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.play-circle {
  display: grid;
  place-items: center;
  width: 3.75rem;
  height: 3.75rem;
  border: 1px solid rgba(242, 237, 228, 0.65);
  border-radius: 50%;
  transition: background-color 0.25s ease, border-color 0.25s ease;
}
.player-poster:not(:disabled):hover .play-circle {
  background: rgba(242, 237, 228, 0.12);
  border-color: var(--bone);
}
.player-poster .ph {
  color: rgba(242, 237, 228, 0.55);
  text-decoration-color: rgba(242, 237, 228, 0.3);
}

.film-body {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: clamp(2.5rem, 6vw, 5rem);
  align-items: start;
}
.film-story {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
.film-story p {
  font-size: 1.0625rem;
  line-height: 1.75;
}

.credits {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.credits dl {
  margin: 0;
  border-top: 1px solid var(--rule);
}
.credits dl div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1.5rem;
  padding-block: 0.85rem;
  border-bottom: 1px solid var(--rule);
}
.credits dt {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
}
.credits dd {
  margin: 0;
  text-align: right;
  font-size: 0.9375rem;
}

.stills {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.5rem, 1.5vw, 1rem);
}
.stills .frame,
.stills img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.film-back {
  margin-top: clamp(2rem, 5vw, 3rem);
}

@media (max-width: 52rem) {
  .film-body {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   holding page
   ============================================================ */

/* Teasers play in place: there are no film pages behind them yet. */
.film-grid {
  margin-top: clamp(2rem, 5vw, 3rem);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
}
.film-card {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.film-card h3 {
  font-family: var(--display);
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.2;
}
.film-card .film-venue {
  margin-top: -0.5rem;
}
.film-card .play-circle {
  width: 3rem;
  height: 3rem;
}
@media (max-width: 52rem) {
  .film-grid {
    grid-template-columns: 1fr;
  }
}

.coming-soon {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.19em;
  text-transform: uppercase;
  color: rgba(242, 237, 228, 0.62);
}