.project-all-link,.project-page-link,.project-back-link{display:inline-flex;align-items:center;gap:20px;padding:11px 16px;font-size:12px;text-decoration:none;margin-block:15px 20px}
.project-all-link{margin-bottom:25px}
.project-cover-link{display:block;text-decoration:none;overflow:hidden;border-radius:13px 13px 0 0}
#projects .project-cover-link>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:13px 13px 0 0}
.project-title-link{color:inherit;text-decoration:none}
.project-title-link:hover{color:var(--orange)}
.project-brand-cover{aspect-ratio:16/9;display:flex;align-items:flex-end;padding:25px;background:radial-gradient(ellipse at 85% 100%,#e56f0529,transparent 65%),linear-gradient(145deg,#282828,#141414);border:1px solid #e56f052b;color:#f6f5f1;position:relative;overflow:hidden}
.project-brand-cover:before{content:"";position:absolute;width:150%;height:100%;border:1px solid #e56f0525;transform:rotate(-22deg);inset-inline-start:-25%;top:-20%;pointer-events:none}
.project-brand-cover span{position:relative;font-size:21px;line-height:1.6;max-width:95%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.project-page .site-header{position:sticky;top:0;background:#141414}
.project-page-banner{position:relative;isolation:isolate;min-height:330px;display:flex;align-items:flex-end;background:#141414;color:#f6f5f1;overflow:hidden;padding-block:38px 50px}
.project-page-banner.has-photo{min-height:480px}
.project-page-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.project-page-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#141414f0,#14141455);z-index:-1}
.project-page-banner h1{font-size:clamp(34px,4.7vw,66px);line-height:1.5;max-width:1000px;margin:14px 0 18px;font-weight:400}
.project-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin-bottom:35px;line-height:1.8}
.project-breadcrumb a{color:#ffac64;text-decoration:none}
.project-page-banner .section-index{margin-bottom:6px}
.project-page-status{display:inline-flex;border:1px solid #ffac6488;padding:4px 15px;border-radius:30px;font-size:12px}
.project-page-details{padding-block:32px 80px}
.project-page-details .project-detail-intro{max-width:1000px;font-size:17px;line-height:2.1}
.project-page-details .project-detail-section h3{font-size:32px;line-height:1.6;margin:0 0 24px}
.project-page-details .project-detail-section h4{font-size:22px;line-height:1.7;margin:24px 0 15px}
.project-page-details figure{margin:0;min-width:0}
.project-page-details figure img{display:block;max-width:100%;width:100%;height:auto;max-height:650px;object-fit:contain;border-radius:10px;background:#e9e6de}
.project-page-details figcaption{font-size:12px;color:#555b53;line-height:1.9;padding-block:10px}
.project-page-details .project-comparison figcaption{color:#9d4900;font-size:14px}
.project-page .project-component{scroll-margin-top:130px}
@media(max-width:700px){.project-page-banner{min-height:270px;padding-block:25px 35px}.project-page-banner.has-photo{min-height:390px}.project-page-banner h1{font-size:34px}.project-breadcrumb{font-size:11px;gap:8px;margin-bottom:25px}.project-page-details{padding-block:20px 50px}.project-page-details .project-detail-intro{font-size:15px}.project-page-details .project-detail-section h3{font-size:26px}.project-brand-cover span{font-size:23px}.project-page-link{min-height:44px}}

/* Natural image ratios, balanced masonry columns, and no visible photograph descriptions. */
.project-detail-photos{display:block;columns:2;column-gap:24px}
.project-detail-photos>.project-photo{break-inside:avoid;margin:0 0 24px;overflow:hidden;border-radius:12px}
.project-detail-body .project-detail-photos img,.project-page-details .project-detail-photos img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:transparent;border-radius:12px}
.project-detail-photos>.project-photo.is-portrait{max-width:100%}
.project-component-scope{padding-inline-start:22px;line-height:2;font-size:15px;margin-bottom:30px}
.project-component-scope li::marker{color:var(--orange)}
.project-compare{margin:18px 0 38px;direction:ltr}
.project-compare-stage{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:16px;background:#141414;touch-action:pan-y;cursor:ew-resize;user-select:none;box-shadow:0 18px 48px #14141418}
.project-compare-stage>img,.compare-before-layer>img{position:absolute!important;inset:0;display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;border-radius:0!important;pointer-events:none}
.compare-before-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--compare-position)) 0 0);pointer-events:none}
.compare-divider{position:absolute;top:0;bottom:0;left:var(--compare-position);width:2px;background:#ffac64;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 20px #14141455}
.compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffac64;border-radius:50%;background:#141414b8;backdrop-filter:blur(12px);color:white;font:26px Arial,sans-serif;box-shadow:0 5px 22px #14141444}
.compare-label{position:absolute;top:18px;z-index:1;padding:7px 14px;border-radius:9px;background:#141414b8;backdrop-filter:blur(10px);color:#f6f5f1;font-size:13px;pointer-events:none}
.compare-label-before{left:18px}.compare-label-after{right:18px}
.compare-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;direction:ltr}
.project-compare-stage:focus-within{outline:3px solid var(--orange);outline-offset:5px}
@media(max-width:700px){.project-detail-photos{columns:1}.project-compare-stage{aspect-ratio:4/3;border-radius:12px}.compare-label{top:12px;padding:5px 10px;font-size:12px}.compare-label-before{left:12px}.compare-label-after{right:12px}.compare-divider>span{width:46px;height:46px}.project-component-scope{font-size:14px}}

/* Homepage project selection: clear covers, one hook and one destination. */
#projects .home-project-grid{gap:48px 26px}
#projects .home-project-grid>.home-project-card{display:flex;flex-direction:column;align-self:stretch;padding-bottom:25px;border-bottom:1px solid #14141420}
#projects .home-project-card .project-cover-link{aspect-ratio:16/10;border-radius:16px;overflow:hidden}
#projects .home-project-card .project-cover-link>img,#projects .home-project-card .project-brand-cover{width:100%;height:100%;aspect-ratio:auto;border-radius:16px;object-fit:cover}
#projects .home-project-card .project-brand-cover{align-items:center;justify-content:center;padding:30px}
#projects .home-project-card .project-brand-cover span{font-size:22px;text-align:center;color:#ffac64}
#projects .home-project-card .project-info{display:flex;flex-direction:column;flex:1;padding-top:18px}
.home-project-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}
#projects .home-project-card .project-status{margin:0}
#projects .home-project-card h3{font-size:23px;line-height:1.65;margin:0 0 12px;min-height:3.3em;text-wrap:balance}
.home-project-hook{font-size:14px;line-height:1.95;color:#62665f;margin:0 0 23px;min-height:3.9em}
.home-project-more{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:34px;padding:10px 13px 10px 18px;font-size:12px}
.home-project-arrow{width:27px;height:27px;display:grid;place-items:center;border:1px solid #ffac6444;border-radius:50%;color:#ffac64;transition:transform .2s}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.home-project-more:hover .home-project-arrow{transform:translate(2px,-2px)}}
@media(max-width:850px){#projects .home-project-grid{gap:36px 22px}}
@media(max-width:600px){#projects .home-project-grid{gap:32px}#projects .home-project-card h3{min-height:0;font-size:24px}.home-project-hook{min-height:0;font-size:14px;margin-bottom:20px}#projects .home-project-card{padding-bottom:26px}.home-project-more{min-height:44px}}
/* No inferred status is presented when the owner has not supplied one. */
#projects .home-project-card .project-status:empty,.project-info .project-status:empty,.project-page-status:empty{display:none}
/* Quiet project actions and an unfilled archive heading. */
#projects .home-project-more{background:transparent;background-image:none;color:var(--ink,#141414);border:1px solid #14141433;border-radius:9px;box-shadow:none;padding:6px 10px;gap:14px;font-size:11px;min-height:34px;text-decoration:none;cursor:pointer;font-family:inherit}
#projects .home-project-arrow{width:20px;height:20px;font-size:12px;color:inherit;border-color:#14141433}
#projects .home-project-more:hover{background:#14141406;border-color:#14141477}
#projects .home-project-card h3{margin-bottom:18px}
#projects .project-archive{background:transparent;border-top:1px solid #14141425;padding-top:25px}
#projects .project-archive>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;background:transparent;background-image:none;box-shadow:none;border:0;border-radius:0;color:var(--ink,#141414);padding:14px 0;font-size:18px;cursor:pointer;list-style:none}
#projects .project-archive>summary::-webkit-details-marker{display:none}
#projects .project-archive>summary::before,#projects .project-archive>summary::after{display:none}
#projects .project-archive>summary span{font-size:13px}
#projects .archive-project-card{border-top:1px solid #14141425;padding:22px 0}
.archive-project-title{background:none;border:0;color:inherit;font:inherit;text-align:inherit;padding:0;cursor:pointer}
.gallery-empty{padding:45px 0;text-align:center;color:#62665f}
.archive-project-cover{width:100%;aspect-ratio:16/10;border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;cursor:pointer;font-family:inherit}
.archive-project-cover span{color:#ffac64;font-size:22px;font-weight:400;line-height:1.7}
.archive-project-cover:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
#projects .home-project-card .project-cover-link{position:relative}
#projects .home-project-card .project-cover-link>.project-status,#projects .archive-project-cover>.project-status{position:absolute;inset-block-start:15px;inset-inline-end:15px;z-index:2;display:inline-flex;align-items:center;gap:7px;margin:0;padding:7px 12px;max-width:none;border:1px solid #ffffff66;border-radius:999px;background:#141414c9;color:#fff;font-size:11px;font-weight:400;line-height:1.5;box-shadow:0 3px 14px #0002;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#projects .project-cover-link>.project-status::before,#projects .archive-project-cover>.project-status::before{content:"";width:5px;height:5px;border-radius:50%;background:#e56f05;flex:none}
#projects .project-cover-link>.project-status[data-status="completed"]::before,#projects .archive-project-cover>.project-status[data-status="completed"]::before{background:#d9e2d5}
#projects .project-archive>summary{padding:22px 26px;border:1px solid #e56f0538;border-radius:16px;background:radial-gradient(ellipse at 0 100%,#e56f0515,transparent 65%),linear-gradient(125deg,#ffffffa3,#f6f5f166);box-shadow:inset 0 1px 0 #fff,0 8px 25px #14141408;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-weight:500}
#projects .home-project-card .project-cover-link>.project-status:empty{display:none}
#projects .project-archive>summary{background:radial-gradient(ellipse at 0 100%,#e56f051a,transparent 65%),linear-gradient(125deg,#141414ed,#282520e6);border-color:#e56f0540;color:#f6f5f1;box-shadow:inset 0 1px 0 #ffffff13,0 10px 28px #14141414}
#projects .project-archive>summary span{color:#f6f5f1;background:#ffffff08;border-color:#ffffff36}
.project-page #projects .project-cover-link{position:relative}
.project-page #projects .project-cover-link>.project-status{position:absolute;top:15px;inset-inline-end:15px;display:inline-flex;align-items:center;gap:7px;margin:0;padding:7px 12px;border:1px solid #ffffff66;border-radius:999px;background:#141414c9;color:white;backdrop-filter:blur(12px);font-size:11px;line-height:1.5;box-shadow:0 3px 14px #0002}
.project-page #projects .project-cover-link>.project-status::before{content:"";width:5px;height:5px;border-radius:50%;background:#e56f05}
.project-page #projects .project-cover-link>.project-status[data-status=completed]::before{background:#d9e2d5}
.project-page #projects .project-cover-link>.project-status:empty{display:none}
#projects .home-project-more:focus-visible,.archive-project-title:focus-visible,#projects .project-archive>summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px}