/* ===== V11 / 20 NON-REPEATING TEMPLATE DIRECTIONS ===== */

.unique-library{background:#e8e0d4;color:#111;padding:130px 5vw 100px}.unique-library .unique-intro{max-width:1050px;margin-bottom:70px}.unique-library .unique-intro h1{font:400 clamp(50px,7vw,94px)/.9 Georgia,serif;letter-spacing:-.055em;margin:10px 0 28px}.unique-library .unique-intro>p:last-child{max-width:670px;color:#686057;line-height:1.7}.unique-library .unique-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 28px}.unique-library .unique-card{min-width:0}.unique-library .p{height:380px;position:relative;overflow:hidden}.unique-library .p h2{margin:0}.unique-library .p small{font:9px Arial;letter-spacing:.15em;text-transform:uppercase}.unique-library .p p{font:10px Arial}.unique-library .unique-meta{border-top:1px solid #a79d90;padding:12px 2px;display:flex;justify-content:space-between}.unique-library .unique-meta>div{display:grid;grid-template-columns:30px auto;column-gap:7px}.unique-library .unique-meta span{grid-row:1/3;font:10px Arial;color:#83796e}.unique-library .unique-meta h3{font-size:16px;margin:0}.unique-library .unique-meta p{font:10px Arial;text-transform:uppercase;letter-spacing:.08em;color:#746b61;margin:4px 0}.unique-library .unique-meta a{font:10px Arial}
.unique-library .split{display:grid;grid-template-columns:48% 52%;background:#151515;color:#eee}.unique-library .split .photo{background:linear-gradient(145deg,#463a31,#9a7b5a)}.unique-library .split .copy{padding:35px;display:flex;flex-direction:column;justify-content:end}.unique-library .split h2{font:42px/.92 Georgia;margin:9px 0 15px}.unique-library .split b{font:9px Arial;margin-top:25px}
.unique-library .blueprint{background:#16344f;color:#dceaf0;padding:26px;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:24px 24px}.unique-library .bpnav{font:9px monospace;border-bottom:1px solid;padding-bottom:8px}.unique-library .blueprint h2{font:42px Georgia;max-width:60%;margin-top:65px}.unique-library .drawing{position:absolute;right:30px;top:75px;width:150px;height:170px;border:1px solid}.unique-library .drawing i{display:block;border-bottom:1px solid;height:33%}
.unique-library .organic{background:#e8dfc5;color:#304632}.unique-library .leaf{position:absolute;border-radius:50% 10% 50% 10%;background:#73886b}.unique-library .leaf.one{width:280px;height:250px;right:-50px;top:-50px;transform:rotate(20deg)}.unique-library .leaf.two{width:150px;height:130px;left:-30px;bottom:-20px;background:#b4a26c}.unique-library .organiccopy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.unique-library .organic h2{font:45px Georgia;max-width:70%}
.unique-library .diagonal{background:#090a0c;color:#fff}.unique-library .slash{position:absolute;width:230px;height:520px;background:#e4c52f;right:-70px;top:-60px;transform:rotate(18deg)}.unique-library .num{position:absolute;right:25px;top:20px;color:#111;font:50px Arial}.unique-library .dtext{position:absolute;left:30px;bottom:30px;width:58%}.unique-library .dtext h2{font:800 40px/.9 Arial;margin:8px 0}
.unique-library .wavep{background:#e9f4f5;color:#205a68}.unique-library .water{position:absolute;width:550px;height:320px;border-radius:50%;background:#78bdcb;right:-180px;bottom:-210px}.unique-library .wcopy{position:absolute;left:30px;top:65px;width:55%}.unique-library .wcopy h2{font:43px Georgia}.unique-library .booking{position:absolute;right:25px;bottom:25px;width:185px;padding:20px;background:white;box-shadow:0 10px 35px #0002}
.unique-library .cards{background:#fbfbf9;padding:25px}.unique-library .cards header{display:flex;justify-content:space-between;font:10px Arial}.unique-library .cards h2{font:46px Georgia;margin-top:55px;max-width:55%}.unique-library .servicecards{display:flex;gap:8px;position:absolute;bottom:25px;right:25px}.unique-library .servicecards i{font:9px Arial;font-style:normal;background:#d9eee9;padding:25px 14px}
.unique-library .editorial{background:#eee7dd}.unique-library .paintblock{position:absolute;right:0;top:0;width:38%;height:100%;background:#d86b4e}.unique-library .ednum{position:absolute;right:30px;top:20px;font:70px Georgia;color:#ffffff66}.unique-library .edcopy{position:absolute;left:30px;bottom:30px;width:50%}.unique-library .edcopy h2{font:47px/.9 Georgia;margin:7px 0}
.unique-library .dashboard{background:#0b0d0f;color:#eee;padding:25px}.unique-library .dashnav{font:9px monospace;border-bottom:1px solid #444;padding-bottom:8px}.unique-library .meter{position:absolute;right:30px;top:70px;width:125px;height:125px;border:1px solid #9d312b;border-radius:50%;display:grid;place-items:center;font:42px monospace}.unique-library .meter span{font-size:12px}.unique-library .dashtext{position:absolute;left:30px;bottom:45px}.unique-library .dashtext h2{font:800 38px Arial}.unique-library .status{position:absolute;right:30px;bottom:30px;font:8px monospace}
.unique-library .cinematic{background:linear-gradient(120deg,#050505,#4b3949);color:white}.unique-library .vertical{position:absolute;left:18px;top:25px;font:8px/2 Arial;letter-spacing:.15em}.unique-library .cincopy{position:absolute;left:75px;bottom:35px}.unique-library .cincopy h2{font:50px/.9 Georgia;max-width:70%}.unique-library .glint{position:absolute;width:180px;height:550px;background:linear-gradient(90deg,transparent,#fff2,transparent);right:0;top:-80px;transform:rotate(20deg)}
.unique-library .poster{background:#e9dfce;color:#111;padding:25px}.unique-library .posterbar{font:9px Arial;border-bottom:2px solid;padding-bottom:8px}.unique-library .poster h2{font:900 74px/.78 Arial;letter-spacing:-.08em;margin-top:50px;max-width:70%}.unique-library .posterbox{position:absolute;right:25px;bottom:25px;border:2px solid;padding:18px;font:9px Arial}.unique-library .posterarrow{position:absolute;right:25px;top:55px;font-size:50px}
.unique-library .fashion{background:#eedcdd;color:#4e3037}.unique-library .fashionimg{position:absolute;right:0;width:43%;height:100%;background:linear-gradient(160deg,#ad7c85,#5b3b42)}.unique-library .fissue{position:absolute;top:22px;left:25px;font:9px Arial}.unique-library .fcopy{position:absolute;left:30px;bottom:35px;width:48%}.unique-library .fcopy h2{font:italic 46px/.9 Georgia;margin:8px 0}
.unique-library .zen{background:#dce2d7;color:#37453a}.unique-library .enso{position:absolute;width:220px;height:220px;border:18px solid #788879;border-right-color:transparent;border-radius:50%;right:50px;top:65px}.unique-library .zvertical{position:absolute;left:18px;top:25px;writing-mode:vertical-rl;font:9px Arial;letter-spacing:.3em}.unique-library .zcopy{position:absolute;left:65px;bottom:35px;width:45%}.unique-library .zcopy h2{font:44px Georgia}
.unique-library .gallery{background:#0a0a0a;color:white;padding:20px}.unique-library .g{position:absolute;background:#4c4140}.unique-library .g1{left:20px;top:20px;width:32%;height:58%}.unique-library .g2{left:35%;top:20px;width:25%;height:35%;background:#756260}.unique-library .g3{right:20px;top:20px;width:35%;height:70%;background:#332c2c}.unique-library .gcopy{position:absolute;left:35%;bottom:25px}.unique-library .gcopy h2{font:38px Georgia}
.unique-library .menu{background:#4a2b21;color:#f2ddba;padding:27px}.unique-library .menutitle{font:24px Georgia;border-bottom:1px solid;padding-bottom:10px}.unique-library .menucopy{margin-top:35px}.unique-library .menucopy h2{font:44px Georgia;max-width:55%}.unique-library .menuitems{position:absolute;right:28px;top:110px;font:10px/2 monospace}.unique-library .reserve{position:absolute;right:28px;bottom:25px;font:9px Arial}
.unique-library .sticker{background:#f2c92f;color:#111;padding:25px}.unique-library .sticker h2{font:900 55px/.82 Arial;max-width:70%;position:absolute;left:25px;bottom:40px}.unique-library .s{position:absolute;border:2px solid;border-radius:50%;padding:12px;font:900 10px Arial}.unique-library .s1{right:35px;top:35px;transform:rotate(12deg)}.unique-library .s2{right:95px;top:95px;transform:rotate(-9deg)}.unique-library .s3{right:40px;top:150px}.unique-library .truck{position:absolute;right:25px;bottom:25px;font:9px Arial}
.unique-library .property{background:#e9e5dd}.unique-library .propimg{position:absolute;right:0;width:58%;height:100%;background:linear-gradient(145deg,#aaa397,#5f615b)}.unique-library .propprice{position:absolute;right:25px;top:22px;background:white;padding:10px;font:12px Georgia}.unique-library .propcopy{position:absolute;left:28px;bottom:30px;width:37%}.unique-library .propcopy h2{font:42px Georgia;margin:7px 0}
.unique-library .legal{background:#151f30;color:#eee;padding:27px}.unique-library .legalmark{font:90px Georgia;color:#b59b6c;position:absolute;right:30px;top:15px}.unique-library .legalnav{font:9px Arial;border-bottom:1px solid #ffffff55;padding-bottom:8px}.unique-library .legalcopy{position:absolute;left:28px;bottom:30px;width:55%}.unique-library .legalcopy h2{font:44px Georgia}.unique-library .case{position:absolute;right:30px;bottom:28px;font:9px Arial}.unique-library .case b{font:30px Georgia}
.unique-library .scoreboard{background:#111;color:#eee;padding:25px}.unique-library .score{font:90px/1 Arial;font-weight:900;color:#d74436}.unique-library .score span{display:block;margin-left:70px;color:#eee}.unique-library .fitcopy{position:absolute;right:25px;bottom:30px;width:52%;text-align:right}.unique-library .fitcopy h2{font:900 39px/.9 Arial}.unique-library .rep{position:absolute;left:25px;bottom:25px;font:9px monospace}
.unique-library .filmstrip{background:#080808;color:white;padding:20px}.unique-library .film{position:absolute;top:25px;height:205px;background:#555}.unique-library .f1{left:20px;width:25%}.unique-library .f2{left:28%;width:34%;background:#333}.unique-library .f3{right:20px;width:34%;background:#777}.unique-library .lenscopy{position:absolute;left:22px;bottom:25px}.unique-library .lenscopy h2{font:45px Georgia}.unique-library .lenscopy p{margin:5px 0}
.unique-library .minimal{background:#f1ede5;color:#151515}.unique-library .minbrand{position:absolute;left:30px;top:25px;font:9px Arial;letter-spacing:.25em}.unique-library .mincopy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.unique-library .mincopy h2{font:52px Georgia;margin:8px 0}.unique-library .mincopy p{margin:0 0 25px}.unique-library .mincopy b{font:8px Arial;letter-spacing:.18em}.unique-library .minline{position:absolute;width:1px;height:50px;background:#111;bottom:0;left:50%}@media(max-width:760px){.unique-grid{grid-template-columns:1fr}.unique-library{padding:110px 22px 70px}.unique-library .p{height:440px}}


/* Full design viewing */
.unique-card .p{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}
.unique-card:hover .p{transform:translateY(-2px);box-shadow:0 18px 45px #0002}
.card-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}
.card-actions button,.card-actions a{font:10px Arial;border:0;background:none;padding:0;color:#111;cursor:pointer;text-decoration:none}
.card-actions .view-design{border-bottom:1px solid #111;padding-bottom:2px}
.design-preview-dialog{width:min(1120px,94vw);max-width:none;height:min(900px,92vh);padding:0;background:#111;border:1px solid #3d3d3d;color:#eee;overflow:hidden;border-radius:3px}
.design-preview-dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}
.preview-close{position:absolute;z-index:20;right:12px;top:8px;width:38px;height:38px;border:0;background:#111c;color:#fff;font-size:28px;line-height:1;cursor:pointer;border-radius:50%}
.preview-browser{height:calc(100% - 112px);background:#d8d2c8;overflow:hidden}
.preview-browser-bar{height:42px;background:#1c1c1c;color:#aaa;display:flex;align-items:center;gap:7px;padding:0 15px;font:10px Arial;letter-spacing:.08em}
.preview-browser-bar span{width:8px;height:8px;border-radius:50%;background:#555}.preview-browser-bar b{font-weight:400;margin-left:8px}
.preview-page{height:calc(100% - 42px);overflow-y:auto;background:#f4f1eb;color:#111}
.demo-hero{min-height:580px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}
.demo-hero .demo-art{min-height:580px;position:relative}.demo-hero .p{position:absolute;inset:0;width:100%;height:100%!important;transform:none!important;box-shadow:none!important}
.demo-hero .demo-copy{padding:clamp(35px,6vw,80px);display:flex;flex-direction:column;justify-content:center;background:#f4f1eb}
.demo-kicker{font:10px Arial;letter-spacing:.2em;text-transform:uppercase;color:#756b60}.demo-copy h1{font:400 clamp(42px,6vw,78px)/.92 Georgia,serif;letter-spacing:-.045em;margin:15px 0 20px}.demo-copy p{font:15px/1.7 Arial;color:#59544e;max-width:520px}.demo-button{display:inline-block;align-self:flex-start;margin-top:18px;background:#111;color:#fff;padding:13px 18px;font:10px Arial;letter-spacing:.1em;text-transform:uppercase}
.demo-section{padding:70px clamp(30px,6vw,80px);border-top:1px solid #c9c1b7;background:#f4f1eb}.demo-section.dark{background:#131313;color:#f5f1e9;border-color:#333}.demo-section .demo-section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.demo-section h2{font:400 clamp(34px,5vw,62px)/1 Georgia,serif;margin:0}.demo-section p{font:14px/1.7 Arial;max-width:650px;color:#696159}.demo-section.dark p{color:#aaa}.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-card{border:1px solid #c9c1b7;padding:24px;min-height:150px}.dark .demo-card{border-color:#3a3a3a}.demo-card b{font:16px Arial}.demo-card small{display:block;margin-top:40px;font:10px Arial;color:#81786d}.demo-cta{padding:75px clamp(30px,6vw,80px);text-align:center;background:#b59661;color:#111}.demo-cta h2{font:400 clamp(38px,6vw,72px)/.95 Georgia,serif;margin:0 0 20px}.demo-cta a{display:inline-block;border:1px solid #111;padding:14px 20px;font:10px Arial;text-transform:uppercase;letter-spacing:.12em}
.preview-footer{height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:#111}.preview-footer small{font:9px Arial;letter-spacing:.18em;color:#8f8f8f}.preview-footer h2{font:400 26px/1 "Instrument Serif",Georgia,serif;margin:4px 0}.preview-footer p{margin:0;color:#999;font:10px Arial;text-transform:uppercase;letter-spacing:.1em}.preview-choose{background:#c7a66a;color:#111;padding:14px 18px;font:10px Arial;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){.unique-library .p{height:440px}.design-preview-dialog{width:100vw;height:100dvh;max-height:none;border:0}.preview-browser{height:calc(100% - 98px)}.preview-footer{height:98px;padding:12px 16px}.preview-footer h2{font-size:21px}.preview-choose{padding:12px;font-size:9px}.demo-hero{grid-template-columns:1fr;min-height:0}.demo-hero .demo-art{min-height:520px}.demo-hero .demo-copy{padding:42px 24px}.demo-section{padding:50px 24px}.demo-section .demo-section-head{display:block}.demo-cards{grid-template-columns:1fr}.demo-card{min-height:120px}.demo-cta{padding:55px 24px}}

/* Keep every design direction fully visible in the library cards. */
.unique-library .unique-card .p{
  height:auto;
  aspect-ratio:16 / 10;
  min-height:0;
  overflow:hidden;
}

/* On phones, preserve the complete composition instead of forcing a tall crop. */
@media(max-width:760px){
  .unique-library .unique-card .p{
    height:auto;
    aspect-ratio:16 / 10;
    min-height:0;
  }
}

/* Mobile template library repair: one full-width card per row, fully visible previews, non-overlapping actions */
.unique-library .card-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:16px!important;flex-wrap:wrap!important;grid-template-columns:none!important}
.unique-library .card-actions .view-design,.unique-library .card-actions a{position:static!important;margin:0!important;white-space:nowrap!important;font:10px Arial!important;line-height:1.2!important}
.unique-library .card-actions .view-design{appearance:none;background:none;border:0;border-bottom:1px solid #111;padding:2px 0;color:#111;cursor:pointer}
@media(max-width:760px){
  .unique-library{padding:105px 18px 64px!important}
  .unique-library .unique-grid{grid-template-columns:minmax(0,1fr)!important;gap:46px!important}
  .unique-library .unique-card{width:100%!important;max-width:100%!important;min-width:0!important}
  .unique-library .p{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/5!important;overflow:hidden!important}
  .unique-library .unique-meta{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:12px 2px 0!important}
  .unique-library .unique-meta>div:first-child{min-width:0!important}
  .unique-library .card-actions{width:100%!important;justify-content:flex-start!important;gap:24px!important;flex-wrap:nowrap!important}
  .unique-library .card-actions .view-design,.unique-library .card-actions a{font-size:11px!important}
}

/* ===== 15 TRULY UNIQUE TEMPLATE LIBRARY ===== */
.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 30px}.template-card{min-width:0}.template-preview{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;background:#111;overflow:hidden;cursor:pointer}.template-preview iframe{position:absolute;inset:0;width:160%;height:160%;border:0;transform:scale(.625);transform-origin:top left;pointer-events:none;background:#fff}.preview-shield{position:absolute;inset:0}.template-meta{border-top:1px solid #a79d90;padding:14px 2px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.template-name{display:flex;gap:10px;min-width:0}.template-name>span{font:10px Arial;color:#83796e;padding-top:4px}.template-name h3{font-size:18px;margin:0 0 5px}.template-name p{font:10px/1.45 Arial;color:#746b61;margin:0;max-width:360px}.template-card .card-actions{display:flex;gap:20px;align-items:center;flex:0 0 auto}.template-card .card-actions button,.template-card .card-actions a{font:11px Arial;color:#111;background:none;border:0;padding:2px 0;text-decoration:none;white-space:nowrap;cursor:pointer}.template-card .card-actions button{border-bottom:1px solid #111}.template-dialog{display:none;grid-template-rows:42px minmax(0,1fr) 98px}.template-dialog[open]{display:grid}.template-browser-bar{background:#1c1c1c;color:#aaa;display:flex;align-items:center;gap:7px;padding:0 15px;font:10px Arial;letter-spacing:.08em}.template-browser-bar span{width:8px;height:8px;border-radius:50%;background:#555}.template-browser-bar b{font-weight:400;margin-left:8px}.template-dialog #fullTemplateFrame{width:100%;height:100%;border:0;background:#fff}.template-dialog .preview-footer{height:auto}.template-dialog .preview-close{top:5px}
@media(max-width:760px){.template-grid{grid-template-columns:1fr;gap:48px}.template-preview{aspect-ratio:4/5}.template-preview iframe{width:100%;height:100%;transform:none}.template-meta{display:block}.template-name p{max-width:none}.template-card .card-actions{margin-top:14px;justify-content:flex-start;gap:28px}.template-dialog{width:100vw;height:100dvh;max-height:none;border:0;grid-template-rows:42px minmax(0,1fr) 92px}.template-dialog .preview-footer{padding:12px 16px}.template-dialog .preview-footer h2{font-size:20px}}